Código da Home Page

Qual é minha questão:
Olha quero o codigo desse forun http://camisetalaranja.forumeiros.com/
mostrado na imagens https://i.servimg.com/u/f75/18/44/47/18/captur24.png

Endereço do meu fórum:
http://rpgbrpercyjackson.forumeiros.com

Versão do fórum:
PHPBB3

Olá amigo!

Adicione este código na tua Home Page:

Código:

<center><table id="Frozen"><tbody><tr><td><div style="overflow: auto; width: 210px; height: 195px; background: none; margin-bottom: -20px;"><br><div style="background-color: #cd3700; text-align: center; font-size: 9.5px; font-family: segoe ui; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">Regras Rápidas</div><div style="margin: auto; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%;"><font color="#161d23">►</font> O mínimo de linhas por post é de 6.<br>
<font color="#161d23">►</font> O tamanho máximo para os avatares é de 200x400 e o mínimo de 200x320.<br>
<font color="#161d23">►</font> O tamanho máximo para as assinaturas é de 500x300<br>
<font color="#161d23">►</font> É proibido propaganda de outros fóruns fora da Off Zone.<br>
<font color="#161d23">►</font> Para dúvidas e sugestões, procure o tópico designado.</div></div></td>

<td rowspan="3"> <div style="overflow: auto; width: 250px; height: 320px; background: none; margin: auto;"><br><div style="background-color: #cd3700; text-align: center; font-size: 9.5px; font-family: segoe ui; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px; ">Bem vindos!</div><div class="ciss" style="margin: auto; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id magna velit, nec posuere nisl. Quisque turpis nisl, fringilla eget sodales ut, scelerisque in quam. Praesent consequat, libero sed molestie viverra, urna arcu lobortis quam, vel scelerisque diam lectus non augue. Donec vulputate tellus sit amet mi laoreet sed consequat lorem ultrices. Nam lacinia adipiscing lectus congue cursus. Praesent lobortis magna in augue dapibus mattis suscipit sem aliquam. Phasellus id tristique justo. Ut quis aliquet ante.</div></div> </td>

<td><div style="width: 210px; height: 135px; background: none; margin-top: -30px; overflow: auto;"><br><div style="background-color: #cd3700; text-align: center; font-size: 9.5px; font-family: segoe ui; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px; ">parcerias</div><span><marquee direction="up" onmouseover="stop();" onmouseout="start();" height="60px">
<center><a href="http://spnreturn.forumeiros.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img12.imageshack.us/img12/1043/219rn.png" border="0" alt=""></a></center>
<a href="http://demigods-therpg.forumeiros.com/forum" class="postlink"><div style="margin:auto;text-align:center;width:100%"><img src="http://i.imgur.com/whmVw.png" width="100px" align=""></div></a></marquee></span><br><font size="1">para parcerias contate o <font color="orange">narrador</font> e coloque nosso banner em seu fórum.</font>
<center><img src="http://i.imgur.com/SBFmt93.png" width="100px"></center><br></div></td></tr><tr>

<td rowspan="2"><div style="width: 210px; height: 125px; background: none; margin-bottom: -15px;"><div style="background-color: #cd3700; text-align: center; font-size: 9.5px; font-family: segoe ui; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">NO ACAMPAMENTO</div><div style="margin: auto; padding: 10px; color: #7A7676; font-size: 9px; text-align: justify; font-family: arial; line-height: 120%;"><div style="float: left; width: 60%"><div align="center"><strong><font face="SEGOE UI"> <font size="1.2">INFO</font></font><font face="arial"> </font></strong></div><div align="left"><strong><font face="arial"><br><font color="#cd3700">MÊS:</font><br>julho<br><font color="#cd3700">TEMPERATURA:</font><br>31ºc-35ºc<br><font color="#cd3700">LOCAL</font><br>new jersey<br></font></strong></div></div><div style="float: right; width: 40%"><div align="center"><strong><strong><font face="SEGOE UI"> <font size="1.2">VERÃO</font></font></strong></strong></div><strong><strong><br><img src="http://25.media.tumblr.com/tumblr_m9uasiLBlu1r0z5ogo1_500.gif" width="95%"><br><br>Os campistas voltaram!</strong></strong></div><strong><strong> <div style="clear: both"></div>
</strong></strong></div></div></td>

<td><div style="width: 210px; height: 95px; background: none; margin-top: -40px; "><div style="background-color: #cd3700; text-align: center; font-size: 9.5px; font-family: segoe ui; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">Staff</div><div style="margin: auto; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%; text-align: center;"><div id="staff1" style="background: url(http://i.imgur.com/JYNrzM3.png);"><div class="imgstaff1 pyristaff"><img src="http://i.imgur.com/TlQhoV3.png"><div id="pyristaff">Narrador</div></div></div><div id="staff2" style="background: url(http://i.imgur.com/Vy2xHEu.png);"><div class="imgstaff2 pyristaff"><img src="http://i.imgur.com/eSUlb12.png"><div id="pyristaff">Melinoe</div></div></div></div><div id="staff3" style="background: url(http://i.imgur.com/dv4BNSv.png);"><div class="imgstaff3 pyristaff"><img src="http://i.imgur.com/jiT46D6.png"><div id="pyristaff">Apolo</div></div></div></div></td>
</tr><tr>

<td><div style="width: 210px; height: 95px; background: none; margin-top: -5px;"><div style="background-color: #cd3700; text-align: center; font-size: 9.5px; font-family: segoe ui; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">awards</div><div style="margin: auto; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%;"><div style="margin: auto; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%;"><marquee onmouseover="this.stop()" style="border: 0px solid ; padding: -15px; margin-left: 0px;  width: 205px; height: 90px;" onmouseout="this.start()" scrollamount="1" scrolldelay="1" direction="up" class="fond03">

<br></marquee></div><br></div></div></td>
</tr></tbody></table><div style="width: 675px; color: #7A7676; font-size: 9px; text-align: right; letter-spacing: 2px; font-family: segoe ui; text-transform: uppercase;"><a href="http://www.oursourcecode.net/u2629" class="postlink" target="_blank" rel="nofollow"><div style="color: #cd3700;">Frozen</div></a></div>
</center>

Até mais.

o codigo não ta funciona direito

Hum... Faltou algum código CSS que no caso creio que seja este:

Código:

#staff1 {
opacity: 0.7;
border-right: 2px solid #cd3700;
position: relative;
width: 50px;
height: 50px;
border-left: 7px solid #cd3700;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
#staff2 {
border-left: 7px solid #cd3700;
opacity: 0.7;
border-right: 2px solid #cd3700;
position: relative;
margin-top: -50px;
margin-left: 60px;
width: 50px;
height: 50px;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
#staff3 {
border-left: 7px solid #cd3700;
opacity: 0.7;
border-right: 2px solid #cd3700;
position: relative;
margin-top: -60px;
margin-left: 55px;
left: 75px;
width: 50px;
height: 50px;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
#staff1:hover .imgstaff1 {
display: inline;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
.pyristaff {
padding: 10px;
display: none;
width: 130px;
height: 200px;
font-size: 10px;
font-family: segoe ui;
color: #1c1c1c;
background: #cd3700;
position: absolute;
top: 25px;
left: -185px;
}

Adicione o código acima no inicio de teu CSS.

Até mais.

ainda não esta funciona perfeitamento um pouco melhorou

Hum... Troque o CSS que lhe passei pelo abaixo:

Código:

#staff1 {
opacity: 0.7;
border-right: 2px solid #cd3700;
position: relative;
width: 50px;
height: 50px;
border-left: 7px solid #cd3700;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
#staff2 {
border-left: 7px solid #cd3700;
opacity: 0.7;
border-right: 2px solid #cd3700;
position: relative;
margin-top: -50px;
margin-left: 60px;
width: 50px;
height: 50px;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
#staff3 {
border-left: 7px solid #cd3700;
opacity: 0.7;
border-right: 2px solid #cd3700;
position: relative;
margin-top: -60px;
margin-left: 55px;
left: 75px;
width: 50px;
height: 50px;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
#staff1:hover .imgstaff1 {
display: inline;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
.pyristaff {
padding: 10px;
display: none;
width: 130px;
height: 200px;
font-size: 10px;
font-family: segoe ui;
color: #1c1c1c;
background: #cd3700;
position: absolute;
top: 25px;
left: -185px;
}
#staff2:hover .imgstaff2 {
display: inline;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}

#staff3:hover .imgstaff3 {
display: inline;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}


Até mais!

a parte laranja do fundo ta meio pequena com o tamanho da foto

vitorsali escreveu:a parte laranja do fundo ta meio pequena com o tamanho da foto

Agora não compreendi... O mesmo está igual ao outro fórum o que só muda a cor que no caso o senhor parece ter alterado. Pode ser mais descritivo?

Até mais.

o nome narrador não aprce com aquele traço a e o fundo da imgen e menor

Olá!

Amigo o "Narrador" não tem nenhum traço e ainda não compreendi sobre as imagens. No mais me mande uma imagem.

Até mais.

Olha a imagens
essa e como eu quero que fique https://i.servimg.com/u/f75/18/44/47/18/captur25.png
mas ta assim
https://i.servimg.com/u/f75/18/44/47/18/captur26.png

podem fechar