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

SoporteMyBB Discord
 Descarga MyBB 1.8.21
SoporteMyBB tiene un total de 1092 temas de soporte. 9 quedan aún por resolver, 231 han quedado obsoletos y 852 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
Brown[Tutorial] Diferentes colores para los thead
 Brown
Usuario del Foro

Estado: Sin conexión Registrados
18
360
143
El Salvador
143
158
1
0
27 May 2014, 07:10
#1
3
Mejor respuesta del mensaje [Tutorial] Diferentes colores para los theadCon 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:

Debes agradecer para ver el contenido...

y la remplazas por:

Debes agradecer para ver el contenido...

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:

Debes agradecer para ver el contenido...

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

Ejemplos con imágenes:

Debes agradecer para ver el contenido...
http://i56.servimg.com/u/f56/16/86/22/49/fid110.png
Buscas el ID de tu categoría, en este caso el ID de "Mi categoría" es 1

Debes agradecer para ver el contenido...
http://i56.servimg.com/u/f56/16/86/22/49/css10.png
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:
Debes agradecer para ver el contenido...
http://i56.servimg.com/u/f56/16/86/22/49/fid210.png
En este caso el ID de la categoría "zzz" es 3

Debes agradecer para ver el contenido...
http://i56.servimg.com/u/f56/16/86/22/49/css210.png
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í:

Debes agradecer para ver el contenido...
http://i56.servimg.com/u/f56/16/86/22/49/previe15.png

http://html-color-codes.info/codigos-de-...decimales/
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:
Debes agradecer para ver el contenido...
=Rojo oscuro
Debes agradecer para ver el contenido...
= Verde

Nota: También en vez de colores le podrás añadir imagen al Thead, por ejemplo,
En vez de:
Debes agradecer para ver el contenido...

Colocas:

Debes agradecer para ver el contenido...


Saludos
Última modificación: 27 May 2014, 07:13 por Brown.
 
 calamar
Moderador

Estado: Sin conexión Moderadores
174
1,021
361
Spain
361
462
1
3
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
360
143
El Salvador
143
158
1
0
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
333
Spain
332
96
0
0
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
360
143
El Salvador
143
158
1
0
27 May 2014, 17:33
#5
0
(27 May 2014, 15:44 )Joseahfer escribió: Gracias, 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 10,620 6 January 2018, 09:39
Último mensaje: mario
  [Tutorial] Página de error 404 Joseahfer 15 4,316 22 July 2016, 15:04
Último mensaje: Whiteneo
  [Tutorial] Colorpicker Agrega colores a tus temas con jQuery, Whiteneo 14 3,124 18 September 2014, 03:15
Último mensaje: Whiteneo
  [Tutorial] Tooltips animados con css3 Brown 2 1,241 23 May 2014, 05:26
Último mensaje: Brown
  [Tutorial] Montar un foro Localhost con EasyPHP Brown 16 2,904 19 May 2014, 23:29
Último mensaje: Whiteneo
  [Tutorial] Poner sombras a los enlaces calamar 5 1,205 19 May 2014, 23:16
Último mensaje: Whiteneo
Información [Tutorial]Añadir una nueva pestaña al header Brown 3 1,457 18 May 2014, 02:07
Último mensaje: Whiteneo
Información [TUTORIAL] Añadir Font Awesome a tu Foro Jean Pierre 6 2,803 12 May 2014, 22:46
Último mensaje: storm
Gran sonrisa [TUTORIAL] Script de Mensajes Aleatorios Jean Pierre 10 2,401 9 April 2014, 23:28
Último mensaje: DarkEternity
  [Tutorial] Avatar online offline away calamar 0 753 7 March 2014, 13:08
Último mensaje: calamar



Usuarios navegando en este tema: 1 invitado(s)