<font color="red">[S] </font>Colour Change Help Pls (RPG-Directory)

Title: [S] Colour Change Help Pls

Ani - August 14, 2008 03:18 PM (GMT)

Hi you see the skin for my website
http://z10.invisionfree.com/afterthesunset...dex.php?act=idx
Its a vampire, werewolf one so I would like to change the green colour to red.
I tried all types of thing... changes the codes here and there
But I guess Im just messing it up
so time wo ask experts where exactly to change codes.

Basically if you chek the skin, I would like all the green strips to be red - #B22222 that red colour

CODE

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }

BODY {
font-family: georgia;
font-size: 10px;
color: #040404;
font-family: georgia;
margin:0px 10px 0px 10px;
background-image: url(http://i29.tinypic.com/255mfea.png); repeat: yes; }

TABLE, TR, TD {
font-family: tahoma;
font-size: 10px;
color: #6c6c6c; }

a:link, a:visited, a:active {
text-decoration: none;
text-transform: uppercase;
color: #404331;
font-family: georgia; }
a:hover {
color: #5a5e45;
text-decoration:none }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #040404; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate {
text-align:right;font-weight:bold;
font-size:11px;
color:#36312d;
background-color:#dedede;
padding:4px;
margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #c0c3b2;background-color: #DEDEDE }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #DEDEDE; border:1px solid #c0c3b2;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #dedede;background-color: #3860BB;background-color: #dedede;padding:0px;margin:0px; }
#submenu { display: none; border:1px solid #c0c3b2;background-color: #dedede;font-size:10px;margin:3px 0px 3px 0px;color:#040404;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #040404; }
#userlinks { border:1px solid #c0c3b2; background-color: #c0c3b2 }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color: #040404; padding:6px }

.pformstrip {
background-color: #a3b53e;
color:#040404;
text-transform: uppercase;
font-weight:normal;
padding:2px;
margin-top:1px }

.pformleft {
background-color: #DEDEDE;
padding:6px;
margin-top:1px;
width:25%;
border-top:1px solid #84867a;
border-right:1px solid #84867a; }

.pformleftw {
background-color: #DEDEDE;
padding:6px;
margin-top:1px;
width:40%;
border-top:1px solid #84867a;
border-right:1px solid #84867a; }

.pformright {
background-color: #DEDEDE;
padding:6px;
margin-top:1px;
border-top:1px solid #84867a; }

.post1 { background-color: #DEDEDE }
.post2 { background-color: #DEDEDE }
.postlinksbar {
background-color:#dedede;
padding:7px;
margin-top:1px;
font-size:10px;
background-color:#9dae3c; }

.row1 { background-color: #DEDEDE }
.row2 { background-color: #dedede }
.row3 { background-color: #e8e8e8 }
.row4 { background-color: #dedede }

.darkrow1 { background-color: #040404; color:#dedede; }
.darkrow2 { background-color: #040404; color:#9dae3c; font-family: verdana; font-size: 8.5px }
.darkrow3 { background-color: #a3b53e; color:#040404; }

.hlight { background-color: #dedede }
.dlight { background-color: #dedede }

.titlemedium {
font-weight:normal;
color:#040404;
text-transform: uppercase;
padding:2px;
margin:0px;
background-color: #9dae3c; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #040404 }

.maintitle {
vertical-align:right;
font-weight:bold;
color:#FFF;
font-size: 20px;
font-family: georgia;
text-transform: uppercase;
text-align:left;
letter-spacing:-1px;
padding:5px 10px 5px 50px;
background-color:#36312d; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF }
.maintitle a:hover { text-decoration: none color: #dedede; }

.plainborder { border:1px solid #84867a;background-color:#c0c3b2 }
.tableborder { border:1px solid #84867a;background-color:#d0d0d0; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #84867a;background-color:#DEDEDE;padding:6px; }
.tablepad { background-color:#DEDEDE;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:9px; color:#040404 }
.edit { font-size: 9px }

.signature { font-size: 9px; color: #040404 }
.postdetails { font-size: 9px }
.postcolor { font-size: 9px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE {
font-family: georgia;
font-size: 10px;
color: #040404;
background-color: #aeb1a1;
border: 1px solid #84867a;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px }

#CODE {
font-family: courier new;
font-size: 11px;
color: #040404;
text-transform: uppercase;
background-color: #aeb1a1;
border: 1px solid #84867a;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { background-color: #aeb1a1; border: 1px solid #84867a; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { background-color:#aeb1a1; border: 1px solid #84867a; font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px dashed #040404;border-bottom:1px dashed #040404 }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

.menu {
background-color: #36312d;
border: 1px solid #36312d;
padding: 5px 5px 5px 50px; }
.menu a {
background-color: #36312d;
border: 1px solid #36312d;
padding: 5px 5px 5px 0px; }

junebug! - August 14, 2008 06:34 PM (GMT)

Are you hoping to change the skin's color oveall, or just the titlemedium (the part where it says "Forum Topics Replies Last Post Info")?

If you would like to change that part, go into your code and find this:

CODE

.titlemedium {
font-weight:normal;
color:#040404;
text-transform: uppercase;
padding:2px;
margin:0px;
background-color: #9dae3c; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #040404 }

on the background-color: part, replace that Hex code with a red color. Make sure you use a hex code, and not a word. Try looking at Colour Lovers for some nice palettes.

If you want to change the green overall, you will need to go through basically every single part of the code and change it with a red tone :/ That's a lot of work, though.

I get the sense you may not have too much knowledge in CSS & Html. Thus, you should go for a different skin, unless you ask someone to change all the colors for you.

The background is an image, thus you will need an image editor program, such as Photoshop, to change the colors. You will need to either do it yourself (if you can), or ask someone to do it for you (try requesting at Pandora's Closet or RC&R). Sorry, but there is no coding invovled to change the color.

Ani - August 14, 2008 07:52 PM (GMT)

Thanks a lot,
if you chek the link again, I managed to change the title medium (I just wasnt sure what that strip was called therefore I couldnt change)

But now I am stuck on the board ststistics.

Those 3 strips are still green

junebug! - August 14, 2008 08:55 PM (GMT)

Those are called 'pformstrips'. Find that section, and do the exact same thing you did with the titlemedium. Also, you should do the same with the postlinksbar ;D

OH, ok, so you didn't mean the background afterall! XD Whoopsie!

Does that work for you?

SpazzyMal - August 14, 2008 09:03 PM (GMT)

As June mentioned you need to change the .pformstrip's background color. I also notice your .darkrow3 is still green. As a hint for the future, you may try hitting CTRL+F (Or CMND+F if on a Mac) on your keyboard. Depending on what browser you use, that may bring up the word find feature, and you can just type in the hex code for the green, and it will find that in your CSS, then you can just replace it with your red, knowing you've now got it all replaced for sure.

Ani - August 14, 2008 09:06 PM (GMT)

Lol yah!!
thanks both of you.
It finally got fixed.

Sigh, why cant I be a genius like you guys ;-)

View Full Version: [S] Colour Change Help Pls