![[TUTORIAL] Novo Estilo nas Novidades do Portal Empty](https://2img.net/i/empty.gif)
![[TUTORIAL] Novo Estilo nas Novidades do Portal Liinggm](https://i.imgur.com/Liinggm.png)
Novo Estilo nas Novidades do Portal
Este efeito vai permitir modificar o estilo de novidades no seu portal para melhor visualização do conteúdo.
--> Versão <--
PunBB & Phpbb2
PunBB & Phpbb2
1º) Template:
Para adicionar o código dirija-se a Painel de Controlo » Visualização » Templates » Portal » mod_news substitui tudo pelo código:
Código:
<!-- BEGIN post_row -->
<!-- BEGIN saut -->
<div style="height:2px"></div>
<!-- END saut -->
<div class="module main">
<a name="news_{post_row.ID}"></a>
<div class="module mod_news">
<div class="main-head" style="text-align:{LEFT};">{post_row.TITLE}</div>
<div class="main-content" style="padding:0;">
<p class="author"><span class="posteruser15">{BY} <strong>{post_row.POSTER}</strong></span> <span class="date"> em {post_row.TIME} </span></p>
<div class="body">
{post_row.TEXT}<br /><br />
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{post_row.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{post_row.switch_attachments.switch_post_attachments.U_IMG}" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{post_row.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{post_row.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({post_row.switch_attachments.switch_post_attachments.FILE_SIZE}) {post_row.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
{post_row.OPEN}<a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>{post_row.CLOSE}
</div>
<p class="comments"><a class="leiamais" href="{post_row.U_VIEW_COMMENTS}">Leia Mais</a>
<a href="{post_row.U_VIEW_COMMENTS}">{L_COMMENTS}</a>: {post_row.REPLIES}</p>
</div>
</div>
</div>
<!-- END post_row -->
<!-- BEGIN switch_image_resize -->
<script type="text/JavaScript">
//<![CDATA[
$(resize_images({ 'selector' : '.mod_news', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<style>
.module p.comments a.leiamais {
text-decoration: none !important;
float: right;
font-size: 11px;
font-weight: bold;
color: #363636;
text-shadow: #FFC20B 1px 1px 0;
width: 90px;
line-height: 20px;
text-indent: 20px;
background: url("http://i.imgur.com/KzpxV.png") no-repeat 0 0;
padding: 2px 10px 6px 5px;
margin-top: -5px;
}
.module p.comments a.leiamais:hover {
color: #424242;
text-shadow: #FFD00E 1px 1px 0;
background: url("http://i.imgur.com/KzpxV.png") no-repeat 0 -25px;
}
.module p.comments a {
background: #F1ECE3 url("http://i.imgur.com/NDarn.png") no-repeat 0px -17px;
height: 17px;
color: #00a4cd;
padding: 2px 0px 10px 22px;
}
.module p.comments {
background-color: #F1ECE3;
border-top: 2px solid #00a4cd;
padding-top: 0.8em;
font-size: 11px;
}
.posteruser15 {
padding-left: 20px;
background-image: url("http://i.imgur.com/kBmMA.png");
background-repeat: no-repeat;
margin-right: 10px;
}
.date {
background-image: url(http://i.imgur.com/7Er99.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
background-size: 15px 15px;
padding: 10px 10px 10px 15px;
}
</style>![[TUTORIAL] Novo Estilo nas Novidades do Portal 132](https://i.servimg.com/u/f58/18/07/03/67/132.png)
[infos=] Texto: SuporteDesign.net ; Imagem: SuporteDesign.net ; Código: Desconhecido[/infos]
