Código da Home Page

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Código da Home Page

Mensagem por vitorsali em 20/09/13, 07:20 pm

Qual é minha questão:
Olha quero o codigo desse forun http://camisetalaranja.forumeiros.com/
mostrado na imagens http://i75.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


Última edição por vitorsali em 23/09/13, 07:11 pm, editado 1 vez(es)
avatar

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

Ver perfil do usuário http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Código da Home Page

Mensagem por Sennior em 20/09/13, 09:03 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Código da Home Page

Mensagem por vitorsali em 20/09/13, 09:17 pm

o codigo não ta funciona direito
avatar

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

Ver perfil do usuário http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Código da Home Page

Mensagem por Sennior em 20/09/13, 09:21 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Código da Home Page

Mensagem por vitorsali em 20/09/13, 09:23 pm

ainda não esta funciona perfeitamento um pouco melhorou
avatar

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

Ver perfil do usuário http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Código da Home Page

Mensagem por Sennior em 20/09/13, 09:27 pm

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!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Código da Home Page

Mensagem por vitorsali em 20/09/13, 09:29 pm

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

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

Ver perfil do usuário http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Código da Home Page

Mensagem por Sennior em 20/09/13, 09:32 pm

@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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Código da Home Page

Mensagem por vitorsali em 20/09/13, 09:34 pm

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

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

Ver perfil do usuário http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Código da Home Page

Mensagem por Sennior em 21/09/13, 01:03 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Código da Home Page

Mensagem por vitorsali em 21/09/13, 01:54 pm

avatar

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

Ver perfil do usuário http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Código da Home Page

Mensagem por vitorsali em 23/09/13, 07:12 pm

podem fechar
avatar

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

Ver perfil do usuário http://camphalf-bloodbr.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum