Ajuda forum IF

_Vinny_ · Setembro 5, 2008

To ajudando um amigo a fazer umas configurações no forum(InvisionFree), mas ai colocamos uma tabela no lado direito do forum, mais ainda num conseguimos fazer as configurações na tabela, o deu pra fazer agente fez. O que queremos agora é mudar o background da tabela que ta cinza, mas nos queremos um cinza bem mais escuro do que esse, pra combinar com o forum.

Codigo da tabela:

<td class="0" valign="top" width="210" bgcolor="#333333">
      <center>
      <div class="maintitle"
style="border: 1px #666666 solid"><img src="http://www.portalxbox.com.br/e107_plugins/live_menu/imagens/00a53049b2c554a346f4df17884c8eea_tw40.png"
alt="" border="1" height="20" width="20">
      <b><i><font color=silver size=2 face=Vivaldi> The Last Great War </font></i></b></div>
      <div class="tablepad"
style="border: 1px #666666 solid"><span
class="desc">
      <center><img
src="http://img168.imageshack.us/img168/6199/lgwrv4.gif"></center>
      </span></div>
      <br>
      </center>
      <center>
      <div class="maintitle"
style="border: 1px #666666 solid"><img src="http://www.portalxbox.com.br/e107_plugins/live_menu/imagens/00a53049b2c554a346f4df17884c8eea_tw40.png"
alt="" border="1" height="20" width="20">
      <b><i><font color=silver size=2 face=Vivaldi> Informações em Geral </font></i></b></div>
      <div class="tablepad"</div>
      <div class="tablepad"
style="border: 1px #666666 solid"><span
class="desc"> 
      <a
href="http://z11.invisionfree.com/The_Last_Great_War/index.php?showforum=16"
target="_blank"> The History</a>
      <br>
      <a
href="http://z11.invisionfree.com/The_Last_Great_War/index.php?showtopic=1&st=0&#last"
target="_blank"> Rules
      </a><br>
      <a
href="http://z11.invisionfree.com/The_Last_Great_War/index.php?showforum=30"
target="_blank"> Crie sua ficha
      </a><br>
      <a
href="http://z11.invisionfree.com/The_Last_Great_War/index.php?showforum=1"
target="_blank"> Basic Informations
      </a><br>
      </span></div>
      <br>
      <center>
      <div class="maintitle"
style="border: 1px #666666 solid"><img src="http://www.portalxbox.com.br/e107_plugins/live_menu/imagens/00a53049b2c554a346f4df17884c8eea_tw40.png"
alt="" border="1" height="20" width="20">
      <b>News<i><font color=silver size=2 face=Vivaldi></i></font></b></div>
      <div class="tablepad"
style="border: 1px #666666 solid""><span
class="desc">
      <center><font color="silver" face="vivaldi"></font>
      <marquee direction="up" scrollamount="3"
width="150" onmouseout="this.start()"
onmouseover="this.stop()" height="200">
      </font>
      <center><font color="red" size=0.5 face="algerian">
Uma nova era se aproxima... a escuridão cobre  os rastros da maldade... será que teremos salvação...?<br><br>  

Não percam tempo, registrem-se logo pois a primeira parte da trama iniciará logo. E o primeiro evento será de suma importância para todos os membros do forum, por isso, fiquem atentos!<br><br> 

Bom jogo à todos...<br><br> 

Equipe Administrativa<br>
By the Triad: The Creator, The Time and The Death...</font><br><br>
       

      
     
      <br>
      </font></b></font></b></font></p>
      </center>
      </center>
      </center>
      </center>
      </marquee>
      </center>
      </span></div>
      <font color="173449" face="verdana"><b><font
color="red"><b><font color="red"><br>
      </font></b></font></b></font></center>
      <center>
      <div class="maintitle"
style="border: 1px #666666 solid"><font
color="173449" face="verdana"><b><font
color="#009900"><b><font color="#009900"><img
src="http://www.portalxbox.com.br/e107_plugins/live_menu/imagens/00a53049b2c554a346f4df17884c8eea_tw40.png" alt="" border="1" height="20"
width="20"> <font color="silverf">Administração</font></font></b></font></b></font></div>
      <div class="tablepad"
style="border: 1px #666666 solid">
<center><font color="silver" face=""><b><font
color="white"><b><font color="white"><b>The Creator</b></font></b></font></b></font></center>      
      <a href="http://z11.invisionfree.com/The_Last_Great_War/index.php?showuser=1" target="_blank"><img src="http://img386.imageshack.us/img386/6994/7a184cafae4ca2a911c9d0dfw7.jpg" height="125" width="90" border="1" alt="The Creator" title="The Creator"></a>
         <br>
         <br><center><font color="silver" face=""><b><font
color="white"><b><font color="white"><b>The Time</b></font></b></font></b></font></center>      
<a href="http://z11.invisionfree.com/The_Last_Great_War/index.php?showuser=2" target="_blank"><img src="http://img396.imageshack.us/img396/7398/ampulhetaimagem02io3.jpg" height="125" width="90" border="1" alt="The Time" title="The Time"></a>
         <br>
         <br><center><font color="silver" face=""><b><font
color="white"><b><font color="white"><b>The Death</b></font></b></font></b></font></center>      
<a href="http://z11.invisionfree.com/The_Last_Great_War/index.php?showuser=4" target="_blank"><img src="http://img528.imageshack.us/img528/6142/deathiq0.jpg" height="125" width="90" border="1" alt="The Death" title="The Death"></a>
      
      <center>
      <center>
      <div class="maintitle"
style="border: 1px #666666 solid"><font
color="173449" face="verdana"><b><font
color="#009900"><b><font color="#009900"><img
src="http://www.portalxbox.com.br/e107_plugins/live_menu/imagens/00a53049b2c554a346f4df17884c8eea_tw40.png" alt="" border="1" height="20"
width="20"> <font color="#ffffff">Personagem
do Mês</font></font></b></font></b></font></div>
      <div class="tablepad"
style="border: 1px #666666 solid"><span
class="desc">
      <center><font color="173449" face="verdana"><b><font
color="#009900"><b><font color="#009900"><img
src="http://tn3-2.deviantart.com/fs13/300W/f/2007/051/b/7/Empty_by_Djoe.jpg" height="110"
width="118"><br>
      </font></b></font></b></font></center>
      <font color="173449" face="verdana"><b><font
color="#009900"><b><font color="white"><i>Por enquanto não há nenhum "Personagem do Mês", mas logo a primeira votação irá ocorrer, por isso... fiquem atentos!</i>
      </font></b></font></b></font></span></div>
      <font color="173449" face="verdana"><b><font
color="#009900"><b><font color="#009900"><br>
      </font></b></font></b></font></center>
      <center>
      <div class="maintitle"
style="border: 1px #666666 solid"><font
color="173449" face="verdana"><b><font
color="#009900"><b><font color="#009900"><img
src="http://www.portalxbox.com.br/e107_plugins/live_menu/imagens/00a53049b2c554a346f4df17884c8eea_tw40.png" alt="" border="20" height="20"
width="20"> <font color="#ffffff">Eventos</font></font></b></font></b></font></div>
      <div class="tablepad"
style="border: 1px #666666 solid"><span
class="desc"><font color="173449" face="verdana"><b><font
color="#009900"><b><font color="white">
      Em breve


      </font></b></font></b></font></span></div>
      <font color="173449" face="verdana"><b><font
color="#009900"><b><font color="#009900"><br>
      </font></b></font></b></font>
      <center>
      <div class="maintitle"
style="border: 1px #666666 solid"><font
color="173449" face="verdana"><b><font
color="#009900"><b><font color="#009900"><img
src="http://www.portalxbox.com.br/e107_plugins/live_menu/imagens/00a53049b2c554a346f4df17884c8eea_tw40.png" alt="" border="1" height="20"
width="20"> <font color="#ffffff">Parceiros</font></font></b></font></b></font></div>
      <div class="tablepad"
style="border: 1px #666666 solid">
      <p><span class="desc"><a
href="http://z4.invisionfree.com/NarutoExtincion/index.php?"
target="_blank"><img
src="http://img.photobucket.com/albums/v335/shionespectron/next-1.gif"></a>
      <br>
      <br>
      <a href="http://z13.invisionfree.com/Realm_of_Legends/"
target="_blank"><img
src="http://img53.imageshack.us/img53/3291/rl5bd.gif"></a>
      <br>
      <br>
      <a href="http://z3.invisionfree.com/OP_Evolution"
target="_blank"><img
src="http://img142.imageshack.us/img142/4408/opevobut1ys2.gif"></a>
      <br>
      <br>
      <a href="http://s9.invisionfree.com/Bleach_Senkai/"
target="_blank"><img
src="http://img176.imageshack.us/img176/5623/buttonbskn9.gif"></a>
      <br>
      <br>
      <a href="http://z3.invisionfree.com/NWL" target="_blank"><img
src="http://img171.imageshack.us/img171/6456/boto1pm4.png"></a>
      <br>
      <br>
      <a href="http://z11.invisionfree.com/DBZ_Legend/"
target="_blank"><img
src="http://img152.imageshack.us/img152/5143/dbzvq5.gif"></a>
      <br>
      <br>
      <a href="http://z4.invisionfree.com/Aang_Legend/index.php?"
target="_blank"><img
src="http://img357.imageshack.us/img357/2850/buttonaanglegendok4.gif"
alt=".::Aang_Legend::." border="0"></a>
      <a><br>
      <b>Contato com a Administração</b></a> </font></b></font></b></font></span></p>
      </div>
      <font color="173449" face="verdana"><b><font
color="#009900"><b><font color="#009900"><br>
      </font></b></font></b></font></center>
      <font color="173449" face="verdana"><b><font
color="#009900"><b><font color="#009900"><br></td>

CSS do forum:

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

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 10px; color: #680303; margin:0px 10px 0px 10px;background-color:#1a1a1a;background-image: url(); background-attachment: fixed; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #7c7c7c;scrollbar-face-color: #000000; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #000000; scrollbar-arrow-color: #000000}
a:link, a:visited, a:active { text-decoration: underline; color: #680303  }
a:hover { color: #7c7c7c; text-decoration:none }}


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

img.attach { border:1px outset #323232;padding:1px }

.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: #680303; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#680303; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#680303}

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:#680303 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#680303;background-color:#000; background-image: url(http://209.85.12.232/4409/91/upload/p2411.gif);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 #161616;background-color: #272727 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #272727; border:1px solid #161616;line-height:150%; width:auto }

#submenu  { border:1px solid #181818; background-image: url(http://209.85.12.232/4598/64/upload/p8314.gif);
#submenu a:hover { color: #7c7c7c; text-decoration:none }#FE6EF;font-size:10px;;margin:2x 0px 2x 0px;color:#680303;font-weight:normal;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #680303; }

#submenu a:hover { color: #680303; text-decoration:none }
#userlinks { border:1px solid #181818; background-image: url(http://209.85.12.232/4598/64/upload/p8319.gif) }

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

.activeuserstrip { background-image: url(http://209.85.12.232/4409/91/upload/p2411.gif);#BCD0ED; padding:6px }

.pformstrip { background-image: url(http://209.85.12.232/4409/91/upload/p2411.gif);#D1DCEB; color:#680303;font-weight:bold;padding:2px;margin-top:1px }
.pformleft  { background-color: #272727; padding:6px; margin-top:1px;width:25%; border-top:1px solid #0D0D0D; border-right:1px solid #0D0D0D;border-left:1px solid #0D0D0D; }
.pformleftw { background-color: #272727; padding:6px; margin-top:1px;width:40%; border-top:1px solid #0D0D0D; border-right:1px solid #0D0D0D; }
.pformright { background-color: #272727; padding:6px; margin-top:1px;border-top:1px solid #0D0D0D;border-right:1px solid #0D0D0D; }

.post1 { background-color: #202020 }
.post2 { background-color: #202020 }
.postlinksbar { background-image: url(http://70.84.190.115/3089/86/upload/p19501.gif);padding:4px; margin-top:1px;border-left:1px solid #0D0D0D;border-right:1px solid #680303; font-size:9px;  }
}

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

.darkrow1 { background-color: #282828; color:#680303; }
.darkrow2 { background-image: url(http://209.85.12.232/4598/64/upload/p5908.gif);#7F7F7F; color:#7F7F7F; }
.darkrow3 { background-image: url(http://209.85.12.232/4409/91/upload/p2411.gif); #D1DCEB; color:#680303; }

.hlight { background-color: #363636 }
.dlight { background-color: #313131}

.titlemedium { font-weight:bold; color:#680303; padding:2px; margin:0px; background-image: url(http://209.85.12.232/4409/91/upload/p2411.gif) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #680303 }

.maintitle { text-align:center; background-position:center; background-repeat: no-repeat;  vertical-align:middle;font-weight:bold; color:#680303; padding:8px 0px 13px 5px; background-image: url(http://209.85.12.232/4598/64/upload/p7892.gif); 808589}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: underline; color: #680303 }
.maintitle a:hover {color: #A9A9A9; text-decoration:none }


.plainborder { border: transparent;background-color:transparent }
.tableborder { border:0px solid #1d1d1d;background-color:#1d1d1d; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #000;background-color:#535252;padding:6px;  }
.tablepad    { background-color:#8e8e8e;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:#7c7c7c }


.edit { font-size: 9px }

.signature  { font-size: 10px; color: #7c7c7c}
.postdetails { font-size: 10px }

.postcolor  { font-size: 12px; line-height: 160% }

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

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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #7F7F7F; background-color: #202020; 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: #7F7F7F; background-color: #202020; 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;background-color:#7c7c7c; background-image: url();border:1px solid #0D0D0D;color:#780000}

.forminput, .textinput, .radiobutton, .checkbox  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #000; border: 1px solid #000; background-color: #535252;}
}
.forminput { background-color: #535252; color:#000;}, .textinput { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; horizontal-align: center; background-image: url(http://);  background-repeat: no-repeat; background-position: top right; }




.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #7F7F7F;border-bottom:1px solid #000 }

.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: #000000!important;background-color:# DFE6EF;font-size:9px; color:#680303}


</style>
</script>
&lt;script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style type='text/css'>.tableborder { border:1px solid #323232;background-color: #272727}</style>")}
</script>

</style>
&lt;script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.row2 { background-color: #272727; background-image: url(http://209.85.12.232/4409/91/upload/p2411.gif) }</style>")}
</script>

</style>
&lt;script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style type='text/css'>.tablepad { border:transparent;background-color: #272727; }</style>")}
</script>

Codigo que fica na Header & Body do forum, num sei se necessario postar, mas por via das duvidas:

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table align="center" width="100%" cellpadding="15" cellspacing="0" class="boardholder"><tr><td>
<center>
<table width="850" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#1d1d1d" bordercolor="#1d1d1d" bordercolordark="#1d1d1d" bordercolorlight="#1d1d1d">
<tr>
<td height="100%" width="100%" bgcolor="#1d1d1d">
   <center>
   <table border="0" cellpadding="0" width="100%" height="100%" cellspacing="0" align="center">
     <tr width="100%">
       <td width="5" bgcolor="#1d1d1d" background="http://209.85.12.232/4598/64/upload/p5766.gif"  rowspan="2"><img border="0" src="http://209.85.12.232/4598/64/upload/p5766.gif" />
         <br>
         <br>
         <br>
       </td>
       <td width="Width" valign="top"><% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>

alguém pode ajudar :rolleyes:

Link do forum de teste:

http://z10.invisionfree.com/Luxurqs/index.php?act=idx

Tabela a direita do forum.

Editado Setembro 5, 2008 por _Vinny_

Entrar

Ajuda forum IF

Pergunta

_Vinny_

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades