(CSS) Using Images for Forum Category Names

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS FAQ ::: (CSS) Using Images for Forum Category Names

Topic: (CSS) Using Images for Forum Category Names

(?)

Nutrocker

ezboard Moderator
ezSupporter
Posts: 15136

Posted: 2/13/05 4:16 pm
(CSS) Using Images for Forum Category Names

You need some CSS for the Custom HTML, 1st text box from the top.

You need a section of CSS for each Forum Category you have, each class name has to be unique to the particular forum it is intended for.
If you give the class name a relevant name for each category it will help you identify what the CSS code is doing and for which forum category.

Sample CSS used for the intro section...
Custom HTML
1st text box from the top

 
<style>
 .headings font .youruniqueclasshere {
background-image: url(http://www.yourhost.com/images/yourimage.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 100%;
}
</style>

Forum Category Name
control center
my community
select a forum from the list and click on the General Settings button, then in the forum category name area use something similar to...

 <SPAN class=youruniqueclasshere></SPAN>

Change the image url to the image you wish to use for the Forum Category Name.

Image Alignment:
left center will align the image to the left.
Change the left center to center center if you want the image centered
Change the left center to center right if you want the image aligned to the right.

::: 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