Espaçamento widget portal

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Espaçamento widget portal

Mensagem por Pozz em 05/03/14, 07:30 am

Qual é minha questão:


Percebam que o widget de novidades não está alinhado com os demais widgets laterais. Gostaria que ele ficasse na mesma linha horizontal do widget parceiros e que quando clica-se em leitura completa ele encaminha-se para o tópico e não mostrá-la no próprio portal.

Endereço do meu fórum:
http://boxpsd.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Pozz em 05/03/14, 06:54 pm, editado 1 vez(es)

Pozz
Nível 4

Masculino
Inscrito dia : 04/03/2014
Mensagens : 29
Pontos Ativos : 63

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

Resolvido Re: Espaçamento widget portal

Mensagem por Alex Habilidade em 05/03/14, 10:26 am

Olá bom dia,

Adicione em sua folha CSS:
Código:

.module {
margin-top: -235px;
overflow: none !important;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Espaçamento widget portal

Mensagem por Pozz em 05/03/14, 01:24 pm

Não resultou. Sumiu tudo do campo novidade.

Pozz
Nível 4

Masculino
Inscrito dia : 04/03/2014
Mensagens : 29
Pontos Ativos : 63

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

Resolvido Re: Espaçamento widget portal

Mensagem por Troubleshoot em 05/03/14, 01:41 pm

Olá!
Primeiramente, adicione este código em sua folha de estilo CSS:
Código:
.module p.author {
background-color: #202020;
border-bottom: 1px solid #696969;
font-size: .9em;
padding: .25em;
}

Em seguida, vá em P.Controle -> Visualização -> Templates -> Portal ->  mod_news -> Clique em Editar 
Troque o código por este:
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="alinharmodnews"><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">{post_row.TIME} {BY} <strong>{post_row.POSTER}</strong></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 href="{post_row.U_VIEW_COMMENTS}">{L_COMMENTS}</a>: {post_row.REPLIES}</p>
      </div>
   </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 -->

Feito, vá novamente em sua folha de estilo CSS e adicione o código
Código:
.alinharmodnews {
margin-top: -5px;
overflow: hidden;
}
Edite em "-5px" até ficar de acordo com o fórum.

Resulta?

Cordialmente,
Engine404
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2193
Pontos Ativos : 2934

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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