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:
E adicione o seguinte codigo de acordo com sua versão no fórum:Painel de Controle ☛ Visualização ☛ Imagens e Cores ☛ Cores ☛ Folha de Estilo
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: