Últimos temas
02. Libro de firmasSáb Dic 15, 2018 12:30 amcellet
NEOARGHIA +18 (ÉLITE)Miér Dic 05, 2018 6:07 pmRoshio
[Duda] Resuelto | Eliminar fondo Miér Nov 21, 2018 7:35 pmangiee
[Duda] El css se pierde.Vie Oct 19, 2018 8:57 pmangiee
élite + brothersites
vududoll ➹ reviews

Comparte
Ver el tema anteriorIr abajoVer el tema siguiente
avatar
user nuevo
el Dom Abr 08, 2018 1:27 am
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


Hola, lamento no poner un titulo más especifico, pero esto es lo que sucede:

Utilicé ESTE tutorial para editar mi listado de temas, y todo salió de maravilla, solo que tengo una duda. ¿Existirá alguna manera de que mis temas no se vean tan separados uno de otro? Ya que mi listado queda muy largo por la separación que existe entre uno y otro. Dejo una imagen para que se den una idea.

IMAGEN:

La dirección del foro es ESTA

De antemano muchísimas gracias.
Ver perfil de usuario
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


avatar
sub-moderador
el Dom Abr 08, 2018 3:12 am
Mensajes :
236


Blood :
43387


Frase :
________________________


Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.

________________________




¡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! 








Ver perfil de usuario
Mensajes :
236


Blood :
43387


Frase :
________________________


Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.

________________________




avatar
user nuevo
el Lun Abr 16, 2018 2:01 pm
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


@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! 

Hola, muchas gracias por responder a mi problema, de template no sé mucho y me cuesta un poquito entenderlo, no podrías ejemplificarlo un poco si no es mucho rollo? Te lo agradecería de todo corazón.
Ver perfil de usuario
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


avatar
webmaster
el Lun Abr 16, 2018 4:08 pm
Mensajes :
1985


Blood :
589808


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



Hola Hanna!
Viendo solo la imagen de captura de pantalla que dejaste, no sé si el paginado del tema lo hayas colocado debajo de la tabla o se haya bajado ahi y sea lo que te este generando todo ese espacio entre ambas lineas de tema.



Y viendo el código de tu foro desde el inspector de elementos de Chrome, me doy cuenta que efectivamente lo dejaste fuera de la tabla y por eso aparece debajo.



En el tutorial de como editar esta zona, tenemos que en la tabla para alinear el listado de temas colocamos 4 columnas:
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>

Y en el código que tienes tu solo tienes 3. Te faltaría colocar 1 más y que te quede de la siguiente forma:
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>

O bien si no quieres tener 4 columnas puedes agregarlo en la primer columna donde tienes el titulo de tu tema y el autor:
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>

Ojo en el codigo anterior, tu tienes que reemplazarlo con el que tienes en tu template, porque aqui solo puse un ejemplo que no está completo y si copias y pegas este, podria borrarse lo que ya habias hecho.

¡Espero que te pudiera ayudar!  










Ver perfil de usuario
Mensajes :
1985


Blood :
589808


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



avatar
user nuevo
el Miér Abr 18, 2018 11:46 pm
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


Hola Roshio, gracias por responder, pero siento que no entiendo. Veo el código y... ahí está. Te lo dejo para que veas el desastre que hice, quité el Temita 1, por que no quiero las cuatro.

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 -->
Ver perfil de usuario
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


avatar
webmaster
el Jue Abr 19, 2018 2:19 am
Mensajes :
1985


Blood :
589808


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



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? nyann










Ver perfil de usuario
Mensajes :
1985


Blood :
589808


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



avatar
user nuevo
el Jue Abr 19, 2018 1:41 pm
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


@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? nyann

En realidad... no le cambié nada, solo lo copié y lo pegué aquí. Por que estaba viendo que según todo lo que me dijiste está tal cual, y decidí no mover nada, por si llegaba a eliminar algo, así que lo dejé tal cual estaba, solo copie y pegué aquí.
Ver perfil de usuario
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


avatar
webmaster
el Jue Abr 19, 2018 3:24 pm
Mensajes :
1985


Blood :
589808


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



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










Ver perfil de usuario
Mensajes :
1985


Blood :
589808


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



avatar
user nuevo
el Jue Abr 19, 2018 4:52 pm
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


@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

Listo, ahí está. Y se sigue viendo tal cual.

Soy mala en esto.
Ver perfil de usuario
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


avatar
webmaster
el Mar Abr 24, 2018 2:55 pm
Mensajes :
1985


Blood :
589808


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



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!










Ver perfil de usuario
Mensajes :
1985


Blood :
589808


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



avatar
user nuevo
el Dom Abr 29, 2018 11:55 pm
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


@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!


Hola Roshio lamento la demora, puse tu código y me descuadró todo. Mejor lo quité así como el que puse para arreglar según lo de la paginación dentro del cuadro, por que en unos temas si funciona y en otros no. Lo dejé como lo tenía al principio, creo que si tendré que moverlo en el template, pero tengo miedo de mover algo que no deba.
Ver perfil de usuario
Mensajes :
45


Blood :
10012


Frase :
El futuro pertenece a quienes creen en la belleza de los sueños.


Contenido patrocinado
Ver el tema anteriorVolver arribaVer el tema siguiente
Permisos de este foro:
No puedes responder a temas en este foro.