Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

Table Colors


  • Please log in to reply

#1
Gemnius

Gemnius

    New Member

  • Member
  • Pip
  • 8 posts
Hey guys, I just need to know how to change my first table on my forum.
For some reason it doesn't match my images, so I want to change the table color...

Thanks!


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: 10px; color: #97BCD0; margin:0px 10px 0px 10px;background-color:#232F39; background-image: url(http://209.85.62.25/4048/99/upload/p128418.gif); background-position: top; background-repeat: repeat-x; scrollbar-face-color: #21303C; scrollbar-shadow-color: #212A31; scrollbar-highlight-color: #24333F; scrollbar-3dlight-color: #354048; scrollbar-darkshadow-color: #1D252C; scrollbar-track-color: #33404A; scrollbar-arrow-color: #80A5B8}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #97BCD0; }
a:link, a:visited, a:active { font-weight: bold; text-decoration: none; color: #A7CCE0}
a:hover { color: #DEF3FF; text-decoration:none; font-weight: bold;}

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

img.attach { border:2px outset #000C15;padding:2px }
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:#97BCD0}
.caldate  { text-align:right;font-weight:normal;font-size:10px;color:#79A1B6;
background-color:#2D3943; padding:4px;margin:0px; border-bottom: 1px solid #000C15; }

.warngood { color:#00ff00}
.warnbad  { color:#ff0000}

#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 #000C15}
#photoimg  { text-align:center; margin-top:15px }

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

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #10171C;background-color: #484F55;
background-image: url(http://209.85.62.25/4048/99/upload/p138062.gif);
padding:0px;margin:0px; }
#submenu  {padding: 1px; border:1px solid #000C15;background-color: #313D47; background-image: url(http://209.85.62.25/4048/99/upload/p138308.gif); font-size:10px;margin:0px 0px 0px 0px;color:#A7B0B6;font-weight:bold; }
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #8CA3BE; }
#submenu a:hover { font-weight:bold;font-size:10px;text-decoration: none; color: #AEC9E8;}
#submenu img { display:none }
#submenu  { display: none; }

#userlinks { border: 1px solid #000C15;  background-color: #313D47; background-image: url(http://209.85.62.25/4048/99/upload/p138325.gif); }
#userlinks TABLE, #userlinks TR, #userlinks TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #97BCD0; padding-left: 15px}

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

.activeuserstrip { background-color:#313D47; background-image: url(http://209.85.62.25/4048/99/upload/p128721.gif);padding:4px; border: 1px solid #000C15}

.pformstrip { background-color: #313D47; background-image: url(http://209.85.62.25/4048/99/upload/p127680.gif); color:#7EA1B8;font-weight:normal;padding:5px;margin-top:1px;}

.pformleft  { background-color: #2C3945; padding:6px; margin-top:1px;width:25%; border-bottom: 1px solid #000C15; border-right: 1px solid #000C15; border-left: 1px solid #000C15; }

.pformleftw { background-color: #2C3945; padding:6px; margin-top:1px;width:40%; border-left: 1px solid #121A1F; border-bottom: 1px solid #000C15; border-right: 1px solid #000C15;}

.pformright { background-color: #33404B; padding:6px; margin-top:1px; border-top: 1px solid #415361; border-bottom: 1px solid #000C15; border-right: 1px solid #000C15;}

.post1 { background-color: #33404B; border-top: 1px solid #415462;}
.post1 a:link, .post1 a:visited, .post1 a:active {text-decoration: underline; font-weight: normal; }
.post1 a:hover {text-decoration:underline; font-weight: normal;}

.post2 { background-color: #33404B; border-top: 1px solid #415462;}
.post2 a:link, .post2 a:visited, .post2 a:active {text-decoration: underline; font-weight: normal;}
.post2 a:hover {text-decoration:underline; font-weight: normal;}

.postlinksbar { background-color:#313D47; padding:5px;margin-top:1px;
font-size:10px; background-image: url(http://209.85.62.25/4048/99/upload/p127680.gif); border-left: 1px solid #121A1F; border-right: 1px solid #121A1F;}

.row1 { background-color: #35414C; border-top: 1px solid #415462;}
.row2 { background-color: #35414C; border-top: 1px solid #415462;}
.row3 { background-color: #384551; border-top: 1px solid #465968;}
.row4 { background-color: #384551; border-top: 1px solid #465968;}

.darkrow1 { background-color: #313D47; color:#97BCD0;}
.darkrow2 { background-color: #313D47; background-image: url(http://209.85.62.25/4048/99/upload/p127631.gif); color:#97BCD0;  background-repeat: no-repeat; border-left: 1px solid #373F46; border-top: 1px solid #606971; padding: 1px; vertical-align: middle; background-position: center }
.darkrow3 { background-color: #2F3C49; color:#97BCD0;}

.hlight { background-color: #4C5C6A;}
.dlight { background-color: #384551;}

.titlemedium { font-weight:normal; color:#7EA1B8; padding:4px; margin:0px; background-color: #313D47; background-image: url(http://209.85.62.25/4048/99/upload/p127680.gif);}
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #B5E1F8; font-weight: normal}
.titlemedium  a:hover{ text-decoration: none; color: #FDFEFE}

.maintitle {background-position: center; background-color: #313D47; vertical-align:middle;font-weight:normal; color:#A1B8C8; letter-spacing:0px; padding:6px 0px 9px 0px; background-image: url(http://209.85.62.25/4048/99/upload/p246345.gif); background-repeat: no-repeat; text-align: center }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #9BC1DA; font-weight: normal; }
.maintitle a:hover { text-decoration: none; color: #D7ECFA;  font-weight: normal; }

.plainborder { border:1px solid #000C15;background-color:#000C15}
.tableborder { border:1px solid #313D47;background-color:#000C15; padding:0px; margin:0px; width:100% }
.tablefill  { border-left:1px solid #435970; border-top:1px solid #435970; border-right:1px solid #000C15; border-bottom:1px solid #000C15; background-color:#313E48;padding:6px;}
.tablepad	{ background-color:#323E49; 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:#89AFC5}
.edit { font-size: 9px; color: #618EAD}

.signature  { font-size: 10px; color: #97BCD0}
.postdetails { font-size: 9px; color: #97BCD0}
.postcolor  { font-size: 11px; line-height: 160%; color: #CEEBFA}

.normalname { font-size: 11px; font-weight: bold; color: #97BCD0}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 11px; font-weight: bold }
.normalname a:hover { font-size: 11px; font-weight: bold }
.unreg { font-size: 11px; font-weight: bold; color: #A2B4BE}

.searchlite { font-weight:bold; color:#97BCD0; background-color:#33404B;}

#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #9DC3D8; background-color: #2C3945; border-left: 5px solid #131F27; border-top: 1px solid #02111C; border-right: 1px solid #02111C; border-bottom: 1px solid #02111C; padding-right: 2px; padding-bottom: 2px; padding-left: 8px}

#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #97BCD0; background-color: #2B3743;  padding-top: 2px;  border-left: 5px solid #131F27; border-top: 1px solid #02111C; border-right: 1px solid #02111C; border-bottom: 1px solid #02111C; padding-right: 2px; padding-bottom: 2px; padding-left: 8px }

.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; color: #99B8C9; border-left:1px solid #6D767E; border-top:1px solid #6D767E; border-right:1px solid #121A1F; border-bottom:1px solid #121A1F; background-color: #243240; background-image: url(http://209.85.62.25/4048/99/upload/p137838.gif); }

.forminput,  .textinput,  .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #FDFEFF; border: 1px solid #000C15; background-color: #222F3D;}

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px; border-left: 1px solid #000C15; border-top: 1px solid #000C15;border-right: 1px solid #435970;border-bottom: 1px solid #435970;background-color: #2C3945;}
.thin a:link, .thin a:visited, .thin a:active { font-weight: bold; text-decoration: none; color: #CAE5FF}
.thin a:hover { color: #F0F7FF; text-decoration:none; font-weight: bold;}

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

div.row4 { border-color: #384551!important;background-color:#384551}

Board Wrappers:
<center><TABLE cellSpacing=0 cellPadding=0 width=802><TBODY><TR><TD><center>
<table width="100px" height="100%" border="0" align="center"
cellpadding="0" cellspacing="0" bgcolor="#313D47"
bordercolor="#313D47" bordercolordark="#313D47"
bordercolorlight="#313D47">
<tr>
<td height="100%" width="100%" bgcolor="#313D47">
<center>
<table border="0" cellpadding="0" width="100%" height="100%"
cellspacing="0" align="center">
<tr width="100%">
<td width="11" bgcolor="#313D47"
background="http://209.85.62.25/4048/99/upload/p128045.gif"
rowspan="2"><img border="0"
src="http://209.85.62.25/4048/99/upload/p128045.gif" />
  <br>
  <br>
  <br>
</td>
<td width="Width" valign="top">

</form>
<script language='JavaScript' type="text/javascript"><!--
blank_fields = "Please enter your name and password before continuing";
//--></script>
<script language='JavaScript' type="text/javascript"
src="http://z9.invisionfree.com/divinityv2/index.php?/md5login.php"></script>
	<br />

Edited by Gemnius, 05 May 2008 - 07:50 AM.

  • 0

Advertisements


#2
Metallica

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 33,101 posts
Hi Gemnius,

I think a little more information would improve your chances of getting a useful answer.

A link to your forum perhaps?
Or the type you are using.

Regards,
  • 0

#3
Gemnius

Gemnius

    New Member

  • Topic Starter
  • Member
  • Pip
  • 8 posts
Haha, sorry about that :)

It's an Invisionfree board:
http://z9.invisionfr...ityv2/index.php?
  • 0

#4
Metallica

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 33,101 posts
By "the first table" you mean this one:

<table width="100px" height="100%" border="0" align="center"
cellpadding="0" cellspacing="0" bgcolor="#313D47"
bordercolor="#313D47" bordercolordark="#313D47"
bordercolorlight="#313D47">

I noticed you have repeated the bgcolor in a few cells, so that might be the reason why any changes you made didn't have the effect you expected.
Is that the one and what do you want to change?
  • 0

#5
Gemnius

Gemnius

    New Member

  • Topic Starter
  • Member
  • Pip
  • 8 posts
I guess thats it, but whenever I edited those parts it never had any effect on my board =/

Anyway, I think I needed that table's color to be the same as the backround color.

Edited by Gemnius, 04 May 2008 - 08:01 PM.

  • 0

#6
Metallica

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 33,101 posts
Like I said. The fact that editing there didnt have any effect, could have been due to the cells being re-defined:

<td width="11" bgcolor="#313D47"


Even if you change the bgcolor of the table, all those cells will still have that value.
  • 0

#7
Gemnius

Gemnius

    New Member

  • Topic Starter
  • Member
  • Pip
  • 8 posts
=/
Mmm, so do you know what I can do to change that?
Where would I be able to change the code that "re-defines" it? Or atleast change that other code to match what I need.

Edited by Gemnius, 05 May 2008 - 07:52 AM.

  • 0

#8
Metallica

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 33,101 posts
I'm not sure I understand what you want to change, so it's hard to answer that.
Can you try and explain?
  • 0

#9
Gemnius

Gemnius

    New Member

  • Topic Starter
  • Member
  • Pip
  • 8 posts
Oh, sorry....
I just need the table on the very left side of my board to be changed to match the images there. Which would be the forum markers.

Posted Image

So I basically want that table to match the images BG color.
For some reason when I installed the skin none of those image's bg colors matched the tables. So instead of editing all of the images, I'm just trying to change the tables color. =D
  • 0

#10
Metallica

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 33,101 posts
OK that are these cells:
<td class="row4" align="center"><img src='http://i107.photobucket.com/albums/m303/Geminus_2006/nonewposts.gif' border='0' alt=''></td>
the row4 properties are defined in the style declaration.
.row4 { background-color: #384551; border-top: 1px solid #465968;}
Note that changing the color there will affect all class=row4 cells.
  • 0

#11
Gemnius

Gemnius

    New Member

  • Topic Starter
  • Member
  • Pip
  • 8 posts
Awesome dude! It worked! Thanks =)
But I assumed that it would change the board statistics also, I guess it didn't... Do you know where I could change that at?

Edited by Gemnius, 06 May 2008 - 02:52 PM.

  • 0

#12
Metallica

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 33,101 posts
You mean the Board Statistics section?
<td width="5%" class='row2'><img src='http://i107.photobucket.com/albums/m303/Geminus_2006/usersonline.gif' border='0' alt=''></td>

defined in
.row2 { background-color: #35414C; border-top: 1px solid #415462;}

  • 0

#13
Gemnius

Gemnius

    New Member

  • Topic Starter
  • Member
  • Pip
  • 8 posts
Awesome!
Thanks! This works perfectly for me!
  • 0

#14
Metallica

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 33,101 posts
Glad I could help. :)
  • 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