27 May 2014, 07:10
2
Con este tutorial aprenderás a cambiarle el color a los Thead, mejor conocidas como categorías, es un tutorial sencillo y fácil de seguir
Paso 1:
Primero te vas a editar el código HTML
Plantillas>Tu theme> Caja del foro> forumbit_depth1_cat.
Y buscas la siguiente linea:
y la remplazas por:
Con estos le asignas un ID a cada encabezado de la categoría, cada categoría tiene su propio ID, para buscarlo solo es cuestión de ir hasta "Foros y Mensajes", seleccionas una categoría y en la parte de la dirección de tu navegador, al final te aparece la ID (mas adelante lo muestro con imágenes)
Ahora nos vamos al CSS
En la plantilla global de tu theme, agregas el siguiente código:
Aquí editas el "1" por el ID de tu categoría
Ejemplos con imágenes:
Registrate o inicia tu sesión para ver este contenido
Buscas el ID de tu categoría, en este caso el ID de "Mi categoría" es 1
Registrate o inicia tu sesión para ver este contenido
Y pegas el código en el CSS, dependiendo del ID de tu categoría, en mi caso como el ID de mi categoría es 1, coloco cat_1
Ejemplo 2:
Registrate o inicia tu sesión para ver este contenido
En este caso el ID de la categoría "zzz" es 3
Registrate o inicia tu sesión para ver este contenido
Entonces coloco el código en el CSS, pero con el ID 3 de mi categoría
Si has hecho los pasos correctamente obtendrás un resultado así:
Registrate o inicia tu sesión para ver este contenido
Registrate o inicia tu sesión para ver este contenido
Con esta pagina podrás escoger el color que tu le quieras dar a tu categoría y colocarlo en el código
Por ejemplo en vez de:
=Rojo oscuro
= Verde
Nota: También en vez de colores le podrás añadir imagen al Thead, por ejemplo,
En vez de:
Colocas:
Saludos
Paso 1:
Primero te vas a editar el código HTML
Plantillas>Tu theme> Caja del foro> forumbit_depth1_cat.
Y buscas la siguiente linea:
Código: ( Seleccionar Todo )
<td class="thead" colspan="5">
y la remplazas por:
Código: ( Seleccionar Todo )
<td class="thead" colspan="6" id="forum_cat_{$forum['fid']}">
Con estos le asignas un ID a cada encabezado de la categoría, cada categoría tiene su propio ID, para buscarlo solo es cuestión de ir hasta "Foros y Mensajes", seleccionas una categoría y en la parte de la dirección de tu navegador, al final te aparece la ID (mas adelante lo muestro con imágenes)
Ahora nos vamos al CSS
En la plantilla global de tu theme, agregas el siguiente código:
Código: ( Seleccionar Todo )
#forum_cat_1 {background:#A90B0B;}
Aquí editas el "1" por el ID de tu categoría
Ejemplos con imágenes:
Registrate o inicia tu sesión para ver este contenido
Buscas el ID de tu categoría, en este caso el ID de "Mi categoría" es 1
Registrate o inicia tu sesión para ver este contenido
Y pegas el código en el CSS, dependiendo del ID de tu categoría, en mi caso como el ID de mi categoría es 1, coloco cat_1
Ejemplo 2:
Registrate o inicia tu sesión para ver este contenido
En este caso el ID de la categoría "zzz" es 3
Registrate o inicia tu sesión para ver este contenido
Entonces coloco el código en el CSS, pero con el ID 3 de mi categoría
Si has hecho los pasos correctamente obtendrás un resultado así:
Registrate o inicia tu sesión para ver este contenido
Registrate o inicia tu sesión para ver este contenido
Con esta pagina podrás escoger el color que tu le quieras dar a tu categoría y colocarlo en el código
Por ejemplo en vez de:
Código: ( Seleccionar Todo )
{background:#A90B0B;}
Código: ( Seleccionar Todo )
{background:#168B24;}
Nota: También en vez de colores le podrás añadir imagen al Thead, por ejemplo,
En vez de:
Código: ( Seleccionar Todo )
#forum_cat_1 {background:#A90B0B;}
Colocas:
Código: ( Seleccionar Todo )
#forum_cat_1 url (images/nombredelaimagen.png)
Saludos
Última modificación: 27 May 2014, 07:13 por Brown.