Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por YoshiGM Hoy a las 11:46 am

[recursos] Pack Rangos
por elvinson Vie Ene 19, 2018 6:05 pm

[aviso] Bugs: cambios en el foro
por YoshiGM Jue Ene 18, 2018 8:00 pm

[Pedido] Rangos para el Staff
por YoshiGM Jue Ene 18, 2018 2:11 pm

Página 1 de 2. 1, 2  Siguiente

[javascript] Fondo diferente en los títulos de Categorías
Tema iniciado por y Añadir a favoritos

[codebox]Este es un truco que les permite poner un color de fondo diferente a los titulos de las categorias. Puede ser util para resaltar por ejemplo ciertas categorias especiales o como gusten-[/codebox]

[hidecode]
Código:
$(function() {
$("li.header:eq(0)").css("background-color","COLOR DE FONDO 1");
$("li.header:eq(1)").css("background-color","COLOR DE FONDO 2");
});
[/hidecode]

Hay que saber editar bien para que funcione.

eq(0): Este es un valor consecutivo dependiendo del orden de la categoría. En este caso siendo la primera, ponemos valor de "0", para el siguiente 1, 2,3,etc.

Si juegan un poco con los valores pueden conseguir algo parecido a esto:

YoshiGM
avatar

¿Que estoy pensando? :

1000 mensajes en OpenSource :D [table class=fecha_up][td]Se modifico:2/01/18 - 21:40 hrs. [/td][/table]


Banner en temas :

http://i19.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1033


Puntos :

1381


Me gusta :

194


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.yoshifansclub.net

Volver arriba Ir abajo

Buen code "@YoshiGM" ¿también se pueden poner imágenes en las diferentes categorías, o sólo cambiar el color?
Gotilon
avatar

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

563


Puntos :

662


Me gusta :

67


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Claro que puedes, en vez de poner en el JS background-color, pon background-image y supongo en la segunda parte pones el link del fondo..
YoshiGM
avatar

¿Que estoy pensando? :

1000 mensajes en OpenSource :D [table class=fecha_up][td]Se modifico:2/01/18 - 21:40 hrs. [/td][/table]


Banner en temas :

http://i19.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1033


Puntos :

1381


Me gusta :

194


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.yoshifansclub.net

Volver arriba Ir abajo

Ummm vale, gracias, lo probare a ver si funciona y te confirmo
Gotilon
avatar

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

563


Puntos :

662


Me gusta :

67


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

En dado caso que no funcione, lo investigo o que te diga Chalo como hacerlo
YoshiGM
avatar

¿Que estoy pensando? :

1000 mensajes en OpenSource :D [table class=fecha_up][td]Se modifico:2/01/18 - 21:40 hrs. [/td][/table]


Banner en temas :

http://i19.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1033


Puntos :

1381


Me gusta :

194


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.yoshifansclub.net

Volver arriba Ir abajo

Ya lo probé y funciona con el color, pero cambie ''color'' por ''image'' puse el link pero no tiene ningún efecto, no sé si publicarlo en el soporte o no
Gotilon
avatar

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

563


Puntos :

662


Me gusta :

67


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Dejame investigo y te digo la solucion en un momento
YoshiGM
avatar

¿Que estoy pensando? :

1000 mensajes en OpenSource :D [table class=fecha_up][td]Se modifico:2/01/18 - 21:40 hrs. [/td][/table]


Banner en temas :

http://i19.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1033


Puntos :

1381


Me gusta :

194


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.yoshifansclub.net

Volver arriba Ir abajo

Ya encontré rapido la firma @Gotilon
Ponlo de esta Forma:

Código:
$("li.header:eq(0)").css("background-image","url(LINK DEL FONDO AQUI");
YoshiGM
avatar

¿Que estoy pensando? :

1000 mensajes en OpenSource :D [table class=fecha_up][td]Se modifico:2/01/18 - 21:40 hrs. [/td][/table]


Banner en temas :

http://i19.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1033


Puntos :

1381


Me gusta :

194


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.yoshifansclub.net

Volver arriba Ir abajo

Muchas gracias @YoshiGM ya me funciono
Gotilon
avatar

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

563


Puntos :

662


Me gusta :

67


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Un placer servirte compadre
YoshiGM
avatar

¿Que estoy pensando? :

1000 mensajes en OpenSource :D [table class=fecha_up][td]Se modifico:2/01/18 - 21:40 hrs. [/td][/table]


Banner en temas :

http://i19.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1033


Puntos :

1381


Me gusta :

194


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.yoshifansclub.net

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.