Best of joomla gives you news, joomla templates, tutorials and websites about Joomla , FireBoard and FireMessage official page.
| No account yet?   |
The FireBoard forum component development is still going on. In order to get better, FireBoard will be moved from the Best of Joomla website.
During this transition period, the forum in Best of Joomla will be closed to new posts.
Welcome, Guest
Please Login or Register.    Lost Password?
FireBoard Manual Latest release discussions Download FireBoard
Different style for each category (1 viewing) (1) Guest
TOPIC: Different style for each category
#17036
Different style for each category 1 Year, 5 Months ago  
HI,

I like the green shade on this topic! How do we do that, and can we have certain topics any colour?

thanks
Danny
dannykilla (User)
Senior Boarder
Posts: 162
graphgraph
User Offline Click here to see the profile of this user
Gender: Male dannykilla Location: Manchester, UK Birthdate: 1983-12-21
Logged Logged
 
Last Edit: 2007/08/06 04:45 By greatpixels. Reason: Title
 
 
#17077
Re:1.0.2. RC2 is green! How do we do that? 1 Year, 5 Months ago  
every category table gets it's own unique ID to style with css. the 1.0.2 category has ID 69. open the source for the main forum page and search for :

[code:1]tr class = "fb_sectiontableentry2" id="fb_cat69"[/code:1]

that's the category block. just use CSS to style all the elements in that table row. if you don't know how, copy the link to the css used on this page from the source in your browser to see how it's done here. it's at the very bottom of the file.
sebasvos (User)
Junior Boarder
Posts: 76
graphgraph
User Offline Click here to see the profile of this user
Gender: Male Location: Leiderdorp, Netherlands Birthdate: 1982-12-11
Logged Logged
 
 
#17086
Different style for each category 1 Year, 5 Months ago  
This is css trick and easy

Cat id is 69 for fireboard 1.0.2

[code:1]
#fireboard tr#fb_cat69 td{ background:#EFFFF3; }
#fireboard tr#fb_cat69 a{ color: #669933}
#fireboard tr#fb_cat69 a:hover{ color: #000000}
#fireboard tr#fb_cat69 td{ border:1px #A7E4AA solid}
#fireboard tr#fb_cat69 td.fb_cc-sectiontableentry1 { border:0px ;}
[/code:1]

I hope it will help
greatpixels (Admin)
BoJ Team
Moderator
Posts: 461
graphgraph
User Offline Click here to see the profile of this user
Gender: Male Best of Joomla! Location: USA Birthdate: 1978-10-31
Logged Logged
 
Project Manager : Lead Developer
 
 
#17131
Re:Different style for each category 1 Year, 5 Months ago  
Thanks for posting this. Very cool indeed
palebluedot (Moderator)
FB Documentation Team
Template Documentation Project
Moderator
Posts: 622
graphgraph
User Offline Click here to see the profile of this user
Gender: Male Location: Minneapolis, MN US Birthdate: 1973-01-12
Logged Logged
 
 
 
#17153
Re:Different style for each category 1 Year, 5 Months ago  
Awesome thanks sebasvos & GreatPixels
dannykilla (User)
Senior Boarder
Posts: 162
graphgraph
User Offline Click here to see the profile of this user
Gender: Male dannykilla Location: Manchester, UK Birthdate: 1983-12-21
Logged Logged
 
 
#17160
Re:Different style for each category 1 Year, 5 Months ago  
lol you never mentioned what file it is to add to different settings to ?

thanks
Danny
dannykilla (User)
Senior Boarder
Posts: 162
graphgraph
User Offline Click here to see the profile of this user
Gender: Male dannykilla Location: Manchester, UK Birthdate: 1983-12-21
Logged Logged
 
 
#17184
Re:Different style for each category 1 Year, 5 Months ago  
Danny,

I would guess that it would go in the Fireboard css file. Not 100% sure of that but give it a try.
whouse (Moderator)
FB Support Team
Moderator
Posts: 648
graphgraph
User Offline Click here to see the profile of this user
Logged Logged
 
Please mark all resolved threads as SOLVED.
If you start a thread and the original topic is resolved, please edit the subject title of the original thread with SOLVED: at the beginning please.
 
 
#18177
Re:Different style for each category 1 Year, 4 Months ago  
could this be added to the back end ?
On forum administration, i.e. when creating or editing a category there could be a small colour box when you could edit the colour of the category?

Dan
dannykilla (User)
Senior Boarder
Posts: 162
graphgraph
User Offline Click here to see the profile of this user
Gender: Male dannykilla Location: Manchester, UK Birthdate: 1983-12-21
Logged Logged
 
 
#18416
Re:Different style for each category 1 Year, 4 Months ago  
Today i committed an extension into SVN.

Each forum (category) now has a suffix.
In context of the Forum (and elements of that forum such as view, post) this suffix is getting applied.
If you're looking for different designs based on named CSS, this could be the solution you're looking for. css suffixes in forum works exactly the same way as they do for menus.

This way, no juggling with IDs for CSS-design is needed but named selectors could be used.

The previously fb_blocktable (used in many views) is now presented as:
class="fb_blocktableclass_sfx; ?>"

If you specify a suffix of "-red" you're using the class "fb_blocktable-red"

Don't forget to repeat the declarations of fb_blocktable for the derived classes.

At least this is a great starting point for configurable design variations.

Have fun.
Miro Dietiker (User)
Senior Boarder
Posts: 155
graphgraph
User Offline Click here to see the profile of this user
Gender: Male miro_dietiker MD Systems miro.dietiker@md-systems.ch Location: Zurich, Switzerland Birthdate: 1980-10-30
Logged Logged
 
Boarding with FIRE .-) -- Professional OpenSource developer
 
 
#18442
Re:Different style for each category 1 Year, 4 Months ago  
Awesome thanks Miro,

would there be anyway to implement this to the back end?
dannykilla (User)
Senior Boarder
Posts: 162
graphgraph
User Offline Click here to see the profile of this user
Gender: Male dannykilla Location: Manchester, UK Birthdate: 1983-12-21
Logged Logged
 
 
Go to top