Staff en línea

[javascript] Diferentes colores para cada categoría
Tema iniciado por y Añadir a favoritos

Mensaje  RinC
[codebox]Con este código podrás darle color al fondo de cada una de tus categorías. Los colores pueden ser los que tu quieras. [/codebox]

[hidecode]
Código:
$(function() {
  var forum = {
    'Main' : 'category-main',
    'Features' : 'category-features'
  },
 
  a = $('.forabg'), i = 0, j = a.length, k, txt;
 
  for (; i < j; i++) {
    txt = a[i].getElementsByTagName('H2')[0].innerHTML.toLowerCase();
 
    for (k in forum) {
      if (txt == k.toLowerCase()) {
        a[i].className += ' ' + forum[k];
        break;
      }
    }
  }
});
[/hidecode]

CSS

Explicación: en el JS debes tener en cuenta estas dos lineas:

Código:
'Main' : 'category-main',
    'Features' : 'category-features'

Donde dice 'Main' Debes colocar el nombre de tu categoría, por ejemplo: 'Inicio' en caso de que tu primer categoría se llame así. Si tiene otro nombre, deberás escribirlo justo como aparece en tu PA.
donde dice 'category-main' es la class que le agregarás a esa categoría para poder añadirle el css que tu quieras. Por ejemplo: 'inicio-1'.

La CSS deberá ser así:


Código:
.inicio-1 {background-color:#8C5 !important;
  border-color:#7B4;}
staff
RinC
avatar

¿Que estoy pensando? :

Ya echaba de menos mi open!


Banner en temas :

http://i.imgur.com/WpuuVJy.jpg


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

764


Puntos :

1076


Me gusta :

176


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Mensaje  Chalo
muy buen code gracias
staff
Chalo
avatar

¿Que estoy pensando? :

los dias de ocio son geniales [table class=fecha_up][td]Se modifico:13/12/17 - 11:40 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6465


Puntos :

8477


Me gusta :

967


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Mensaje  muykay
Parece ser interesante que falta imágenes
muykay
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 :

66


Puntos :

67


Me gusta :

1


ingreso :

07/09/2017


Sexo :

Masculino

Plataforma :

MYBB


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Mensaje  Roger
gracias por el code
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 :

300


Puntos :

334


Me gusta :

26


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

muchas gracias por tu aporte
tecnomaster
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 :

57


Puntos :

64


Me gusta :

3


ingreso :

08/05/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

firefox


Ver perfil de usuario

Volver arriba Ir abajo

gracias por el aporte
fascicularia
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://davesgarden.com/guides/pf/thumbnail.php?image=2006/10/11/Calif_Sue/aad8bf.jpg


Color de titulos :

green


Sombra titulo :

1px 1px 1px #fff


Mensajes :

157


Puntos :

187


Me gusta :

20


ingreso :

20/01/2016


Sexo :

Femenino

Plataforma :

PhpBB2


Navegador :

Opera


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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