[1967spud]

i have been struggling with an invision board and trying to chanege the title and section bar colours from default blue

my webby is at www.uklongrange.com so you can see what i mean

this is a copy of my css


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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#566345}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #000; text-decoration:underline }

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

img.attach { border:2px outset #566345;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: #000; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#000; }
.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:#777;background-color:#DFE6EF;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 #345487;background-color: #F5F9FD }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #566345line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #566345;background-color: #566345;background-image:url(http://209.85.48.9/s...>/tile_back.gif);padding:0px;margin:0px; }
#submenu { border:1px solid #566345;background-color: #DEE7C9;font-size:10px;margin:3px 0px 3px 0px;color:#000;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000; }
#userlinks { border:1px solid #566345; background-color: #DEE7C9 }

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

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

.pformstrip { background-color: #DEE7C9; color:#566345;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #566345; border-right:1px solid #566345; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #566345; border-right:1px solid #566345; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #566345; }

.post1 { background-color: #DEE7C9 }
.post2 { background-color: #DEE7C9 }
.postlinksbar { background-color:#566345;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://209.85.48.9/s...#>/tile_sub.gif) }

.row1 { background-color: #DEE7C9}
.row2 { background-color: #DEE7C9}
.row3 { background-color: #DEE7C9 }
.row4 { background-color: #DEE7C9}

.darkrow1 { background-color: #DEE7C9; color:#DEE7C9; }
.darkrow2 { background-color: #DEE7C9; color:#DEE7C9; }
.darkrow3 { background-color: #DEE7C9; color:#DEE7C9; }

.hlight { background-color: #566345}
.dlight { background-color: #DEE7C9 }

.titlemedium { font-weight:bold; color:#000; padding:7px; margin:0px; background-image: url(http://209.85.48.9/s...#>/tile_sub.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #566345 }

.maintitle { vertical-align:middle;font-weight:bold; color:#000; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://209.85.48.9/s...>/tile_back.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #000 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #566345;background-color:#F5F9FD}
.tableborder { border:1px solid #566345;background-color:#566345; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #566345;background-color:#F5F9FD;padding:6px; }
.tablepad { background-color:#F5F9FD;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:10px; color:#434951 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #000 }
.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: Verdana, Arial; font-size: 11px; color: #566345; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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 { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; 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 solid #566345;border-bottom:1px solid #566345}

.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 }

[Advertisements]

THOUGHT YOU MIGHT NEED THIS AS WELL

<body bgcolor='#FFFFFF' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>

[1967spud]

THOUGHT YOU MIGHT NEED THIS AS WELL

<body bgcolor='#FFFFFF' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>

[SpywareDr]

If you're talking about the blue horizontal bar with the words "Log In" on it on the left, on this page, the image used to create that bar is listed in your source code as: http://209.85.48.9/s...1/tile_back.gif

Here is the original image:

And here it is stretched horizontally a bit:

[1967spud]

thanks doc i have about 5 of them barson the actuall forum which are all blue , can they be changed in colur please


thanks spud

[SpywareDr]

Create your own replacement image and stick it out on the web somewhere, (accessible by all of course). Then change the "http://209.85.48.9/s.../tile_back.gif" in your source code to point to the URL of your replacement image.

[1967spud]

thanks for yor help doc it was spot on , i sussed what you meant and ended up with this css , what you think ive also changesd all the button images as well thanks again


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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#566345}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #000; text-decoration:underline }

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

img.attach { border:2px outset #566345;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: #000; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#000; }
.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:#777;background-color:#DFE6EF;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 #345487;background-color: #F5F9FD }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #566345line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #566345;background-color: #566345;background-image:url(http://i67.photobuck...REENGREEN-1.gif);padding:0px;margin:0px; }
#submenu { border:1px solid #566345;background-color: #DEE7C9;font-size:10px;margin:3px 0px 3px 0px;color:#000;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000; }
#userlinks { border:1px solid #566345; background-color: #DEE7C9 }

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

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

.pformstrip { background-color: #DEE7C9; color:#566345;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #566345; border-right:1px solid #566345; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #566345; border-right:1px solid #566345; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #566345; }

.post1 { background-color: #DEE7C9 }
.post2 { background-color: #DEE7C9 }
.postlinksbar { background-color:#566345;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i67.photobuck...ENGREEN-1-1.gif) }

.row1 { background-color: #DEE7C9}
.row2 { background-color: #DEE7C9}
.row3 { background-color: #DEE7C9 }
.row4 { background-color: #DEE7C9}

.darkrow1 { background-color: #DEE7C9; color:#DEE7C9; }
.darkrow2 { background-color: #DEE7C9; color:#DEE7C9; }
.darkrow3 { background-color: #DEE7C9; color:#DEE7C9; }

.hlight { background-color: #566345}
.dlight { background-color: #DEE7C9 }

.titlemedium { font-weight:bold; color:#000; padding:7px; margin:0px; background-image: url(http://i67.photobuck...ENGREEN-1-1.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #566345 }

.maintitle { vertical-align:middle;font-weight:bold; color:#000; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i67.photobuck...REENGREEN-1.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #000 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #566345;background-color:#F5F9FD}
.tableborder { border:1px solid #566345;background-color:#566345; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #566345;background-color:#F5F9FD;padding:6px; }
.tablepad { background-color:#F5F9FD;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:10px; color:#434951 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #000 }
.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: Verdana, Arial; font-size: 11px; color: #566345; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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 { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; 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 solid #566345;border-bottom:1px solid #566345}

.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 }

[SpywareDr]

I agree. The green bar certainly looks better with your color scheme than the red did.

Good to hear the problem's been resolved. Thanks for posting back.

[1967spud]

a further question i have is


is it possible to make hyperlinks to sud sections from the thread title bars

[SpywareDr]

I don't know why not. As an example, view the source code for GeeksToGo! main forum page: http://www.geekstogo...rum/forums.html