all about ezpost, and how to customise it.

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS FAQ ::: all about ezpost, and how to customise it.

Topic: all about ezpost, and how to customise it.

(?)

atlass

ezboard Moderator
ezSupporter
Posts: 2038

Posted: 12/11/02 1:58 pm

all about ezpost, and how to customise it.

The developers are considering ways of making ezpost more controllable for the admin. In the interim, however, there is an easy method of hiding the parts that you don't want to see or use.

The following code goes in the first box in your custom html page, and if left as is, would hide ALL the ezpost elements. The comments beside each line describe which part they hide.

The lines in red control the whole of each of the three sections, and if you want to hide everything within those sections, just use those.

In the font area, you have more choice, and can select to ONLY hide separate parts. If you want to do that, then remove the declaration that starts #textformatting and also remove the parts that you want to SHOW, only retaining the areas you want to hide. The line in blue will hide all three of the drop down menus, whereas the 3 lines beneath it will hide them separately.

    
<style>



#insertcodes {display:none}    /* hide all ezcode buttons on left */



#textformatting {display:none} /* hide all text formatting */

     #setformat {display:none}      /* hide B, I and U only */

     #setfont {display:none}        /* hide face, colour and size only */

       #color {display:none}          /* hide colour only */
       #size {display:none}           /* hide size only */
       #face {display:none}           /* hide typeface only */



#emoticonbox {display:none}    /* hide emoticons, but not the show/hide options */



</style>

Edited by: atlass at: 12/11/02 1:18:43 pm

atlass

ezboard Moderator
ezSupporter
Posts: 2039

Posted: 12/11/02 2:10 pm

Re: all about ezpost, and how to customise it.

   For example, to show the ezcodes on the left, and to show the bold,

italic and underline buttons, but NOT the type colour,

face and size,

all you'd have is this





<style>

#setfont {display:none}

</style>





To hide the ezcode buttons on the left, but show bold, italic,

underline and type colour only, you'd have this:





<style>

#insertcodes {display:none}



#size {display:none}

#face {display:none}



</style>





And to show the ezcode buttons, but hide all the textformatting

tools you'd have this:





<style>

#textformatting {display:none}

</style>





The #emoticonsbox can be hidden too, however the show and hide

input buttons cannot, at this stage. Which might confuse some people.

The choice is yours, however.

atlass

ezboard Moderator
ezSupporter
Posts: 2040

Posted: 12/11/02 2:13 pm

Re: all about ezpost, and how to customise it.

On the subject of emoticons, you can turn them all off, or just have a couple in the list if you're worried about bandwidth.

Go to my control center > my communities > custom images > edit custom emoticons

You'll see a column called favourites - uncheck all emoticons that you do NOT want to show in the add reply/new topic page

You can also limit the width that they make that part of the page.

   
<style>
#emoticonbox { width: 200px }
</style>

or 

<style>
#emoticonbox {width: 200px; height: 300px; overflow: scroll;}
</style>

The first one will prevent them from stretching the page across. Change 200px to be the width you require. They will stretch down as far as they need to, of course.

The second one will add a scrollbar to them and constrain their height.

Edited by: atlass at: 8/28/03 11:23 am

atlass

ezboard Moderator
ezSupporter
Posts: 2045

Posted: 12/11/02 2:45 pm

changing how it looks

Because of all these lovely classes, the ezpost feature is easy to customise. The parts that you want to edit are as follows:

.insertbutton, .formatbutton, .fontbutton
the three different types of buttons

#insertcodes
Background of all ezcode buttons on left

#textformatting
Background of all text formatting in centre

#emoticonbox
Background of emoticons, but not the show/hide options

#setformat
Background of B, I and U buttons

#setfont
Background of typeface, colour and size

.fontselect
Dropdown menus

#color, #size, #face
the dropdown menus separately

You can pretty much do anything you like that css allows, however I think most of you will want to change the colours.

An example of some customisation would be as follows:

 
<style>

.insertbutton, .formatbutton, .fontbutton {
background-color: #CC0000; 
color: #FFFFFF;
}

.fontselect  {
background-color: #FFFFFF; 
color: #000000;
}

#setfont {border: 0px}

</style>

that code (which goes again, in the first box on the custom html page) changes the buttons to being red with white text, the drop down font menus to be white with black text, and removes the border from around the font menus and button.

You can change the borders on buttons and dropdowns too, or change the typeface and size... etc. However, for more detailed help on using CSS, post in the CSS forum.

Edited by: atlass at: 12/11/02 2:02:32 pm

::: Topic Commands

<< Prev Topic | Next Topic >>

Icon Legend

:::Reply to Post Button

:::Edit Post Button

:::Delete Post Button (Moderator Only)

:::Subscribe to Thread Button

:::Email to Friend Button

- Cool Tips & Tricks - CSS FAQ -

ezboard Help Communities:

Help Forums Bug Base