Listado de temas, muy separados uno de otro.

IMAGEN:

Athenea escribió:¡Holi!  

La separación entre los temas la puedes hacer reduciendo el padding que está en 20 a 10, y por lo que veo los títulos de los temas también te han quedado muy separados porque la paginación, es decir, el número de las páginas de cada tema no lo colocaste dentro de la tabla del titulo sino fuera de él. Espero que me hayas entendido, sólo tienes que mover en el template el code de la páginación y colocarla dentro de la tabla. Espero que puedas resolverlo, en caso de que no puedas, pues vuelve a comentar en el tema y te lo ejemplifico. 


¡Saludos! 

Código:

<table><tbody><tr>
<td><div class="temitas1"></div></td>
<td><div class="temitas2"></div></td>
<td><div class="temitas3"></div></td>
<td><div class="temitas4"></div></td>
</tr></tbody></table>

Código:

<table><tbody><tr>
<td>TU CODIGO AQUI</td>
<td><!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree --></td>
<td>TU CODIGO AQUI</td>
<td>TU CODIGO AQUI</td>
</tr></tbody></table>

Código:

<table><tbody><tr>
<td><div class="temitas1"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
<br />
<span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
</div></td>

<td>EL RESTO DE TU CODIGO AQUI</td>
<td>EL RESTO DE TU CODIGO AQUI</td>
</tr></tbody></table>

Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
      {
         alert('MAIN');

         var all_checked = true;

         for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
         {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
               all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
         }

         document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
      {
         alert('ALL');

         for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
         {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
               document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
         }
      }

      </script>
   <!-- END multi_selection -->

   <div class="forumbg announcement">
      <div class="inner"><span class="corners-top"><span></span></span>
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <dt>
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.L_TITLE}
               </dt>
               <dd class="posts">{topics_list_box.row.L_REPLIES}</dd>
               <dd class="views">{topics_list_box.row.L_VIEWS}</dd>
               <dd class="lastpost"><span>{topics_list_box.row.L_LASTPOST}</span></dd>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

   <!-- BEGIN table_sticky -->
         </ul>
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <div class="forumbg">
      <div class="inner"><span class="corners-top"><span></span></span>
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <!--<dd class="dterm">-->
               <dd class="dterm" style="padding-left:0;">
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.topic.table_sticky.L_TITLE}
               </dd>
               <dd class="posts" style="padding-left:45px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>
               <!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->
               <dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd>
               <dd class="lastpost"><span>{topics_list_box.row.topic.table_sticky.L_LASTPOST}</span></dd>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none">
   <!-- END table_sticky -->

      <li class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
         <dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');">
            <dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>

            <table><tbody><tr>

               <td><div class="temitas2">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
{topics_list_box.row.NEWEST_POST_IMG}
               {topics_list_box.row.PARTICIPATE_POST_IMG}
               {topics_list_box.row.TOPIC_TYPE}
               <span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></div></td>
               
               <td><div class="temitas3">
               <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree --> <br />
               {topics_list_box.row.REPLIES} mensajes <br />
               {topics_list_box.row.VIEWS} vistas
               </div></td>

               <td><div class="temitas4">
               <dd class="lastpost">
               <span>{topics_list_box.row.LAST_POST_AUTHOR}&nbsp;<dfn>{L_LASTPOST}</dfn>
               {topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}
               <dd>
               </div></td>
            </tr></tbody></table>



               <!-- BEGIN single_selection -->
                  <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
               <!-- END single_selection -->
               
               <div class="topic-title-container"><h2 class="topic-title hierarchy"></h2></div>
               <!-- BEGIN switch_description -->
               <br />
               {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
               <!-- END switch_description -->
               <br />
               {topics_list_box.row.GOTO_PAGE_NEW}

                    <!-- BEGIN avatar -->
                    <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                    <div style="float:left;">
                    <!-- END avatar -->

                    <!-- BEGIN avatar -->
                    </div>
                    <!-- END avatar -->
            </dd>
            <!-- BEGIN multi_selection -->
               <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
            <!-- END multi_selection -->
         </dl>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
   <dl>
      <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
   </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Roshio escribió:Hola Hanna, bueno revise el codigo que dejaste y ya esta bien asi, pero dices que aun no se te acomoda? Volvi a entrar a tu foro pero no me aparece el codigo nuevo que editaste, aun no guardas los cambios del template?

Roshio escribió:Ah ya veo, bueno entonces si porfavor, podrias poner ese codigo que dejaste aqui en el template? Asi podremos ver si cambia y se acomoda todo, sino ya podremos corregirlo en base a ello

Código:

ul.topiclist.topics dl.icon {
    background-position: 15px 40px;
    background-repeat: no-repeat;
    height: auto;
    margin-top: 20px;
    min-height: 35px;
    max-height: 80px;
}

ul.topics dd.dterm, ul.topics dt {
    display: block;
    float: left;
    font-family: montserrat;
    padding-left: 45px;
    width: 50%;
    height: 80px;
}

Roshio escribió:Hola Hanna! Revise tu codigo desde el inspector y el cosito de las paginas no estaba dentro de la tabla, sino fuera y solo parece que las moviste con CSS y un margin-top:-50px,  muy probablemente sea que el código este chocando con el CSS default de esa parte con el que editaste, pero bueno solucionémoslo de esta forma, solo necesitas poner esto en tu CSS:

Código:

ul.topiclist.topics dl.icon {
    background-position: 15px 40px;
    background-repeat: no-repeat;
    height: auto;
    margin-top: 20px;
    min-height: 35px;
    max-height: 80px;
}

ul.topics dd.dterm, ul.topics dt {
    display: block;
    float: left;
    font-family: montserrat;
    padding-left: 45px;
    width: 50%;
    height: 80px;
}

Pruebalo y me dices si se alineo!