New messages Members Forum rules Search
  • Page 1 of 1
  • 1
Forum moderator: kostova, Brazen  
uCoz Support Forum by uCozers » Coding » CSS » On Mouse Over Thread BG Change Color (sml[tutorial])
On Mouse Over Thread BG Change Color
jackassDate: Monday, 2009 August 03, 6:54 PM | Message # 1
Font size: A | A |
Major general
Group: Administrator
Message: 433
[ ]
Offline
To Make your Thread Section Background Change on mouse over, paste the following code in your CSS file

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: #696969;}
/* ------------ */

You can change color in the last line {background: #696969;}



Taken form http://arnis.ucoz.lv/


 
ScottyBoyDate: Saturday, 2009 August 08, 0:13 AM | Message # 2
Font size: A | A |
Major
Group: uCozer
Message: 88
[ ]
Offline
Where in CSS file?

Code
/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#000000;border-bottom:2px solid #DDE5EC;}
.gTableTop {padding:2px;height:32px;background:url('/.s/t/853/7.gif') repeat-x #FFBE6E;border:1px solid #494949; color:#000000;font-family:Verdana,Sans-Serif;font-size:13px;font-weight:bold; padding-left:22px;}
.gTableSubTop {padding:2px;background:url('/.s/t/853/16.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;}
.gTableBody {padding:2px;background:#202020;}
.gTableBody1 {padding:2px;background:#202020;}
.gTableBottom {padding:2px;background:#202020;}
.gTableLeft {padding:2px;background:#202020;font-weight:bold;color:#CCCCCC}
.gTableRight {padding:2px;background:#202020;color:#666666;}
.gTableError {padding:2px;background:#202020;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#202020}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#222222}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#000000;}
a.catLink:visited {text-decoration:none; color:#000000;}
a.catLink:hover {text-decoration:underline; color:#0040eb;}
a.catLink:active {text-decoration:none; color:#000000;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#888888;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:underline; color:#CCCCCC;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:underline; color:#CCCCCC;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#ed7700;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#CCCCCC;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#CCCCCC;}
a.forumBarA:visited {text-decoration:none; color:#CCCCCC;}
a.forumBarA:hover {text-decoration:underline; color:#CCCCCC;}
a.forumBarA:active {text-decoration:underline; color:#CCCCCC;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#862D2D;color:#FFFFFF;}
.fastNavCat {background:#F9E6E6;}
.fastNavCatA {background:#F9E6E6;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.pagesInfo {background:#202020;padding-right:10px;font-size:7pt;}
.switches {background:#2B2B2B;}
.switch {background:#202020;width:15px;font-size:7pt;}
.switchActive {background:#555555;font-weight:bold;color:#CCCCCC;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#CCCCCC;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#CCCCCC;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#CCCCCC;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#202020}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#222222}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#666666;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#222222;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; border:1px solid #494949;}
.threadsDetails {padding:2px;background:#373737;height:20px;color:#555555;color:#FFFFFF;border:1px solid #494949;}
.forumOnlineBar {padding:2px;background:#161616;height:20px;color:#CCCCCC;border:1px solid #494949;}

a.threadPinnedLink:link {text-decoration:none; color:#CCCCCC;}
a.threadPinnedLink:visited {text-decoration:none; color:#CCCCCC;}
a.threadPinnedLink:hover {text-decoration:underline; color:#FFFFFF;}
a.threadPinnedLink:active {text-decoration:underline; color:#CCCCCC;}

.threadPinnedLink,.threadLink {font-weight:bold;}
a.threadLink:link {text-decoration:underline; color:#CCCCCC;}
a.threadLink:visited {text-decoration:underline; color:#CCCCCC;}
a.threadLink:hover {text-decoration:none; color:#FFFFFF;}
a.threadLink:active {text-decoration:underline; color:#CCCCCC;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#555555}
.postPoll {background:#222222;text-align:center;}
.postFirst {background:#222222;border-bottom:1px solid silver;}
.postRest1 {background:#222222;}
.postRest2 {background:#222222;}
.postSeparator {height:2px;background:#CCCCCC;}

.postTdTop {background:url('/.s/t/853/16.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;}
.postBottom {background:#202020;height:20px;color:#555555;}
.postUser {font-weight:bold;}
.postTdInfo {background:#222222;text-align:center;padding:5px;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#CCCCCC;}
.posttdMessage {background:#202020;padding:5px;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:bold;}  
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#555555;font-size:9px;}
.quoteMessage {background:#555555;font-size:9px;}

.signatureView {font-size:7pt;}
.edited {padding-top:30px;font-size:7pt;text-align:right;color:#555555;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#FFFF00;}
.statusOffline {color:#FFFFFF;}
/* ---------- */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/853/17.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/853/17.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* Post Form */
.pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;}

.codeButtons {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;}
.codeCloseAll {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;font-weight:bold;}
.postNameFl,.postDescrFl {background:#2C2C2C;border:1px solid #555555;width:400px}
.postPollFl,.postQuestionFl {background:#2C2C2C;border:1px solid #555555;width:400px}
.postResultFl {background:#2C2C2C;border:1px solid #555555;width:50px}
.postAnswerFl {background:#2C2C2C;border:1px solid #555555;width:300px}
.postTextFl {background:#2C2C2C;border:1px solid #555555;width:550px;height:150px;color:#666666;}
.postUserFl {background:#2C2C2C;border:1px solid #555555;width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* --------- */

/* ====== forum End ====== */

Added (2009-08-08, 0:13 Am)
---------------------------------------------
I don't know anything about CSS.


 
PilotDate: Saturday, 2009 August 08, 4:58 AM | Message # 3
Font size: A | A |
Private
Group: User
Message: 15
[ ]
Offline
ScottyBoy, just add it anywhere in the CSS.

 
ScottyBoyDate: Saturday, 2009 August 08, 5:36 AM | Message # 4
Font size: A | A |
Major
Group: uCozer
Message: 88
[ ]
Offline
Thank you. biggrin

 
uCoz Support Forum by uCozers » Coding » CSS » On Mouse Over Thread BG Change Color (sml[tutorial])
  • Page 1 of 1
  • 1
Search:


Copyrights uCozers 2009 - 2019 To TOP
Refresh Smileys Manager