Cerrar Ventana

Algunas cookies de este sitio son esenciales, y el sitio no funcionará como se espera sin ellas. Estas cookies se establecen en el momento de enviar un formulario, inicie sesión o interactuar con el sitio realizando una acción que va más allá de hacer clic en un simple enlace.


Leer Más

Somos un foro de soporte en español que no tiene publicidad y tiene muchas cosas gratuitas aportadas por la comunidad, contribuye con el foro para poder así obtener alguna membresía de manera gratuita.
SoporteMyBB tiene un total de
1124 temas de soporte.
0 quedan aún por resolver, 244 han quedado obsoletos y 880 han sido resueltos.
Aún no tienes una cuenta, regístrate es gratis.

Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] Diferentes colores para los thead
 Brown
Usuario del Foro

Estado: Sin conexión Registrados
18
361
107
El Salvador
0
1
106
159
27 May 2014, 07:10
#1
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:

<td class="thead" colspan="5">

y la remplazas por:

<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:

#forum_cat_1 {background:#A90B0B;}

Aquí editas el "1" por el ID de tu categoría

Ejemplos con imágenes:

[Imagen: fid110.png]
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

[Imagen: css10.png]
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:
[Imagen: fid210.png]
Registrate o inicia tu sesión para ver este contenido
En este caso el ID de la categoría "zzz" es 3

[Imagen: css210.png]
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í:

[Imagen: previe15.png]
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:
{background:#A90B0B;}
=Rojo oscuro
{background:#168B24;}
= Verde

Nota: También en vez de colores le podrás añadir imagen al Thead, por ejemplo,
En vez de:
#forum_cat_1 {background:#A90B0B;}

Colocas:

#forum_cat_1 url (images/nombredelaimagen.png)


Saludos
Última modificación: 27 May 2014, 07:13 por Brown.
 
 calamar
Usuarios
calamar
Estado:
 
0
0
0
0
27 May 2014, 13:23
#2
0
Manual bien trabajado @ Brown a muchos incluyéndome nos ayudará a tunear nuestro foro .
+ Rep
Saludos .
 
 Brown
Usuario del Foro

Estado: Sin conexión Registrados
18
361
107
El Salvador
0
1
106
159
27 May 2014, 13:58
#3
0
Gracias por tú comentario @Calamar pues ese es el objetivo del tutorial, dejar más decorado tú foro, aunque te recomiendo que uses las imágenes en vez de los colores, ya que así se mira más elegante
 
 Joseahfer
Usuario del Foro

Estado: Sin conexión Registrados
42
767
272
Spain
0
0
271
96
27 May 2014, 15:44
#4
0
Gracias, Brown.
Yo en mi foro hace tiempo que hice algo parecido, pero en vez de colores, imágenes. (:
 
 Brown
Usuario del Foro

Estado: Sin conexión Registrados
18
361
107
El Salvador
0
1
106
159
27 May 2014, 17:33
#5
0
(27 May 2014, 15:44 )Joseahfer escribió: Registrate o inicia tu sesión para ver este contenidoGracias, Brown.
Yo en mi foro hace tiempo que hice algo parecido, pero en vez de colores, imágenes. (:

De nada Sonrisa a mi me gusta mas con imágenes, pero es cuestión de gustos jeje ^^
 


Posibles temas similares…
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Banderas en movimiento .gif Joseahfer 20 13,104 6 January 2018, 09:39
Último mensaje: mario
  [Tutorial] Página de error 404 Joseahfer 15 5,719 22 July 2016, 15:04
Último mensaje: Whiteneo
  [Tutorial] Colorpicker Agrega colores a tus temas con jQuery, Whiteneo 14 4,011 18 September 2014, 03:15
Último mensaje: Whiteneo
  [Tutorial] Tooltips animados con css3 Brown 2 1,493 23 May 2014, 05:26
Último mensaje: Brown
  [Tutorial] Montar un foro Localhost con EasyPHP Brown 16 3,603 19 May 2014, 23:29
Último mensaje: Whiteneo
  [Tutorial] Poner sombras a los enlaces calamar 5 1,517 19 May 2014, 23:16
Último mensaje: Whiteneo
Información [Tutorial]Añadir una nueva pestaña al header Brown 3 1,719 18 May 2014, 02:07
Último mensaje: Whiteneo
Información [TUTORIAL] Añadir Font Awesome a tu Foro Jean Pierre 6 3,317 12 May 2014, 22:46
Último mensaje: storm
Gran sonrisa [TUTORIAL] Script de Mensajes Aleatorios Jean Pierre 10 3,076 9 April 2014, 23:28
Último mensaje: DarkEternity
  [Tutorial] Avatar online offline away calamar 0 932 7 March 2014, 13:08
Último mensaje: calamar



Usuarios navegando en este tema: 1 invitado(s)