Different View

hello,   

i have problem with posting body view, looks like this :



you can see it, text box and smiley box have different view  
previously, I have experienced the same thing in the body view, but now I can fix this because there are errors in the html tag.

I think, this time also the similiar problem as the previous problem, but I do not know where the error is no section.
I hope this problem could be fixed so as to be consistent display.    

please, help me to fix this  

Hello kumotta,

Are you using percentage values to set the width of your elements ? If you are, that is the reason. Percentage values depend on your screen size, so it renders different on smaller and larger displays. If you want it to display the same throughout every display, use pixels to set the width of your elements.

hello,
i'm input this code on css

Code:

.frm-textarea .sceditor-container {width:500px!important;}
.posting-block { margin-left:-200px!important; }
#smiley-box { width:300px!important; }

and view look like this



please help me to this part  

Is your forum wrapper set in pixel or percent ?

dependent, some use percent and there is also the use of pixels. sometimes there is one that is incompatible for use, so I use that compitable in each wrapper.

Well it is usually recommended to use percentage. So if you're using percents, your page layout is always going to render differently for viewers with different resolutions. You could pair percents up with minimum values :

Ex :

Let's think of this element as our body :

Code:

element {
    width:50%;
    min-width:500px;
}

The element above will always take up 50% of the screen width, but the lowest it will go is 500px.

i input this code on css but not give consistant display  

Its the devices view

Hagoromo Otsutsuki wrote:Its the devices view

you have solution to this part?

Hi

As Ange said, it varies . For example, even if you use min-width and width as a pixel and percentage value, there's no certainty that everything will e shown as you desired.

Give an iPhone as an example, the view would be different (Classic Version) and if ever you do adjust a code for that, some of the things in your forum has a possibility of getting affected so the best method I can recommend is just have the view as is as it is not constant for every devices out there.

Regards,
Pizza Boi

I think the problem is almost done, now I just need to set the width of the icon text,
in order to fulfill the empty space next to it.

Hi

Use this as your selector: .sceditor-toolbar . You can do something like:

Code:

.sceditor-toolbar {
  width: 500px;
}

Regards,
Pizza Boi

If you want to reduce the amount of space the buttons take up, use the following CSS :

Code:

div.sceditor-group {
    margin:0.5px;
    padding:0;
}
.sceditor-button { width:15px; }

hello,

if i want to move topic icon, title and description form, reply box and emoticon at once. is there a code for it?

If you mean the entire contents, you would need to do this :
Administration panel > display > templates > post & message private > posting_body

Find :

Code:

<div class="main-content frm">
 <fieldset class="frm-set multi">
 <!-- BEGIN switch_username_select -->

Replace by :

Code:

<div class="main-content frm">
 <fieldset class="frm-set multi editorContent">
 <!-- BEGIN switch_username_select -->

Save and publish.

Then use CSS to style it :

Code:

.editorContent { background:red; }

Reposition it you can use position :

Code:

.editorContent {
position:relative;
top:12px;
left:25px;
}

and how to remove separator dashed line on posting body?  

By this CSS :

Code:

fieldset.frm-set.multi.editorContent { border-bottom:none; }

and the last question before solved, i want to make reply box standar view like this forum, and remove background color, and remove all separator on posting body, please help me to this part  

I'm not exactly sure what you're wanting now, but this forum is phpbb3. Are you referring to the messages or the editor still ?

oh sorry ange, i will create new topic for this part.
topic solved~