Color del div diferente

[SeaPirates]

Hola, estoy usando cutenews y a la izquierda muestro las ultimas noticias y necesito que el div de cada noticia aparezca de un color es decir:


Div Noticia1 (Color Gris)
Div Noticia2 (Color Blanco)
Div Noticia3 (Color Gris)
Div Noticia4 (Color Blanco)
Etc..

El template es este:

Código PHP:

  <UL id=articles>
  <LI class=even><A style="DISPLAY: block" 
  href="urldelanoticia"><IMG id=image alt=* align=left 
  src="imagendelanoticia"> 
  <B>{title}</B><BR>{short-story}<BR 
  style="CLEAR: both"></A></LI> 
   

Espero que me podais ayudar..

[AlbertoGarcia]

Hola, no se de que forma se genera el código html con el CuteNews pero sería dándole un par de clases a los elementos <li> en modo alternativo.

Código:

<UL id=articles>

  <LI class=even><A style="DISPLAY: block" 
  href="urldelanoticia"><IMG id=image alt=* align=left 
  src="imagendelanoticia"> 
  <B>{title}</B><BR>{short-story}<BR 
  style="CLEAR: both"></A></LI>

  <LI class=odd><A style="DISPLAY: block" 
  href="urldelanoticia"><IMG id=image alt=* align=left 
  src="imagendelanoticia"> 
  <B>{title}</B><BR>{short-story}<BR 
  style="CLEAR: both"></A></LI>

</UL>

Ahora a las clases 'even' y 'odd' les das el color de fondo que quieras.

Salud!

[kseso?]

La forma más "simple" sería utilizando la pseudoclase 'nth-child(nº)'. Es css3, con los navegadores en sus versiones más recientes sin problemas, los pseudonavegadores símplemente la ignorarán:

Código css:

ul#articles li:nth-child(2n+1) {background: #cdcdcd;}
ul#articles li:nth-child(2n) {background: #fff;}
 

Si lo quieres compatible con con esos pseudonavegadores, tendrías que aplicar una clase a cada 'li' mediante algún lenguaje de programación o algún js para alternar el fondo.

[SeaPirates]

Del modo que dice alberto, si pongo:

<UL id=articles>

<LI class=even><A style="DISPLAY: block"
href="urldelanoticia"><IMG id=image alt=* align=left
src="imagendelanoticia">
<B>{title}</B><BR>{short-story}<BR
style="CLEAR: both"></A></LI>

<LI class=odd><A style="DISPLAY: block"
href="urldelanoticia"><IMG id=image alt=* align=left
src="imagendelanoticia">
<B>{title}</B><BR>{short-story}<BR
style="CLEAR: both"></A></LI>

</UL>

En el template saldria la noticia 2 veces con el div cada fondo de un color..


y en cuanto a lo que dijo kseso, no entendi demasiado bien como devo hacer eso, además si usan una versión vieja no funcionara

[Nathan_1979]

Iniciado por kseso?

La forma más "simple" sería utilizando la pseudoclase 'nth-child(nº)'.

+ info en: http://www.librosweb.es/css_avanzado..._de_css_3.html

[Nathan_1979]

Alberto solo te dio la forma en la que se tiene que mostrar la info, tu, con php ( asp lo odio ) ya tienes que ir alternando las clases...

[SeaPirates]

No se demassiado de modo que no se como hacerlo..

[kseso?]

Iniciado por SeaPirates

No se demassiado de modo que no se como hacerlo..

Pues sinceramente creo que antes de seguir deberías dedicar un poquito a comprender el funcionamiento de css o de php. Porque aquí recibirás ayuda (más o menos detallada) pero va a ser difícil que nadie te haga los códigos completos, y menos aun con la poca información que has dado.

Un saludo

[SeaPirates]

Que mas información devo dar?

Si no , también podria sr que al pulsar el fondo se ponga de color gris..