Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 6 de 6

Tema: fondo de enlace con diferentes colores

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    14 jul, 10
    Mensajes
    3
    Poder de Reputación
    0

    fondo de enlace con diferentes colores

    Se enseña en los enlaces del menú como ponerle fondo, pero he visto en otras webs que los fondos de los enlaces de un mismo menú tienen colores diferentes ¿Cómo hago eso?
    Gracias por vuestra ayuda

  2. #2
    Recien Llegado! Habitante
    Fecha de Ingreso
    06 jul, 10
    Mensajes
    29
    Poder de Reputación
    15
    No estoy seguro de tu pregunta, pero lo que entiendo es que quieres que los enlaces de una misma lista tengan el color de fondo diferente.
    Esto se puede hacer de la siguiente manera:

    HTML
    <ul>
    <li class="red">menu 1
    <li class="blue">menu 2[/list]
    CSS
    .red {background-color: red;}
    .blue {background-color: blue;}
    a ver si entendiste con ese ejemplo.
    seguro que hay otra manera de hacerlo, pero esa te puede ayudar.
    El tesoro más grande que todo ser humano puede tener es el conocimiento. Y la mejor manera de invertir ese tesoro es compartiéndolo. No te lo pueden robar, pero si lo puedes regalar, Para así todos poder gozar de tan valioso tesoro. “El Conocimiento”

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    14 jul, 10
    Mensajes
    3
    Poder de Reputación
    0

    No exactamente, con el estado de hover

    disculpa, no me expliqué bien del todo,me gustaría que en el momento que se pasa el raton por encima, estado de enlace hover, cada fondo de enlace tenga un color, gracias

  4. #4
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    71
    eso se hace en el grupo de las "a"

    a {}
    a:link {}
    a:visited {}
    a:hover {}
    a:active {}


    puedes hacer un grupo para cada color

    por ejemplo

    a.rojo: {}
    a.rojo: hover:{}
    etc etc etc etc

    luego en el html asi

    <a class="rojo">enlace</a>

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  5. #5
    Recien Llegado! Merodeador
    Fecha de Ingreso
    14 jul, 10
    Mensajes
    3
    Poder de Reputación
    0

    Perdón, no lo entiendo

    Para el enlace siguiendo el curso paso a paso, tengo esto para los enlaces en html, no se donde poner lo de html que me has dicho

    <ul><li >elige 1[*]elige 2[*]elige 3[/list]

    si hay 3 enlaces, ¿he de poner
    a {}
    a:link {}
    a:visited {}
    a:hover {}
    a:active {}

    3 veces?

    ¿¿como hago para relacionar cada enlace con esto??
    Gracias por la ayuda

  6. #6
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    71
    esto te sirve para toooodos los enlaces que tengas en tu página

    a {}
    a:link {}
    a:visited {}
    a:hover {}
    a:active {}

    ahora quieres por ejemplo tres enlaces de diferente color
    bueno pues tendrás que hacer esto

    en el css

    a.rojo {}
    a.rojo:link {}
    a.rojo:visited {}
    a.rojo:hover {background-color:red}
    a.rojo:active {}

    a.azul {}
    a.azul:link {}
    a.azul:visited {}
    a.azul:hover {background-color:blue}
    a.azul:active {}

    a.verde {}
    a.verde:link {}
    a.verde:visited {}
    a.verde:hover {background-color:green}
    a.verde:active {}

    en el html tienes esto
    <ul><li >elige 1[*]elige 2[*]elige 3[/list]

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

Temas Similares

  1. diferentes colores de un parrafo
    Por brans en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 5
    Último Mensaje: 19/10/2010, 14:20
  2. Como se hace para hacer un fondo de diferentes colores?
    Por Kangui en el foro Foro General
    Respuestas: 6
    Último Mensaje: 10/09/2009, 16:12

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •