Best Style

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

Tópicos mais recente de uma determinada Categoria

Ir em baixo  Mensagem [Página 1 de 1]

Sliw

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

Ver perfil do usuário http://beststyle.forumeiros.com

Sliw

avatar
Administrador
Tutorial Aceito

Ver perfil do usuário http://beststyle.forumeiros.com

Voltar ao Topo  Mensagem [Página 1 de 1]

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