Page 1 of 11
Forum moderator: bigblog 
uCoz Community » For Webmasters » Custom Solutions » Forum BG Change on Mouseover
Forum BG Change on Mouseover
CodeResolution
Posts: 1570
Reputation: 58

Message # 1 | 7:17 AM
This script will change the colour of your forum boards and threads background colour on mouse-over. For an example of what it looks like, have a look at this forum: http://gamescenterarcade.com/forum




Place this at the bottom of your CSS (Stylesheet):
Code
/* Forum thread change BG */
table.gTable tr:hover td.forumLastPostTd,
table.gTable tr:hover td.forumIcoTd,
table.gTable tr:hover td.threadIcoTd,
table.gTable tr:hover td.forumNameTd,
table.gTable tr:hover td.threadNametd,
table.gTable tr:hover td.forumPostTd,
table.gTable tr:hover td.threadPostTd,
table.gTable tr:hover td.threadViewTd,
table.gTable tr:hover td.threadAuthTd,
table.gTable tr:hover td.forumThreadTd,
table.gTable tr:hover td.threadLastPostTd,
table.gTable tr:hover td.forumLastPostTd {background: #e7e7e7;}
/* ------------ */


To change the colour edit the colour code "#e7e7e7;". Here are some colours you can use: http://html-color-codes.info/HTML-Kleurcodes/

If you would like to set hover backgrounds for separate parts, click here »

Kind regards,
Elliott.

"The best uCoz" critic since 2007.
Qualified website, branding, print & user interface designer.

I'm on Behance and Twitter.
Unique
Posts: 421
Reputation: 35

Message # 2 | 0:20 AM
Nice thumb
Blazer
Posts: 310
Reputation: 25

Message # 3 | 5:04 PM
really nice!
If i helped you + My Reputation and Give me an Award.
Jan
Posts: 301
Reputation: 19

Message # 4 | 5:47 PM
Quote (CreativeCollusions)
/* Forum thread change BG */
table.gTable tr:hover td.forumLastPostTd,
table.gTable tr:hover td.forumIcoTd,
table.gTable tr:hover td.threadIcoTd,
table.gTable tr:hover td.forumNameTd,
table.gTable tr:hover td.threadNametd,
table.gTable tr:hover td.forumPostTd,
table.gTable tr:hover td.threadPostTd,
table.gTable tr:hover td.threadViewTd,
table.gTable tr:hover td.threadAuthTd,
table.gTable tr:hover td.forumThreadTd,
table.gTable tr:hover td.threadLastPostTd,
table.gTable tr:hover td.forumLastPostTd {background: #e7e7e7;}
/* ------------ */


And its also possible to just make mouseover for every part separated.. and with different colors(just change #e7e7e7)
example: Las post user name..

Code
table.gTable tr:hover td.threadAuthTd {background: #e7e7e7;}


..or forum icon:

Code
table.gTable tr:hover td.forumIcoTd {background: #e7e7e7;}


Nice code CC happy

Post edited by Jan - Monday, 2011-06-20, 5:47 PM
CodeResolution
Posts: 1570
Reputation: 58

Message # 5 | 10:14 AM
Jan, thanks for the addition info. ;-)
Kind regards,
Elliott.

"The best uCoz" critic since 2007.
Qualified website, branding, print & user interface designer.

I'm on Behance and Twitter.
Post edited by CreativeCollusions - Tuesday, 2012-02-07, 10:16 AM
uCoz Community » For Webmasters » Custom Solutions » Forum BG Change on Mouseover
Page 1 of 11
Search: