Change forumrow color on mouseover

[Gamempire]

To have a nice effect of interaction on mouseover of each rows of your forum, simply go to "Style Manager" ---> "Main CSS" ---> "vbulletin.css" and add at the end:


.forumrow:hover, .threadbit > div:hover { background: #F4F4F4 !important; }


You can change the color to whatever you want :)
Enjoy it.


EDIT:
Added 2 screenshots, you can obtain them with a different change of code:
- The first, more light, more reusable (my favourite): #F4F4F4
- The second, more bold and evidence: #999


The grey scale gose from FFF (white) ---> AAA ---> 999 ---> 000 (black)
Read more about hexadecimals colours (http://www.google.it/search?hl=it&q=hexadecimals%20colours&um=1&ie=UTF-8&sa=N&tab=iw)


Thanks to Da-Vinci for one screenshots :)


Edit: added the same effect also to the threadlist.

[lomalove]

nice
thank you

[COL NIL SATIS]

demo???? screenshot ??

[Forum Lover]

Works only IE, not in latest FF. :(

[willy888]

NICE & EASY
Works with firefox with no problem

[YankForum]

tagged to see screenshot/demo

EDIT: saw demo , loved it and installed it

[COL NIL SATIS]

what does it actually do????

[maimaitinhban]

perfect

[YankForum]

Works only IE, not in latest FF. :(

probably you inserted in forumbits-ie.css instead of forumbits.css

[Front Range 4x4]

Nice, simple & effective!

*installed*

Thank you!

[blake247]

Cool stuff. Installed.

[cloferba]

demo?

[COL NIL SATIS]

yeah...just installed..looks nice too !!!!

[Da-Vinci]

Here's a Screenshot from my site. I've used the colour #999999 as it doesn't clash with any of the other colours on my site, the colour choice is up to you and the skin you are adding this to.

Also i can confirm that this works with the latest version of Firefox.

Installed & rated https://vborg.vbsupport.ru/

https://vborg.vbsupport.ru/

[TimberFloorAu]

Good Onya mate love it.

[nci]

Not working.

[sKippah]

Same here. Using 4.0.3 and not working

[nci]

Now working,but not on the first row.
Marked as installed.

[Doctor Death]

This doesnt match up with 4.0.3 menus.

From the admincp there is no "manage styles" entry.

Under styles and templates there is "Style manager" but no manage styles.

Under Style Manager there is Main CSS but not CSS templates.

I suggest you be a little more specific and accurate on installation for those of us who are not VBulletin Geeks.

Thanks

[Da-Vinci]

This doesnt match up with 4.0.3 menus.

From the admincp there is no "manage styles" entry.

Under styles and templates there is "Style manager" but no manage styles.

Under Style Manager there is Main CSS but not CSS templates.

I suggest you be a little more specific and accurate on installation for those of us who are not VBulletin Geeks.

Thanks

That's the best way to get help isn't it, call the people who can help you Geeks lol.

It's really simple go to the style you want to edit and find CSS Templates, click that and from the new list that opens selct forumbits.css then add the code as described.

I know the instructions arn't very clear, but rather than insult people I recommend you read the whole thread and read the instructions 2 or 3 times, I'm no expert but from reading the whole thread and the instructions a few times, I managed to work it out, and if I couldn't have worked it out, I would have simply posted a polite post saying, "I'm not quite sure what it is you are saying can you explain the instructions a bit better?"

Lets face it the people who make these modifications, do it for free and they were not born with coding knowledge, they have learned the hard way, the same way I am trying to learn, rather than flame people why not give these guys a bit of respect for helping the average Joe like you and me make our forums look far better than an out of the box VBulletin installation.

Just a suggestion, take it or leave it.

[shuett]

This works great.
Here it is working on 4.02
www.tasmaniaforums.com.au/forum.php

[K4GAP]

Works great on 4.0.3

Thanks!

[djbaxter]

This is one of those hacks that at first makes you go, "Oh, cool!".

However, leave it in place for a few hours and after a few trips to the main forum index page, scrolling down the page and having the forums flash on and off for hover and it changes to, "This is getting annoying".

[Gamempire]

This doesnt match up with 4.0.3 menus.

From the admincp there is no "manage styles" entry.

Under styles and templates there is "Style manager" but no manage styles.

Under Style Manager there is Main CSS but not CSS templates.

I suggest you be a little more specific and accurate on installation for those of us who are not VBulletin Geeks.

Thanks

i'm an italian boy, and i tried to use an english explanation.. is it normal that i could have some problems, because i didn't know exactly the transaltion of the specific acp's words..


This is one of those hacks that at first makes you go, "Oh, cool!".

However, leave it in place for a few hours and after a few trips to the main forum index page, scrolling down the page and having the forums flash on and off for hover and it changes to, "This is getting annoying".

i know this, if you exagerates with the change of colour.. however, if you put a light color, you wil not get annoying...like "#FFFFFF --> #F4F4F4" :)

[CampinCarl]

Where do I go to add the code if I have everything in Main CSS disabled?

[Gamempire]

at the end of any css template that your forum refer to..
what do you use as style or template?

[sticky]

Got it working! Cool.

Now how do I add it to the regular forum pages not just the main page?

[Gamempire]

Got it working! Cool.

Now how do I add it to the regular forum pages not just the main page?

Did it. Look to the code now! ;)

[stained]

Thanks for the update :up:

[sticky]

Did it. Look to the code now! ;)
Thank! :)

[cloferba]

it doesnt work for me

i have "store css files"...do i must turn off that option?

[Fabilous]

installed.
It works in the latest FF too.

[carloscuevas]

nice......thank you

[naisho]

It works fine. I added the code in the additional.css though. This way, I know what I added.
And for those who wish to do the same thing in the forum side bar, you add this with the color you like:

/* mouse over forum side bar messages */
.avatarcontent:hover { background: #FFCCCC !important; }

[GamerPerfection]

Thanks, installed on my test site. :)

[TheTrust]

It looks really nice
Thank you Gamempire ......... regards

[Scalemotorcars]

Simple edit to this so its transparent for the darker styles. Template edit is here.... (https://vborg.vbsupport.ru/showthread.php?p=2045827#post2045827)Or just change the above code in this mod to this.

.forumrow:hover, .threadbit > div:hover { opacity:0.80;
-moz-opacity:0.80;
filter:alpha(opacity=80);
background: #333333 !important; } :up:

[ReMoN SaMiR]

Wonderful (Y)

[Welshy2008]

Does this work on 4.0.4?

[chuckhodson]

Works great with 4.0.4 man thanks..

[pointalk]

Change thread row color on mouseover.
How to do this?

[Dr.osamA]

Excellent

thanxx bro

installed + 5 Stars

[DynaMow]

well I cant figure out where to add the code.

Seems like a very cool mod.

[denman75]

well I cant figure out where to add the code.

Seems like a very cool mod.



go to search in templates
type vbulletin.css
voilla ;)

[thetgc]

Didnt work for me in vbulletin.css

Once in aditional.css worked perfect!

[Welshy2008]

Does this mod work on versions 4.0.5 and 4.0.6 please?

[Gamempire]

i think so :)

[xtremecoders]

Working perfect on VB4.0.6

[YankForum]

installed it on 4.0.6 and it works greatly

[ChaFF]

Anybody know how to add unique icon for each forum like on first screen print?

[Boofo]

Anybody know how to add unique icon for each forum like on first screen print?

https://vborg.vbsupport.ru/showthread.php?t=244351

[ChaFF]

thanks very much, sir

[tech4c]

thanks

[Wird0]

Would be nice if this worked for threads to. Nice.. Thanks

[Hall of Famer]

Here's a Screenshot from my site. I've used the colour #999999 as it doesn't clash with any of the other colours on my site, the colour choice is up to you and the skin you are adding this to.

Also i can confirm that this works with the latest version of Firefox.

Installed & rated https://vborg.vbsupport.ru/

http://www.hostmypics.org/pictures/e7a50ecde327929c4fc2d006860a7f02.png


umm how do you get both a default forum icon and custom forum icon? I thought these two aint compatible...

[belowthebelt]

Fantastic ! You are awesome, thank you for posting !

[EconomicVoice]

The 4-0-8 upgrade said it didn't like this but I reverted the template and re-inserted it and it still works like a charm!

[dcuellar]

Just what I was looking for!

[DHS2]

.forumrow:hover, .threadbit > div:hover { opacity:0.80;
-moz-opacity:0.80;
filter:alpha(opacity=80);
background: #333333 !important; }

This working for 4.0.8 (on additional.css) not working on vbulletin.css

[Donatello]

No working on 4.1.1
_________________________________________

Ok after a lot test, works in 4.1.1, is ok

thanks

[Da-Vinci]

Doesn't work for me on 4.1.1, tried it in additional.css and vbulletin.css

[NarutoFTW]

works well on 4.1.1, anyways I have a question. Can we set it to only take effect in forumhome and not in forumdisplay?

[skylab]

Works great on additional.css with vb4.1.2

[haimanpop]

thank you
good
for sample

http://ourpetclub.com/vb/forum.php

[davidg]

It works fine. I added the code in the additional.css though. This way, I know what I added.
And for those who wish to do the same thing in the forum side bar, you add this with the color you like:

/* mouse over forum side bar messages */
.avatarcontent:hover { background: #FFCCCC !important; }

working fine thank you

[Bounce]

Works great on vb 4.1.2 BUT how can I make it change the "Replies / Views" row as well?

Just changes the "Title / Thread Starter" and the "Last Post by" rows.

[Last_Zero]

Thanks So Much Installed

[Last_Zero]

There's A Problem When You Go Into Any Section And Select Topic It Make Conflict With The Background Of Topic See

https://vborg.vbsupport.ru/attachment.php?attachmentid=127315&stc=1&d=1299708129

[anushkumarb]

Thanks for excellent mod, installed working fine.

Marked installed & Rated:up::up::up::up::up:

[setishock]

Interesting, interesting. I gave it a quickie try out and it works fine in 4.1.2.

[Lord. Dela]

Les paso el dato por si quieren que en ves de que tome un color tome una imagen

.forumrow:hover, .threadbit > div:hover { background: transparent url(images/fondoforo.png)!important; }

[d2gaming]

Cheers, Works great thank you! Mared as installed!

[gungor]

thanks..

[naba]

V.good
thank you

[FReeSTER]

.forumrow:hover, .threadbit > div:hover { opacity:0.80;
-moz-opacity:0.80;
filter:alpha(opacity=80);
background: #333333 !important; }

This working for 4.0.8 (on additional.css) not working on vbulletin.css

Perfect thank you

[BlueCheri]

Very nice, works fine.

Thanx

[merk_aus]

looks awesome mate - have installed it on all of my sites and marked install here.

[doctorsexy]

Fantastic......thank you...

[FReeSTER]

Works perfect on vb4.1.7

thank you and thanks to Scalemotorcars for saving me from a headache

[HMBeaty]

Awesome, thanks! :)

[Nacho Vidal]

Excellent!

[HHelp1]

may any one help me? i cant find vbulletin.css

[Hippy]

in your style under css

[OldSchoolDSL]

Installed and confirmed working

4.1.9

(And 4.1.10 Alpha 1)

edit: I personally believe color code #ddd works best on most templates. Not to light, not to dark, and blends nicely.

[Krusty1231]

edit: I personally believe color code #ddd works best on most templates. Not to light, not to dark, and blends nicely.

Thanks for that!

[OldSchoolDSL]

Working

4.1.10

[muratcan25]

thank you

[gezuvor]

Installed and working great on 4.1.8! Thank you!

I would make a suggestion to put this CSS code into additional.css rather than forumbits.css. This will prevent it from being over-written by future versions!

[Darksome]

Doesn't seem to be working on the first row under each forum category? Subsequent forums below the first it works fine.

[ibwt]

what do i do ? it says 'This CSS file is obsolete and is available here for reference purposes only.' no edit button

[palalu]

good one mate

[hhumas]

does it support Version 4.1.5

[vilambara]

same here..i dont have edit option...could anyone guide to install this?

[GamerPerfection]

Style Manager" ---> "Main CSS" ---> "vbulletin.css

This is OLDDDDDD!!!!

It's not in Main CSS. Go to Style Manager, select your intended style, then choose Edit Templates. Then click on the CSS templates and then choose vbulletin.css. Then stick the code in there and it's done.

@hhumas, yes it works on 4.1.5 as it dos on 4.2.

If this helps you then please help me, go like us! http://www.facebook.com/GamerPerfection

[Hippy]

simply add it to your additional.css

[zascok]

interesting but a little use. If I'm not mistaken there was a hack for vB2 (hmm... I feel old )

so towards changing a color you could click on it and it will take you to latest post or latest thread depend how one config it

[cooljeba]

One css change and everything looks that much awesome.. great job!