Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

more invision free help needed


  • Please log in to reply

#1
1967spud

1967spud

    New Member

  • Member
  • Pip
  • 5 posts
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 }
  • 0

Advertisements


#2
1967spud

1967spud

    New Member

  • Topic Starter
  • Member
  • Pip
  • 5 posts
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 %>
  • 0

#3
SpywareDr

SpywareDr

    Member 2k

  • Member
  • PipPipPipPipPip
  • 2,771 posts
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: Posted Image

And here it is stretched horizontally a bit: Posted Image
  • 0

#4
1967spud

1967spud

    New Member

  • Topic Starter
  • Member
  • Pip
  • 5 posts
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
  • 0

#5
SpywareDr

SpywareDr

    Member 2k

  • Member
  • PipPipPipPipPip
  • 2,771 posts
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.
  • 0

#6
1967spud

1967spud

    New Member

  • Topic Starter
  • Member
  • Pip
  • 5 posts
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 }
  • 0

#7
SpywareDr

SpywareDr

    Member 2k

  • Member
  • PipPipPipPipPip
  • 2,771 posts
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.
  • 0

#8
1967spud

1967spud

    New Member

  • Topic Starter
  • Member
  • Pip
  • 5 posts
a further question i have is


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

#9
SpywareDr

SpywareDr

    Member 2k

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






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP