Autor Tema: ¿Como logro hacer esto?  (Leído 587 veces)

Desconectado AndresGonzalez

  • PHPer@ Fijo
  • ***
  • Mensajes: 108
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
¿Como logro hacer esto?
« en: 06 de Octubre de 2011, 02:38:25 am »
Bueno primero que como toda Hola como estan?, mi pregunta es esta:

Ustedes saben cuando van a ver un chat, los mensajes salen y lo que quiero hacer es que se vea un mensaje con un fondo de un color claro y el otro mensaje que sigue con otro color un poco mas oscurito y asi sucesivamente.

¿Como se hace? espero su respuesta amigos y gracias.

Comunidad PHPeros

¿Como logro hacer esto?
« en: 06 de Octubre de 2011, 02:38:25 am »

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:¿Como logro hacer esto?
« Respuesta #1 en: 06 de Octubre de 2011, 06:11:44 am »
¡Vaya!, parece que hoy en día está penalizado con cárcel el uso de Google, por que por lo que veo últimamente nadie lo usa.
http://www.google.co.cr/search?q=alternar+colores+de+filas+php ;)
- Moderador de PHP


Desconectado CarlosRdrz

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 2.505
  • Karma: 131
  • Sexo: Masculino
  • A.k.a. TLX
    • Ver Perfil
Re:¿Como logro hacer esto?
« Respuesta #2 en: 06 de Octubre de 2011, 13:59:59 pm »
También puede hacerse con CSS que es una opción mas recomendable :)
http://www.google.co.cr/search?q=alternar+colores+de+filas+css
La dedicación de mi respuesta sera directamente proporcional a la dedicación de tu pregunta.
Hacer códigos que entiendan las máquinas es fácil, lo difícil y realmente útil es hacer códigos que entiendan las personas.
http://twitter.com/CarlosRdrz
http://www.carlosrdrz.es

Desconectado Physlet

  • PHPero Experto
  • *****
  • Mensajes: 822
  • Karma: 41
  • Sexo: Masculino
  • Todo es posible con esfuerzo, dedicación e interés
    • Ver Perfil
    • PanamaDev
Re:¿Como logro hacer esto?
« Respuesta #3 en: 06 de Octubre de 2011, 14:15:41 pm »
¡Vaya!, parece que hoy en día está penalizado con cárcel el uso de Google, por que por lo que veo últimamente nadie lo usa.
http://www.google.co.cr/search?q=alternar+colores+de+filas+php ;)
Hay momentos en que no tenemos las palabras para buscar en Google. Me ha pasado muchas veces que veo algo pero no sé como se llama y entonces pregunto en un foro para que me aclaren.

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:¿Como logro hacer esto?
« Respuesta #4 en: 06 de Octubre de 2011, 14:16:23 pm »
Hay momentos en que no tenemos las palabras para buscar en Google. Me ha pasado muchas veces que veo algo pero no sé como se llama y entonces pregunto en un foro para que me aclaren.

Guuglifobia
Twitter: @JoakoM010



Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:¿Como logro hacer esto?
« Respuesta #5 en: 07 de Octubre de 2011, 21:12:41 pm »
No, no. No hace falta usar PHP si no vas a hacer que tu diseño sea compatible con IE6. ¿Qué hay que hacer entontes? Pues usar selectores CSS:
Código: [Seleccionar]
<!-- Mensajes -->
<span>Mensaje 1</span>
<span>Mensaje 2</span>
<span>Mensaje 3</span>
<span>Mensaje 4</span>
<span>Mensaje 5</span>

Código: [Seleccionar]
span:nth-child(odd){
background: #ccc;
}
span:nth-child(even){
background: #eee;
}

Explicación:
Antes que nada meto los mensajes en un elemento span para poder seleccionarlos con CSS
Luego uso el selector :nth-child que indica el hijo número X de tal elemento / clase / id
Para no andar con expresiones matemáticas (y también aprovechar lo que te da CSS) uso odd y even que significan "par" e "impar", respectivamente. ¿Por qué par e impar? Porque así consigo el efecto de "una fila con un color y otra con otro color".
Luego le aplico un fondo, en este caso es sólo un color:
even: #eee; /* color claro */
odd: #ccc /* color un poco más oscuro */

Si hay algo que no entendiste pregunta.

Saludos

Desconectado Jumarras

  • PHPer@
  • **
  • Mensajes: 73
  • Karma: 3
  • Sexo: Masculino
  • Ten cerca a tus amigos, pero mas a tus enemigos
    • Ver Perfil
Re:¿Como logro hacer esto?
« Respuesta #6 en: 13 de Octubre de 2011, 19:57:23 pm »
http://es.lmgtfy.com/?q=alternar+colores+de+filas+php

Me he echo gracia xD, es lo mismo que ha puesto warlox, pero esta web te lo escribe solo, para los mas bagos xD.

Creo que deberia hacerlo en PHP Y CSS, para asi poder ir alternando los colores.

Salu2!