Foros del Web » Creando para Internet » CSS »

Mostrar 1 color si 1 color no

Estas en el tema de Mostrar 1 color si 1 color no en el foro de CSS en Foros del Web. hola bueno no se como explicarme bien pero buen, e isto web que en comentarios usan algo que si hay4 comentarios: Comentario 1 Comentario 2 ...
  #1 (permalink)  
Antiguo 13/08/2009, 22:15
Avatar de chulifo  
Fecha de Ingreso: abril-2009
Ubicación: perdido en codigos del PHP, pero aprendo rapido!
Mensajes: 523
Antigüedad: 8 años, 8 meses
Puntos: 18
Mostrar 1 color si 1 color no

hola bueno no se como explicarme bien pero buen, e isto web que en comentarios usan algo que si hay4 comentarios:

Comentario 1


Comentario 2

comentario 3
comentario 4

bueno trato de ser algo explicito, como ven muestra 1 comentario de un color el otro comentario de otro asi! XD
eso es lo que quiero hacer xD un comentario de 1 color el otro de otro color

Disculpen espero haberme explicado algo bien T_T
__________________
Solo soy un simple fanático que mata el tiempo de la mejor manera.
  #2 (permalink)  
Antiguo 14/08/2009, 02:36
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Mostrar 1 color si 1 color no

Saludos!!

Supongo que quieres que sea automatico no? Creo que con css directamente no puedes hacer que se haga automatico, pero uniendo JS y CSS creo que si (si te entendi bien...) se me ocurre esta forma:

Comentario a = .comentario1 { color: red; }
Comentario b = .comentario2 { color: blue; }

y con JS haces que cuando se haga click en "Enviar" alterne las clases... Te dejo la idea y te queda el resto.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 14/08/2009, 03:37
 
Fecha de Ingreso: agosto-2009
Mensajes: 8
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Mostrar 1 color si 1 color no

Tambien puedes hacerlo con el lenguaje de servidor que utlices, por ejemplo si usas php seria una cosa asi (siguiendo el ejemplo de calizzz)

$i=0;
while($i<$num_comentarios)
{
if($i%2==0)
{
$class='comentario1';
}
else
{
$class='comentario2';
}
}

Dentro de tu bucle para mostrar comentarios si tienes un contador usalo para hacer modulo 2 y asi poner una class distinta, sino tienes contador createlo. Luego la variable $class la puedes usar para hacer <div class="<?=$class?>">
  #4 (permalink)  
Antiguo 14/08/2009, 06:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Mostrar 1 color si 1 color no

¿Un poco de css3?
vamos a partir de la base que todos tus comentarios están en una clase que se llama .comentario:
Código css:
Ver original
  1. .comentario:nth-child(2n) {color: red;}
  2. .comentario:nth-child(2n+1) {color: blue;}
O con css2.1 siguiendo con lo indicado de utilizar otro lenguaje pero para asignar una segunda clase a cada .comentario:
Código css:
Ver original
  1. .cometario {/*propiedades comunes*/}
  2. .rojo {color: red;}
  3. .azul {color: blue;}
y en el html
Código html:
Ver original
  1. <div class="comentario rojo">....</div>
  2. <div class="comentario azul">...</div>

También podrías optar por sólo css2.1 (si sabes a priori el nº de .comentarios que vas a tener) y suponiendo que dichos comentarios los contengas en una caja llamada por ejemplo #contiene_comentario:
Código css:
Ver original
  1. #contiene_comentario div {color: red;}
  2. #contiene_comentario div + div {color: blue;}
  3. #contiene_comentario div + div + div {color: red;}
  4. #contiene_comentario div + div + div + div {color: red;}

Como verás, formas hay variadas. Todo depende de las particularidades de tu caso.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:35.