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.

Highlight Categories via Css

View previous topic View next topic Go down

Solved Highlight Categories via Css

Post by J0k3R^ on April 24th 2014, 8:23 pm

hi, an easy question, i want to change color on hover on my categories via css, how can i do that? im using punbb. thanksLaughing

avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Highlight Categories via Css

Post by Luffy on April 24th 2014, 9:08 pm

Τry this:
Code:
.pun table.table td: hover {background: #COLOR CODE;}





avatar
Luffy
Manager
Manager

Male Posts : 4788
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Highlight Categories via Css

Post by J0k3R^ on April 24th 2014, 9:13 pm

it didnt work..
i tried this u gave me
and this (u maybe had forgot "color")
Code:
.pun table.table td: hover {background-color: #ff0000;}

but nothing
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Highlight Categories via Css

Post by Luffy on April 24th 2014, 9:27 pm

Try this:
Code:
.pun tbody.statused td.tc1,td.tc2, td.tcr:hover {background-color:#COLOR}





avatar
Luffy
Manager
Manager

Male Posts : 4788
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Highlight Categories via Css

Post by J0k3R^ on April 24th 2014, 9:32 pm

still nothing Sad
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Highlight Categories via Css

Post by Luffy on April 24th 2014, 9:36 pm

Sorry but its late... i am making mistakes because i cant make my mind! :/





avatar
Luffy
Manager
Manager

Male Posts : 4788
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Highlight Categories via Css

Post by Ange Tuteur on April 25th 2014, 12:13 am

Hello,

You must first make the cells of the table transparent before you can see any background changes by the row. Use the following CSS :
Code:
tbody.statused td { background:none !important; }
tbody.statused tr:hover { background:#F00; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13175
Reputation : 2876
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Highlight Categories via Css

Post by J0k3R^ on April 25th 2014, 7:29 am

Nice, thanks a lot Seth Smile

*Solved*

its okey, but just something extra if its possible.. ive got a last topics/new topics etc system on my homepage and its getting hovered aswell, can u make it hover only the categories but not this? if not its okey, im fine with that code Smile

avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Highlight Categories via Css

Post by Ange Tuteur on April 25th 2014, 9:04 am

I would give your cells(TD) in that widget a unique class name so you can give them a background color, or your rows(TR) too.

example :
Code:
tbody.statused td.myclass { background:#FBFBFB; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13175
Reputation : 2876
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Highlight Categories via Css

Post by J0k3R^ on April 25th 2014, 9:14 am

Where to put class name?
this code doesnt work alone
Code:
tbody.statused td.myclass { background:#ff0000; }
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Highlight Categories via Css

Post by Ange Tuteur on April 25th 2014, 9:17 am

Edit your recent topic module, find the cells <td> and add your class name to them.

From this :
Code:
<td>content..</td>

To this :
Code:
<td class="myCell">content..</td>

then use CSS to style the cell :
Code:
.myCell { background:white; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13175
Reputation : 2876
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Highlight Categories via Css

Post by J0k3R^ on April 25th 2014, 9:25 am

got it, i clarified the classes and now its very good.
thanks Smile

*Solved*
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Highlight Categories via Css

Post by Ange Tuteur on April 25th 2014, 10:59 am

You're welcome :rose:

Topic solved and archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13175
Reputation : 2876
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