The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Text box and smiley box

View previous topic View next topic Go down

Solved Text box and smiley box

Post by kumotta on Thu Apr 10, 2014 6:37 pm

hello Hello

I just get an idea about the layout, I hope someone can make it realized.

This is the default view in my forum posts;






and I want to change it to be like this (i'm using photoshop Razz )






Can I make it like that? can anybody help me? :rose:
avatar
kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Text box and smiley box

Post by Ange Tuteur on Thu Apr 10, 2014 6:43 pm

Hello kumotta,

You should probably by able to adjust the smiley box size by this CSS :
Code:
#smiley-box { width:30%; }
.posting-block { margin-left:-15%; }

You would need to decrease the left margin on the post block so the smiley box will not go to the next line. You may need to adjust the values above for your forum.
avatar
Ange Tuteur
Forumaster

Male Posts : 13177
Reputation : 2882
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Text box and smiley box

Post by kumotta on Thu Apr 10, 2014 6:54 pm



hello,

how to make title box same width to the text box? and one more, can i removed box of view more emoticon? thank you~ Wink
avatar
kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Text box and smiley box

Post by Ange Tuteur on Thu Apr 10, 2014 7:05 pm

Use this CSS to hide the smiles catgeory :
Code:
#smilies_categ { display:none; }

Use this CSS to adjust the title position and size :
Code:
fieldset.frm-set.multi dl dd.frm-input { margin-left:0; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13177
Reputation : 2882
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Text box and smiley box

Post by kumotta on Thu Apr 10, 2014 7:22 pm



still less fit :/

I want to look like this;


avatar
kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Text box and smiley box

Post by Ange Tuteur on Thu Apr 10, 2014 7:30 pm

Add to the left margin by percent or pixel, and adjust the input field width also :
Code:
fieldset.frm-set.multi dl dd.frm-input {
    margin-left:3%;
    width:50%;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13177
Reputation : 2882
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Text box and smiley box

Post by kumotta on Thu Apr 10, 2014 7:46 pm

okay, all look fine now Wink
but, please one more problem :rose:
how to add title box emoticon in here?

avatar
kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Text box and smiley box

Post by Ange Tuteur on Thu Apr 10, 2014 9:04 pm

Go to Administration panel > display > templates > post and private messages > posting_body

Find :
Code:
<div id="smiley-box">
 <div id="smileyContainer">
 {L_SMILIES_PREVIEW_NEW}
 </div>
 </div>

Replace by :
Code:
<div id="smiley-box">
  <div id="emoj_head">Emoticon</div>
 <div id="smileyContainer">
 {L_SMILIES_PREVIEW_NEW}
 </div>
 </div>

Save and publish.

Then add CSS to customize :
Display > Colors > CSS stylesheet
Code:
#emoj_head {
  color:#0AC;
  font-size:16px;
  text-align:center;
  border:1px solid #CCC;
  padding:3px;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13177
Reputation : 2882
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Text box and smiley box

Post by kumotta on Fri Apr 11, 2014 2:48 pm

hello ange,

this part, i have little problem
Can you tell me the code to set the height post box and move the reason box? thank you :rose:

avatar
kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Text box and smiley box

Post by Ange Tuteur on Fri Apr 11, 2014 8:51 pm

Use this CSS to adjust the SCEditor height :
Code:
.frm-textarea .sceditor-container { height:250px !important; }

Use this CSS to move the reason for editing :
Code:
div#textarea_content.posting-block br + dl { margin-left:10%; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13177
Reputation : 2882
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Text box and smiley box

Post by kumotta on Sun Apr 13, 2014 4:56 am

i think to this topic is solved, thanks ange :rose:
avatar
kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Text box and smiley box

Post by Ange Tuteur on Sun Apr 13, 2014 5:19 am

You're welcome I love you

Topic solved and archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13177
Reputation : 2882
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum