[Duda] Resuelto | Se desconfigura el listado de temas

Sáb Mar 14, 2020 4:32 pm

Hola, que tal.

Vengo con otro problemilla, resulta que seguí el tuto de Roshio para cambiar el aspecto del listado de temas dentro de un foro y en un comienzo me resulto todo perfecto, pero estuve cambiando el tipo de fuente y no se si toque algún código o que, pero al ver los temas me di cuenta que quedo desconfigurado. Volví a copiar y pegar los códigos originales creyendo que se iba a solucionar y no paso nada, sigue igual. De nomento no he tocado nada y tengo tal cual los códigos del tutorial.

Dejo captura de pantalla

Spoiler:

También dejo los códigos que tengo:

Código:: /* LISTADO DE TEMAS DENTRO DE UN FORO */ /* Columna 1 */ .temitas1 { width: 30px; border: 1px solid #ddd; height: 30px; padding: 20px; } /* Columna 2 */ .temitas2 { height: 30px; padding: 20px; width: 500px; border: 1px solid #ddd; } .temitas2 a.topictitle { font-family: montserrat; font-size: 15px; display: block; } /* Columna 3 */ .temitas3 { width: 70px; height: 30px; padding: 20px; border: 1px solid #ddd; text-align: center; font-size: 9px; text-transform: uppercase; } /* Columna 4 */ .temitas4 { height: 30px; padding: 20px; width: 220px; border: 1px solid #ddd; } .temitas4 .lastpost { width: 200px; font-size: 10px; }

Código:: <li class="row {topics_list_box.row.ROW_ALT_CLASS}" style="margin-top:5px;" > <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="temitas1"> {topics_list_box.row.NEWEST_POST_IMG} {topics_list_box.row.PARTICIPATE_POST_IMG} {topics_list_box.row.TOPIC_TYPE} </div></td> <td><div class="temitas2"> <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> <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"> {topics_list_box.row.TOPIC_NAV_TREE_NEW} <br /> {topics_list_box.row.REPLIES} respuestas <br/> {topics_list_box.row.VIEWS} visitas </div></td> <td><div class="temitas4"> <dd class="lastpost"> <span>{topics_list_box.row.LAST_POST_AUTHOR} <dfn>{L_LASTPOST}</dfn> {topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span> </div></td> </tr></tbody></table>  <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />  </dd>

Agradecería mucho si alguien me pudiese ayudar!

Mar Mar 17, 2020 5:15 pm

Hola, Farah. Eso aparece así porque no se guardaron:
1) los cambios en el template o 2) el Css en el foro y por eso no aparecen.

Te recomiendo revisar que tengas todo, y que no estes viendo el template sin haberlo guardado (osea en vista previa y por eso no te salgan los cambios)
[Duda] Resuelto | Se desconfigura el listado de temas 1f623

[Duda] Resuelto | Se desconfigura el listado de temas 1f623

Miér Mar 18, 2020 7:25 pm

Gracias por responder Roshio <3 . Ya lo solucione, sin embargo, me aparece otro pequeñito problema; el nombre de usuario no lo puedo centrar para que quede a la par con la información del día y hora del post x.x

Adjunto captura:

Spoiler:

¡Gracias!

Jue Mar 19, 2020 4:53 am

¡Hola Farah! A mí me sucedió algo parecido en su momento, en mi caso lo solucioné fácilmente añadiendo un text-align center;, así tal vez se solucione :

Código:: .temitas4 { height: 30px; padding: 20px; width: 220px; border: 1px solid #ddd; text-align: center; }

o si esa no sirve prueba poniéndolo en:

Código:: .temitas4 .lastpost { width: 200px; font-size: 10px; text-align: center; }

Jue Mar 19, 2020 12:19 pm

Hola, Red! gracias por tu interés, he puesto el text-align center; en ambos y aun así no cambia nada T.T

Jue Mar 19, 2020 5:07 pm

¡Hola, Farah!
¿Podrías dejar por favor el link de tu foro para ver directamente como podriamos arreglarlo porfis?

Jue Mar 19, 2020 5:57 pm

Aquí esta lo dejo en hide

Sáb Mar 21, 2020 6:12 am

¡Hola de nuevo Farah! Yo no soy una experta, seguro que en cuanto tenga tiempo Roshio te da una solución muchísimo mejor, en mi caso tras estar un rato probando, la manera que he encontrado para lograr centrar el nombre de usuario es poner otro div y mover el nickname con un margin, rollo así:

Código:: <div class="temitas4c"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div>

Código:: .temitas4c { margin-left: 40px; }

Pero, ya digo, lo más probable es que aya una solución mucho mejor =/

Sáb Mar 21, 2020 7:41 pm

Hola, Red! Lo intente como me dijiste y aun así no se mueve nada, no se que pasa >.<

Lun Mar 23, 2020 12:09 pm

Hola!! Disculpa la demora!

No pude centrarlo tal cual pero con mover esto un poco se "centra" más o menos el titulo, pasa que como está con display:block se acomoda raro.

Código:: dd.lastpost span.color-groups { float: left; padding-left: 26px; <-------------- Este lo tenias en 0 }

Prueba con ir moviendolo en el inspector de elementos de chrome para que veas que tan "centrado" lo quieres [Duda] Resuelto | Se desconfigura el listado de temas 1f60a

[Duda] Resuelto | Se desconfigura el listado de temas 1f60a

Elementos

Dragon Ball

Pronto

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Duda] Resuelto | Se desconfigura el listado de temas