Poner imagenes diferentes en cada enlaze de user-links

Tema en 'Foro Libre' iniciado por Kazuya, 27 Jul 2009.

  1. Kaz

    Kazuya
    Expand Collapse
    Mayor

    Mensajes:
    872
    Me Gusta recibidos:
    1
    El codigo se trata de poner imagenes diferentes en los user-links, como lo muestra la imagen :



    [​IMG]

    el codigo es este :


    Código:
    <style>#user-links a {
    display:list-item;
    list-style-image:url(URL DE LA IMAGEN DE "DAR REGALOS");
    list-style-position:inside;
    list-style-type:disc;
    }
    
    
    #user-links a+a {
    display:list-item;
    list-style-image:url(URL DE LA IMAGEN DE "EDITAR MI INFO");
    list-style-position:inside;
    list-style-type:disc;
    }
    
    #user-links a+a+a {
    display:list-item;
    list-style-image:url(URL DE LA IMAGEN DE "VER COMO OTROS ME VEN");
    list-style-position:inside;
    list-style-type:disc;
    }
    
    #user-links a+a+a+a {
    display:list-item;
    list-style-image:url(URL DE LA IMAGEN DE "TAPIZAR PERFIL");
    list-style-position:inside;
    list-style-type:disc;
    }
    
    #user-links a+a+a+a+a {
    display:list-item;
    list-style-image:url(URL DE LA IMAGEN DE "PERSONALIZAR PERFIL");
    list-style-position:inside;
    list-style-type:disc;
    }
    
    #user-links a+a+a+a+a+a {
    display:list-item;
    list-style-image:url(URL DE LA IMAGEN DE "INVITAR AMIGO");
    list-style-position:inside;
    list-style-type:disc;
    }
    
    
    #user-links a+a+a+a+a+a+a {
    display:list-item;
    list-style-image:url(URL DE LA IMAGEN DE "AÑADIR APLICACIONES");
    list-style-position:inside;
    list-style-type:disc;
    }
    </style>


    Solo tienen que poner las imagenes que quieran para cada enlaze y listo
    ah lo probe con FF y safari...

    Si quieren ver mejor el efecto pueden poner el codigo en PERSONALIZAR PERFIL ya que es el unico lugar donde se puede poner codigos hasta el momento por el problemita de hi5!


    Fuente : http://foro.geek-team.net/

     

Compartir esta página