Best Style

Você não está conectado. Conecte-se ou registre-se

Tópicos mais recente de uma determinada Categoria

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

Sliw

Sliw
Administrador
Informações:
Autor:
Dana Domirani
Funcionalidade: Todas as versões



Este tutorial explica como criar os tópicos mais recentes de um determinado categoria.
Ele poder ser criado como widget caso deseje ou encorporado em qualquer outra parte da sua skin.

Este será o código que deves por: no widget ou em qualquer outra parte.

PhpBB2:
Código:
<div id="newsareal1"></div>
<hr>
<center><a href="http://beststyle.forumeiros.com/f12-anuncios">Mais ! </a></center>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f5-forum div.topictitle:lt(11)");
});
</script>
PhpBB3:
Código:
<div id="newsareal1"></div>
<hr>
<center><a href="http://beststyle.forumeiros.com/f12-anuncios">Mais ! </a></center>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f5-forum div.topic-title-container:lt(11)");
});
</script>
PunBB:
Código:
<div id="newsareal1"></div>
<hr>
<center><a href="http://beststyle.forumeiros.com/f12-anuncios">Mais ! </a></center>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f5-forum a.topictitle:lt(11)");
});
</script>
Invision:
Código:
<div id="newsareal1"></div>
<hr>
<center><a href="http://beststyle.forumeiros.com/f12-anuncios">Mais ! </a></center>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f5-forum a.topictitle:lt(11)");
});
</script>

Acesse:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo
E adicione o seguinte codigo de acordo com sua versão no fórum:

PhpBB2:
Código:
#newsareal1 div.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
}
#newsareal1 div.topictitle:hover {
background-color: #D8DEDE;
}
#newsareal1 div.topictitle a {
color: #708090 !important;
text-decoration: none !important;
text-shadow: #fff 1px 1px 0px
}
PhpBB3:
Código:
#newsareal1 div.topic-title-container {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
}
#newsareal1 div.topic-title-container:hover {
background-color: #D8DEDE;
}
#newsareal1 div.topic-title-container a {
color: #708090 !important;
text-decoration: none !important;
text-shadow: #fff 1px 1px 0px
}
PunBB:
Código:
#newsareal1 a.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
text-decoration: none !important;
}
#newsareal1 a.topictitle:hover {
background-color: #D8DEDE;
color: #708090 !important;
text-shadow: #fff 1px 1px 0px
}
Invision:
Código:
#newsareal1 a.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
text-decoration: none !important;
}
#newsareal1 a.topictitle:hover {
background-color: #D8DEDE;
color: #708090 !important;
text-shadow: #fff 1px 1px 0px
}

Resultado:
Tópicos mais recente de uma determinada Categoria 1qzVz58

https://beststyle.forumeiros.com

Sliw

Sliw
Administrador
Tutorial Aceito

https://beststyle.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos