Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Oct 15, 2018 8:24 am

[Revisado] Errores Yoshi Fans club
por YoshiGM Sáb Oct 13, 2018 12:36 pm

[CSS] Dar estilo a los rangos
por Eslam Love Miér Oct 03, 2018 11:15 pm

[Javascript] Colorear fondo de categorías y foros con nuevos mensajes.
Tema iniciado por y Añadir a favoritos

staff
[codebox]Con estos códigos, conseguiremos que el fondo de nuestras categorías cambien al color que elijamos cuando hayan nuevos mensajes sin leer[/codebox]

Primero: Pa ~ Módulos ~HTML & Javascript ~ Gestion de los Javascript ~Crear un nuevo Javascript
En todas las páginas.
phpBB2, punBB e Invision:
[hidecode]
Código:
$(function() {
 $('img[src="http://illiweb.com/fa/empty.gif"]').closest('tr').addClass('newpost');
$('img[src="http://illiweb.com/fa/empty.gif"]').closest('tr').addClass('newpost');
});
[/hidecode]

phpBB3
[hidecode]
Código:
$(function() {
 $('dl.icon[style*="http://illiweb.com/fa/empty.gif"]').addClass('newpost');
$('dl.icon[style*="http://illiweb.com/fa/empty.gif"]').addClass('newpost');
});
[/hidecode]

Después de haber elegido el JS necesario para tu versión de los anteriores, deberás cambiar la img de los códigos por las imagenes que uses en tu foro para las categorías y foro con nuevos mensajes.

Ahora añadimos el CSS a la hoja de estilos.
phpBB2, punBB e Invision:
[hidecode]tr.newpost td {
background:#COLOR!important;}[/hidecode]
Sustitimos #COLOR por el número exe del color elegido.

Phpbb3

[hidecode]
Código:
dl.newpost {
background:#COLOR!important;}
[/hidecode]

Y eso es todo.
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
muchas gracias
Chalo
avatar

¿Que estoy pensando? :

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

muchas gracias
Thor
avatar

¿Que estoy pensando? :

El foro avanza... [table class=fecha_up][td]Se modifico:24/01/16 - 17:48 hrs.[/td][/table]


Banner en temas :

http://orig13.deviantart.net/2106/f/2012/344/c/4/facebook_cover_photo___quote_wall_by_eastbankbabs123-d5nnexo.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

335


Puntos :

419


Me gusta :

78


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.adictosalgear.org

Volver arriba Ir abajo

gracias linda voy a probarlo
Roger
avatar

¿Que estoy pensando? :

Probando el status del foro [table class=fecha_up][td]Se modifico:9/03/17 - 9:13 hrs.[/td][/table]


Banner en temas :

http://thedesigninspiration.com/wp-content/uploads/2012/06/Facebook-Covers-029.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

305


Puntos :

343


Me gusta :

30


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Gracias RinC por compartir el code
Daria
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

26


Puntos :

34


Me gusta :

8


ingreso :

31/08/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Muchas gracias por el código
Gerik
avatar

¿Que estoy pensando? :

Poco tiempo y mucho que aprender [table class=fecha_up][td]Se modifico:11/04/17 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

53


Puntos :

67


Me gusta :

4


ingreso :

09/04/2017


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Firefox


Ver perfil de usuario

Volver arriba Ir abajo

gracias linda voy a probarlo
hamesashek
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

Se actualizó el color de los títulos


Sombra titulo :

1px 1px 1px #fff


Mensajes :

23


Puntos :

28


Me gusta :

3


ingreso :

20/05/2017


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

muchas gracias
[Cesp]#9842;[/Cesp] [Cesp]# 10004؛[/Cesp]
hamesashek
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

Se actualizó el color de los títulos


Sombra titulo :

1px 1px 1px #fff


Mensajes :

23


Puntos :

28


Me gusta :

3


ingreso :

20/05/2017


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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