[Tutorial]Tabelas Personalizadas abaixo do ultimo Topico |
Esse tutorial é muito parecido com esse aqui da forumeiros: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] , mais com uma diferencia, esse aqui iremos usar tabelas!
--> Tutoriais, dicas e astúcias <--
[Tutorial]Tabelas Personalizadas abaixo do ultimo Topico
[Tutorial]Tabelas Personalizadas abaixo do ultimo Topico
1º - Código a ser utilizado [PUNBB]
No seu panel de controle vá em: Visualização :seta: Template :seta: Geral :seta: viewtopic_body
Encontre o Seguinte código:
- Código:
<!-- END postrow -->
</div>
Abaixo da TAG adicione o seguinte código:
</div>
<table width="100%" border="0" cellspacing="2" cellpadding="5" align="center" style="border-top: 1px solid #adadad; background: #ececec url(http://1.1.1.1/bmi/i75.servimg.com/u/f75/16/05/93/11/bg11.jpg);-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;"><tbody><tr><td align="left" valign="middle" style="border-right: 1px solid #c9c9c9;" width="33%"><a href="LINK DO FORUM DA PRIMEIRA COLUNA"><img src="http://1.1.1.1/bmi/i65.servimg.com/u/f65/14/45/99/41/12742611.png" border="0" align="left"></a><a href="LINK PARA A PRIMEIRA COLUNA" style="text-decoration:none;"><font size="3" face="Verdona"><b>TITULO DA PRIMEIRA COLUNA</b></font></a><br><font style="font-size: 11px;" face="Verdona" color="grey"> DESCRIÇÂO DA PRIMEIRA COLUNA .</font></td><td align="left" valign="middle" style="border-right: 1px solid #c9c9c9;" width="33%"><a href="#"><img src="http://1.1.1.2/bmi/i65.servimg.com/u/f65/14/45/99/41/12742612.png" border="0" align="left"></a><a href="LINK DA SEGUNDA COLUNA" style="text-decoration:none;"><font size="3" face="Verdona"><b> TITULO DA SEGUNDA COLUNA</b></font></a><br><font style="font-size: 11px;" face="Verdona" color="grey"> DESCRIÇÂO DA SEGUNDA COLUNA</font></td><td align="left" valign="middle" width="33%"><a href="/register"><img src="http://1.1.1.3/bmi/i65.servimg.com/u/f65/14/45/99/41/12742613.png" border="0" align="left"></a><a href="LINK PARA A TERCEIRA COLUNA" style="text-decoration:none;"><font size="3" face="Verdona"><b>TITULO DA TERCEIRA COLUNA !!!</b></font></a><br><font style="font-size: 11px;" face="Verdona" color="grey"> DESCRIÇÂO DA TERCEIRA COLUNA.</font></td></tr></tbody></table>
<br>
VERDE: Coloque a Descrição para cada Coluna
VERMELHO: Coloque um link aqui
AZUL: Escolha um Titulo
Um Exemplo de código completo que fiz para meu forum foi:
- Código:
</div>
<table width="100%" border="0" cellspacing="2" cellpadding="5" align="center" style="border-top: 1px solid #adadad; background: #ececec url(http://1.1.1.1/bmi/i75.servimg.com/u/f75/16/05/93/11/bg11.jpg);-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;"><tbody><tr><td align="left" valign="middle" style="border-right: 1px solid #c9c9c9;" width="33%"><a href="http://legendsimperium.forumeiros.com/f5-anuncios-administrativos"><img src="http://1.1.1.1/bmi/i65.servimg.com/u/f65/14/45/99/41/12742611.png" border="0" align="left"></a><a href="http://legendsimperium.forumeiros.com/f5-anuncios-administrativos" style="text-decoration:none;"><font size="3" face="Verdona"><b>Anuncios Administrativos</b></font></a><br><font style="font-size: 11px;" face="Verdona" color="grey"> Fique por dentro dos anuncios adminsitrativos do Suporte Códigos. .</font></td><td align="left" valign="middle" style="border-right: 1px solid #c9c9c9;" width="33%"><a href="#"><img src="http://1.1.1.2/bmi/i65.servimg.com/u/f65/14/45/99/41/12742612.png" border="0" align="left"></a><a href="http://legendsimperium.forumeiros.com/f6-regras-gerais" style="text-decoration:none;"><font size="3" face="Verdona"><b> Regras gerais</b></font></a><br><font style="font-size: 11px;" face="Verdona" color="grey"> Fique Por dentro das Regras do Forum e Evite ser Banido.</font></td><td align="left" valign="middle" width="33%"><a href="/register"><img src="http://1.1.1.3/bmi/i65.servimg.com/u/f65/14/45/99/41/12742613.png" border="0" align="left"></a><a href="http://legendsimperium.forumeiros.com/f4-quer-postar-um-codigo-aqui" style="text-decoration:none;"><font size="3" face="Verdona"><b>Ajude-nos na area dos Códigos !!!</b></font></a><br><font style="font-size: 11px;" face="Verdona" color="grey"> Tem algum código par anos ajudar? Então poste aqui!.</font></td></tr></tbody></table>
<br>
2º - Resultado
© SUPORTE CÒDIGOS
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Tutorial]Tabelas Personalizadas abaixo do ultimo Topico |
Última edição por #BadBoy# em Qua Jul 18, 2012 11:44 pm, editado 1 vez(es)