Menu CSS (Hi5)

Tema en 'Foro Libre' iniciado por lRay, 20 Jul 2009.

  1. lRa

    lRay
    Expand Collapse
    Teniente Coronel

    Mensajes:
    1.094
    Me Gusta recibidos:
    6
    Bueno eh aquí un menu para personalizar si hi5:

    Código:
    <style type="text/css">
    
    /*By: [[RaY]] */
    /*By: [G.GK]*/
    
    .sexypanels{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 180px; /* width of menu */
    }
    
    .sexypanels li{
    border-bottom: 1px solid white; /* white border beneath each menu item */
    }
    
    .sexypanels li a{
    background: #333 url(media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
    display: block;
    color: white;
    width: auto;
    padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
    text-indent: 8px;
    text-decoration: none;
    border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
    }
    
    .sexypanels li a:visited, .sexypanels li a:active{
    color: white;
    }
    
    .sexypanels li a:hover{
    background-color: black; /*color of menu onMouseover*/
    color: white;
    border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
    }
    
    
    </style>
    
    <!--[if IE]>
    <style type="text/css">
    .sexypanels li a{ /* Menu link width value for IE */
    width: 100%;
    }
    </style>
    
    
    <ul class="sexypanels">
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    <li><a href="URL DEL SITIO">TEXTO</a></li>
            
    </ul>


    esta seria la muestra de como se veria en su perfil:

    [​IMG]

    ahora una breve explicacion para la aplicacion del mismo:

    aplicaran todo el codigo en la parte de hi5 "acerca de mí".. en "intereses" no lo eh probado pero estoy seguro de que igual funcionara..

    ahora del codigo solo modificaran lo siguiente:

    Código:
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    cambiaran URL DEL SITIO por la URL del sitio a donde quieran que los redireccione una ves dandole click..

    ahora cambiaran TEXTO por lo que ustedes quieran mostrar en su menú..

    por ultimo si quieren mas renglones ó secciones en el menu solo tienen que agregar o quitar esto:

    Código:
    <li><a href="URL DEL SITIO">TEXTO</a></li>
    creo q eso es mas que obvio asi que no hay mas que decir

    si hubiera una duda no duden en ponerla..

    espero les guste y les sea de ayuda

    saludoz!





     
  2. Don

    DonKan
    Expand Collapse
    Teniente Coronel
    Usuario destacado

    Mensajes:
    1.844
    Me Gusta recibidos:
    0
    :eek:ooh::eek:ooh::eek:ooh::eek:ooh:

    Muii BuenoOz KoDiGoOz ray! :si:

    Te FeliCiTo x zer MOD :risa:

    ia kiziera ioO zer MOD :sad:

    Ze aGraDecen los KODES :aplauso:

    Atte. ●€vilJairO● :mad:
     
  3. lRa

    lRay
    Expand Collapse
    Teniente Coronel

    Mensajes:
    1.094
    Me Gusta recibidos:
    6
    jaja gracias ●€vilJairO● por la felicitacion y ps tabn espero q te sea de mucha ayuda la aportacion..



    jaja solo es cuestion de ganas de querer hacerlo men..

    saludoz!
     

Compartir esta página