Compartilhe
Ir em baixo
avatar
Administrador
Mensagens : 441
Pontos : 12411
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Tópicos mais recente de uma determinada Categoria

em 20.12.15 11:41
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:
avatar
Administrador
Mensagens : 441
Pontos : 12411
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Re: Tópicos mais recente de uma determinada Categoria

em 20.12.15 11:44
Tutorial Aceito
Voltar ao Topo
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum