[Duda] Resuelto | Visualizar imagen de la leyenda en los temas

Mar Sep 22, 2020 12:04 pm

¡Hola! Muy buenas a todos, tengo una duda respecto a las imágenes de leyendas del foro. Edite el template topics_list_box y todo bien excepto que las imágenes no se visualizan en el primer recuadro y solo sale el nombre según la leyenda. Para explicarme mejor dejo una captura:

Spoiler:

Spoiler:

Lo que quiero es que las imágenes se visualicen según los temas "nuevos mensajes", "nota", "anuncio" etc. Como pueden ver en la primera imagen solo aparece la palabra "nota" sin su respectiva imagen y cuando los temas no tienen ningún dato en específico no aparece nada ni siquiera la imagen de "No hay mensajes nuevos" que debería aparecer. Espero haberme explicado.

Quedo atenta y gracias de anticipación!

Mar Sep 22, 2020 4:37 pm

¡Hola, Farah! [Duda] Resuelto | Visualizar imagen de la leyenda en los temas 2761925904

Por aquí te dejo el tutorial de como editar la lista de temas en el template.
https://dixinmortal.catsboard.com/t8446-tutorial-editar-listado-de-temas-en-template-skin#116821

En el template la parte que dice dl class="icon" es el que corresponde a estos iconitos que marcan si un mensaje es nuevo, respondido, popular o cerrado.

Y en el tutorial aparece fuera de la tabla, aunque también se podría acomodar en el interior, pero según el tuto debería verse asi:

[Duda] Resuelto | Visualizar imagen de la leyenda en los temas Screenshot_3

[Duda] Resuelto | Visualizar imagen de la leyenda en los temas Screenshot_3

Mar Sep 22, 2020 6:32 pm

Hola Roshio, gracias por responder.

Justamente seguí ese tutorial, aunque le hice algunas modificaciones y creo que había puesto mal ese código, ahora lo puse otra vez y conseguí que se vea como quiero pero la imagen sale entre cortada.

imagen:

En esa parte, en el template, lo tengo así

Gracias por la ayuda <3

Dom Sep 27, 2020 3:40 pm

Si ya sale la imagen ahora solo tienes que moverla con CSS y acomodarla, el dl class=icon es un elemento de foroactivo que usa una imagen como background no tanto un icono, entonces tienes que usar el background-position: 40px 40px (ejemplo) para mover la imagen dentro del espacio determinado del tamaño del dl class=icon, por ejemplo, si el tamaño es width:100px pero la imagen es mas grande va a salir cortada, entonces tienes que arreglar el tamaño de la imagen con background-size:10% (ejemplo).

Dime si pudiste conseguirlo [Duda] Resuelto | Visualizar imagen de la leyenda en los temas 263a

[Duda] Resuelto | Visualizar imagen de la leyenda en los temas 263a

[Duda] Resuelto | Visualizar imagen de la leyenda en los temas 1f49c

Si no puedes, pasame el link de tu foro y lo reviso.

Dom Sep 27, 2020 7:40 pm

Gracias Roshio! lo conseguí no se me había ocurrido modificarlo con css, ya que lo modificaba directamente del template pero no me funcionaba. Muchas gracias por la ayuda (:

Miér Oct 07, 2020 10:16 am

Hola, siento el doble post pero me acabo de dar cuenta que el titulo de las categorías se deforma al poner editar los iconos. No se en que topara, dejo captura

Spoiler:

El codigo css lo deje asi:

Mi foro es este:

Miér Oct 07, 2020 3:02 pm

¡Hola Farah!

Te recomiendo ser muy muy muy especifica con las etiquetas de los elementos de CSS que estas modificando, ya que en varias partes del foro se utilizan las mismas, es decir tienen el mismo nombre, entonces al modificar una, por ejemplo, en la pagina de inicio, cuando entres a los temas se va a ver diferente.

En lugar de ponerlo así:

Código:: .icon { width: 43px; height: 43px; margin-left: -11px; margin-top: -4px; background-size: 80%; background-position: 30px 30px; }

Tienes que ser más específica de qué parte del foro quieres modificar, para eso ubica los elementos contenedores donde está la etiqueta que quieres modificar, por ejemplo:

Código:: ul.topiclist.forums li.row dl.icon { blablabla tu codigo }

Si te fijas hay varios elementos que usan la etiqueta .icon por lo que es importante especificar a cual icon te refieres.

[Duda] Resuelto | Visualizar imagen de la leyenda en los temas Whatsa10

Elementos

Dragon Ball

Pronto

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Duda] Resuelto | Visualizar imagen de la leyenda en los temas