mellow gold theme question
Blahdocs Forum  ›  Informational Boards  ›  Chit - Chat  ›  mellow gold theme question
Users Browsing Forum
No Members and 1 Guests

mellow gold theme question  This thread currently has 1,354 views. New Reply Print
1 Pages 1
XIII
September 2, 2006, 2:17pm Quote
Blahdocs Member
Posts
6
Posts Per Day
0.01
Time Online
1 hours 27 minutes
I'm wondering if there is any way I can edit the color of some text.  The topic headers have yellow text that won't show up on the back ground, and I really want that to be black.  Is there a theme editor I can use to adjust this?  Thanks
Logged Offline
E-mail Private Message
Craig
September 6, 2006, 6:24am Quote

Administrators
Posts
127
Gender
Male
Posts Per Day
0.08
Time Online
73 days 2 hours 7 minutes
Location
Germany
Age
38
You just have to edit the template.css file in note pad.  If you need some more help, let me know.


                               Click Here it increase my reputation
blahdocs.com...more than just a documentation project...its my life
Logged Offline
Site Private Message Reply #1
XIII
September 9, 2006, 12:59pm Quote
Blahdocs Member
Posts
6
Posts Per Day
0.01
Time Online
1 hours 27 minutes
This is my main CCS template, but I'm not exactly sure what part I have to change to make the text on the sub forum headers to appear black instead of yellow??  


body {
     text-align      : center;
}

table {
     margin-left : auto;
     margin-right: auto;
}

/*
   Centering help:
   http://www.maxdesign.com.au/presentation/center/
*/

td {
     text-align: left;
}

.loading {
     background-image : url(/blahdocs/images/loading.gif);
     background-repeat: no-repeat;
     width            : 222px;
     height           : 19px;
}

.right {
     text-align: right !important;
}

.center {
     text-align: center !important;
}

.justify {
     text-align: justify !important;
}

.vtop {
     vertical-align: top !important;
}

.innertable {
     margin: 0px !important;
}

.leftimg {
     float        : left;
     padding-right: 5px;
}

.rightimg {
     float       : right;
     padding-left: 5px;
}

.centerimg {
     vertical-align: middle;
}

form, input {
     margin-top: 0px;
}

form {
     margin-bottom: 0px;
}

.boardsearch {
     background    : url(/blahdocs/images/search.png) 3px 4px no-repeat;
     padding-left  : 19px;
     padding-top   : 5px;
     padding-bottom: 5px;
     width         : 90%;
}

/* If user has a color, specify the options for that user name to appear here */
.usercolors {
     font-weight: bold;
}

/* Global Table Settings */
body, table, td {
     font-family: Verdana;
     font-size  : 11px; }

A:link        {text-decoration: none; color: #FFB903;}
A:visited     {text-decoration: none; color: #FFB903;}
A:hover       {text-decoration: none; color: #DDDDDD; font-style: normal; text-decoration: underline

overline}}
BODY          {scrollbar-face-color: #272A2F;
                scrollbar-shadow-color: #1B1E25;
                scrollbar-highlight-color: #cccccc;
               scrollbar-3dlight-color: #272A2F;
                scrollbar-darkshadow-color: #1B1E25;
                scrollbar-track-color: #444444;
               scrollbar-arrow-color: #ffb903; font-family: Verdana}
.nav          {text-decoration: none; color: #FFFFFF;}
.nav:link     {text-decoration: none; color: #FFFFFF;}
.nav:visited  {text-decoration: none; color: #FFFFFF;}
.nav:hover    {text-decoration: none; color: #FFB903; font-style: normal; text-decoration: underline}

.win          {background-color: #444444;; border-color: #999999 #414141 #414141 #999999; border-style:
outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.win1         {background-color: #272A2F;; border-color: #6B6B6B #252525 #252525 #6B6B6B; padding-top: 2px;
padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-style: outset; border-top-width: 1px;
border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.win2        {background-color: #444444;; border-color: #999999 #414141 #414141 #999999; border-style:
outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.win3    {background-color: #FFB903;; border-color: #FFFF99 #CC9900 #CC9900 #FFFF99; border-style:
outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.titlebg      {background-color: #FFB903;; border: 1px #FFEC9D solid}
.text1        {font-style: normal; font-weight: bold; font-size: 13px; color: #000000;}
.smalltext { /* Small font text size, can also change color, etc */
     font-weight     : normal;
     font-size       : 10px;
     line-height: 110%; }
.copyright {
     color: #FFFFFF;
     font-weight     : bold;
     font-size       : 12px;
.redrep   { color: red; font-weight: bold;   } /* Reputation (less than -1) */
.grayrep  { color: gray; font-weight: bold;  } /* Reputation (-1 thru 10)   */
.greenrep { color: green; font-weight: bold; } /* Reputation (10 or greater)*/
.onlinebots { color: gray; } /* IE: Googlebot, this is shown in the "Online" places */
.postbody { line-height: 130%; } /* Format the post body */
.messagetitle { line-height: 130%; } /* Message title on the board index */
.catbg        {background-color: #40454C; color: #EEEEEE; font-weight: bold; font-size: 13px;; border: 1px

#666666 solid}
.bordercolor  {background-color: #000000;}
.quote        {font-size: 10px; font-family: Arial; color: #FFFFFF; background-color: dimgray;; border:

#666666; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.code         {font-size: 12px; font-family: "Courier New", Courier, mono; color: #000000; background-color:

#FFB920;}
TD            {font-family: Verdana; color: #FFFFFF}
input         {background-color: #333333; font-family: Verdana; font-size: 10pt; color: #FFFFFF;}
textarea      {background-color: #333333; font-family: Verdana; font-size: 10pt; color: #FFFFFF;}
select        {background-color: #333333; font-family: Verdana; font-size: 7pt; color: #FFFFFF;}

/* Poll Colors */
.pollcolor { background-color: #8DAA6E; padding-left: 5px; }
.pollpercents { background-color: #C4D4B3; color: Black; padding-right: 10px; padding-left: 10px; }
.pollborder { background-color: #8DAA6E; }

/* Forms */
.upload, .textinput,.button, textarea, select { /* .checkboxinput also allowed */
     color           : #000000;
     background-color: #D7E1C8;
     font-family     : Verdana, Helvetica, Times;
     font-size       : 10px;
     border          : 1px #7E734C solid;
     border-top-width   : 1px;
     border-right-width : 1px;
     border-bottom-width: 1px;
     border-left-width  : 1px; }
Logged Offline
E-mail Private Message Reply #2
Craig
September 12, 2006, 8:58pm Quote

Administrators
Posts
127
Gender
Male
Posts Per Day
0.08
Time Online
73 days 2 hours 7 minutes
Location
Germany
Age
38
I cleaned it up a bit, and I think I found the problem.  Try this out:

Code
/* Global Table Settings */
body, table, td {
     font-family: Verdana;
     font-size  : 11px; }

body  { text-align      : center; }
table { margin-left : auto; margin-right: auto; }
td    { text-align: left; }
TD {font-family: Verdana; color: #FFFFFF;}

.right      { text-align: right !important; }
.center     { text-align: center !important; }
.justify    { text-align: justify !important; }
.vtop       { vertical-align: top !important; }
.innertable { margin: 0px !important; }

.leftimg   { float: left; padding-right: 5px; }
.rightimg  { float: right; padding-left: 5px; }
.centerimg { vertical-align: middle; }

A:link        { text-decoration: none; color: #FFB903;}
A:visited     { text-decoration: none; color: #FFB903;}
A:hover       { text-decoration: none; color: #DDDDDD; font-style: normal; text-decoration: underline overline; }

BODY  { scrollbar-face-color: #272A2F;
	scrollbar-shadow-color: #1B1E25;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #272A2F;
	scrollbar-darkshadow-color: #1B1E25;
	scrollbar-track-color: #444444;
	scrollbar-arrow-color: #ffb903;
	font-family: Verdana;
}

.nav          {text-decoration: none; color: #FFFFFF;}
.nav:link     {text-decoration: none; color: #FFFFFF;}
.nav:visited  {text-decoration: none; color: #FFFFFF;}
.nav:hover    {text-decoration: none; color: #FFB903; font-style: normal; text-decoration: underline;}

.win {
	background-color: #444444;
	border-color: #999999 #414141 #414141 #999999;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.win1 {
	background-color: #272A2F;
	border-color: #6B6B6B #252525 #252525 #6B6B6B;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.win2 {
	background-color: #444444;
	border-color: #999999 #414141 #414141 #999999;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.win3 {
	background-color: #FFB903;
	border-color: #FFFF99 #CC9900 #CC9900 #FFFF99;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.titlebg { background-color: #FFB903; border: 1px #FFEC9D solid; }
.catbg   { background-color: #40454C; color: #EEEEEE; font-weight: bold; font-size: 13px; border: 1px #666666 solid; }

.titlebg, .catbg {
	font-family: Verdana, Helvetica, Arial;
	font-size  : 12px;
	color      : #000000;
	font-weight: bold;
}

.text1 { font-style: normal; font-weight: bold; font-size: 13px; color: #000000;}

.smalltext { /* Small font text size, can also change color, etc */
     font-weight     : normal;
     font-size       : 10px;
     line-heigh      : 110%;
}

.copyright { color: #FFFFFF; font-weight: bold; font-size: 12px; }

.redrep   { color: red; font-weight: bold;   } /* Reputation (less than -1) */
.grayrep  { color: gray; font-weight: bold;  } /* Reputation (-1 thru 10)   */
.greenrep { color: green; font-weight: bold; } /* Reputation (10 or greater)*/
.onlinebots { color: gray; } /* IE: Googlebot, this is shown in the "Online" places */

.postbody     { line-height: 130%; } /* Format the post body */
.messagetitle { line-height: 130%; } /* Message title on the board index */

/* If user has a color, specify the options for that user name to appear here */
.usercolors { font-weight: bold; }

.loading {
     background-image : url(/blahdocs/images/loading.gif);
     background-repeat: no-repeat;
     width            : 222px;
     height           : 19px;
}

.boardsearch {
     background    : url(/blahdocs/images/search.png) 3px 4px no-repeat;
     padding-left  : 19px;
     padding-top   : 5px;
     padding-bottom: 5px;
     width         : 90%;
}

.bordercolor  {background-color: #000000;}

.quote { 
	font-size: 10px;
	font-family: Arial;
	color: #FFFFFF;
	background-color: dimgray;
	border: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.code {font-size: 12px; font-family: "Courier New", Courier, mono; color: #000000; background-color: #FFB920;}

/* Poll Colors */
.pollcolor    { background-color: #8DAA6E; padding-left: 5px; }
.pollpercents { background-color: #C4D4B3; color: Black; padding-right: 10px; padding-left: 10px; }
.pollborder   { background-color: #8DAA6E; }

/* Forms */
.upload, .textinput,.button, textarea, select { /* .checkboxinput also allowed */
     color           : #000000;
     background-color: #D7E1C8;
     font-family     : Verdana, Helvetica, Times;
     font-size       : 10px;
     border          : 1px #7E734C solid;
     border-top-width   : 1px;
     border-right-width : 1px;
     border-bottom-width: 1px;
     border-left-width  : 1px;
}

form, input { margin-top: 0px; }
form        { margin-bottom: 0px; }

input         {background-color: #333333; font-family: Verdana; font-size: 10pt; color: #FFFFFF;}
textarea      {background-color: #333333; font-family: Verdana; font-size: 10pt; color: #FFFFFF;}
select        {background-color: #333333; font-family: Verdana; font-size: 7pt; color: #FFFFFF;}



                               Click Here it increase my reputation
blahdocs.com...more than just a documentation project...its my life
Logged Offline
Site Private Message Reply #3
XIII
September 12, 2006, 10:03pm Quote
Blahdocs Member
Posts
6
Posts Per Day
0.01
Time Online
1 hours 27 minutes
I copy and pasted that into the main CSS template, but I don't see any change to the way the site looks.  The color of the text is still yellow in the yellow heading breaks, so you still can't see the words.  Maybe I did something wrong  
Logged Offline
E-mail Private Message Reply #4
Craig
September 13, 2006, 4:32pm Quote

Administrators
Posts
127
Gender
Male
Posts Per Day
0.08
Time Online
73 days 2 hours 7 minutes
Location
Germany
Age
38
My bad.  Use this one:
Code
/* Global Table Settings */
body, table, td {
     font-family: Verdana;
     font-size  : 11px; }

body  { text-align      : center; }
table { margin-left : auto; margin-right: auto; }
td    { text-align: left; }
TD {font-family: Verdana; color: #FFFFFF;}

.right      { text-align: right !important; }
.center     { text-align: center !important; }
.justify    { text-align: justify !important; }
.vtop       { vertical-align: top !important; }
.innertable { margin: 0px !important; }

.leftimg   { float: left; padding-right: 5px; }
.rightimg  { float: right; padding-left: 5px; }
.centerimg { vertical-align: middle; }

A:link        { text-decoration: none; color: #000000;}
A:visited     { text-decoration: none; color: #000000;}
A:hover       { text-decoration: none; color: #DDDDDD; font-style: normal; text-decoration: underline overline; }

BODY  { scrollbar-face-color: #272A2F;
	scrollbar-shadow-color: #1B1E25;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #272A2F;
	scrollbar-darkshadow-color: #1B1E25;
	scrollbar-track-color: #444444;
	scrollbar-arrow-color: #ffb903;
	font-family: Verdana;
}

.nav          {text-decoration: none; color: #FFFFFF;}
.nav:link     {text-decoration: none; color: #FFFFFF;}
.nav:visited  {text-decoration: none; color: #FFFFFF;}
.nav:hover    {text-decoration: none; color: #FFB903; font-style: normal; text-decoration: underline;}

.win {
	background-color: #444444;
	border-color: #999999 #414141 #414141 #999999;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.win1 {
	background-color: #272A2F;
	border-color: #6B6B6B #252525 #252525 #6B6B6B;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.win2 {
	background-color: #444444;
	border-color: #999999 #414141 #414141 #999999;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.win3 {
	background-color: #FFB903;
	border-color: #FFFF99 #CC9900 #CC9900 #FFFF99;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.titlebg { background-color: #FFB903; border: 1px #FFEC9D solid; }
.catbg   { background-color: #40454C; color: #EEEEEE; font-weight: bold; font-size: 13px; border: 1px #666666 solid; }

.titlebg, .catbg {
	font-family: Verdana, Helvetica, Arial;
	font-size  : 12px;
	color      : #000000;
	font-weight: bold;
}

.text1 { font-style: normal; font-weight: bold; font-size: 13px; color: #000000;}

.smalltext { /* Small font text size, can also change color, etc */
     font-weight     : normal;
     font-size       : 10px;
     line-heigh      : 110%;
}

.copyright { color: #FFFFFF; font-weight: bold; font-size: 12px; }

.redrep   { color: red; font-weight: bold;   } /* Reputation (less than -1) */
.grayrep  { color: gray; font-weight: bold;  } /* Reputation (-1 thru 10)   */
.greenrep { color: green; font-weight: bold; } /* Reputation (10 or greater)*/
.onlinebots { color: gray; } /* IE: Googlebot, this is shown in the "Online" places */

.postbody     { line-height: 130%; } /* Format the post body */
.messagetitle { line-height: 130%; } /* Message title on the board index */

/* If user has a color, specify the options for that user name to appear here */
.usercolors { font-weight: bold; }

.loading {
     background-image : url(/blahdocs/images/loading.gif);
     background-repeat: no-repeat;
     width            : 222px;
     height           : 19px;
}

.boardsearch {
     background    : url(/blahdocs/images/search.png) 3px 4px no-repeat;
     padding-left  : 19px;
     padding-top   : 5px;
     padding-bottom: 5px;
     width         : 90%;
}

.bordercolor  {background-color: #000000;}

.quote { 
	font-size: 10px;
	font-family: Arial;
	color: #FFFFFF;
	background-color: dimgray;
	border: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.code {font-size: 12px; font-family: "Courier New", Courier, mono; color: #000000; background-color: #FFB920;}

/* Poll Colors */
.pollcolor    { background-color: #8DAA6E; padding-left: 5px; }
.pollpercents { background-color: #C4D4B3; color: Black; padding-right: 10px; padding-left: 10px; }
.pollborder   { background-color: #8DAA6E; }

/* Forms */
.upload, .textinput,.button, textarea, select { /* .checkboxinput also allowed */
     color           : #000000;
     background-color: #D7E1C8;
     font-family     : Verdana, Helvetica, Times;
     font-size       : 10px;
     border          : 1px #7E734C solid;
     border-top-width   : 1px;
     border-right-width : 1px;
     border-bottom-width: 1px;
     border-left-width  : 1px;
}

form, input { margin-top: 0px; }
form        { margin-bottom: 0px; }

input         {background-color: #333333; font-family: Verdana; font-size: 10pt; color: #FFFFFF;}
textarea      {background-color: #333333; font-family: Verdana; font-size: 10pt; color: #FFFFFF;}
select        {background-color: #333333; font-family: Verdana; font-size: 7pt; color: #FFFFFF;}


                               Click Here it increase my reputation
blahdocs.com...more than just a documentation project...its my life
Logged Offline
Site Private Message Reply #5
XIII
September 13, 2006, 6:11pm Quote
Blahdocs Member
Posts
6
Posts Per Day
0.01
Time Online
1 hours 27 minutes
I still don't see a change...    Here is the URL to our board.  http://www.heartlandracing.net Take a look at the main forum index, drag down over the whole page and you can see what I mean.  The yellow headers have yellow text in there where you cant see it.  I appreciate all the help!!
Logged Offline
E-mail Private Message Reply #6
Craig
September 13, 2006, 8:53pm Quote

Administrators
Posts
127
Gender
Male
Posts Per Day
0.08
Time Online
73 days 2 hours 7 minutes
Location
Germany
Age
38
It looks right to me.  I think you need to clear your temporary internet files.

If you are using IE, just hit CTRL and F5 at the same time and it will do a full refresh of the page.


                               Click Here it increase my reputation
blahdocs.com...more than just a documentation project...its my life
Logged Offline
Site Private Message Reply #7
XIII
September 14, 2006, 12:34am Quote
Blahdocs Member
Posts
6
Posts Per Day
0.01
Time Online
1 hours 27 minutes
I think you were right, because I just went there and everything looks fine   How exactly do I change the colors around?  I'm just wanting to change the regular board members screen names back to yellow, and the topic titles.  I hate to keep bugging you for info! Is there a place on here that tells exactly how to edit these things?  Thanks so much for the help!
Logged Offline
E-mail Private Message Reply #8
XIII
September 14, 2006, 1:54am Quote
Blahdocs Member
Posts
6
Posts Per Day
0.01
Time Online
1 hours 27 minutes
I really can't figure this stuff out.  I don't even know what in the CSS template relates to what.  The only things I want changed to black text are the topic headers, peoples screen name when it appears in a quote, and the #'s when there is more than 1 page to a thread.  I just don't know what in the CSS template controles that  
Logged Offline
E-mail Private Message Reply #9
Craig
September 17, 2006, 12:21pm Quote

Administrators
Posts
127
Gender
Male
Posts Per Day
0.08
Time Online
73 days 2 hours 7 minutes
Location
Germany
Age
38
Ok, I think I got it.  Download this file, unzip it to you computer, delete or rename the mellow_gold folder that is on your webserver, and then upload this one.

After that, do a search for new themes and make the new mellow_gold theme your default theme.  

I think I have it the way you want it now and it works with 10.05 better.

Make sure you upload everything in binary mode and don't forget the images and buttons folders.

Let me know if that works for you.
-Craig.


                               Click Here it increase my reputation
blahdocs.com...more than just a documentation project...its my life
Logged Offline
Site Private Message Reply #10
Craig
September 17, 2006, 12:56pm Quote

Administrators
Posts
127
Gender
Male
Posts Per Day
0.08
Time Online
73 days 2 hours 7 minutes
Location
Germany
Age
38
Here is the attachment



Attachment: mellow_gold_2818.zip
137 downloads   -   Size: 175.62 KB



                               Click Here it increase my reputation
blahdocs.com...more than just a documentation project...its my life
Logged Offline
Site Private Message Reply #11
1 Pages 1
New Reply Print

Blahdocs Forum  ›  Informational Boards  ›  Chit - Chat  ›  mellow gold theme question