URBE

Regístrate y accede a todo el contenido de Urbe.biz, sin verificacion de mail Click aquí

Mi sitio tu sitio


    Menú horizontal

    Comparte
    avatar
    armando96


    Masculino Lugar : Panama

    Menú horizontal

    Mensaje por armando96 el Vie Nov 26, 2010 11:07 am

    Menu Horizontal

    Este es un menú horizontal que al pasar el mouse por encima de el, cambia de color a azul
    Ir a Panel de administración>visualización>general>mensaje del índice>contenido del índice

    Colocar allí el siguiente codigo:

    HTML

    Código:
    <style type="text/css">
    body {
       background: #000000;
       font-family: tahoma, arial;
       font-size: 11px;
       font-weight: normal;
       line-height: 15px;
       margin: 0;
       padding: 0;
       text-align: center;
    }
    #nav a:link {
       background: url(http://i55.tinypic.com/23mwj5.jpg) no-repeat;
       color: #C7C6C6;
       display: block;
       font-size: 10px;
       font-weight: bold;
       height: 20px;
       padding-top: 6px;
       text-align: center;
       text-decoration: none;
       width: 71px;
    }
       
    #nav a:visited {
       background: url(http://i56.tinypic.com/vfffr8.jpg) no-repeat;
       color: #C7C6C6;
       display: block;
       font-size: 10px;
       font-weight: bold;
       height: 20px;
       padding-top: 6px;
       text-align: center;
       text-decoration: none;
       width: 71px;   
    }
       
    #nav a:hover, #nav a:active {
       background: url(http://i56.tinypic.com/vfffr8.jpg) no-repeat;
       color: #FFFFFF;
       display: block;
       font-size: 10px;
       font-weight: bold;
       height: 20px;
       padding-top: 6px;
       text-align: center;
       text-decoration: none;
       width: 71px;
    }
    #nav {
       margin-bottom: 10px;
       margin-top: 10px;   
       width: 588px;
    }

    #nav ul {
       list-style: none;
       margin: 0;
       margin-left: 20px;
       padding: 0;
    }

    #nav li {
       float: left;
       list-style: none;
       margin: 0;
       margin-right: 20px;
       padding: 0;
    }



    </style>

    </head><DIV id=nav>
    <UL>
    <LI><A href='TU URL'>TEXTO</A>
    <LI><A href='TU URL'>TEXTO</A>
    <LI><A href='TU URL'>TEXTO</A>
    <LI><A href='TU URL'>TEXTO</A>
    <LI><A href='TU URL'>TEXTO</A>


    <LI><A class=postlink href="TU URL" target=_blank>TEXTO</A>
    </LI>
    ESPERO QUE LOS AYUDE
    avatar
    MarioGM


    Masculino Lugar : En mi zaja - dulces sueños en mi amado peru

    Re: Menú horizontal

    Mensaje por MarioGM el Vie Nov 26, 2010 2:55 pm

    A muchas gracias, esta bonito xD, aunque ami no me aparece de color rojo si no azul jaja
    avatar
    armando96


    Masculino Lugar : Panama

    Re: Menú horizontal

    Mensaje por armando96 el Vie Nov 26, 2010 3:23 pm

    Esta raro , que explorador usas?
    avatar
    MISSARG


    Femenino

    Re: Menú horizontal

    Mensaje por MISSARG el Vie Nov 26, 2010 10:13 pm

    Muy bonito el menu, yo lo veo rojo con el hover azul, tal cual muestra el ejemplo gracias por el aporte..

    Separe el tema con la duda, lo puse aca para q la sigan:
    Consulta cursor entre armando96 y MarioGM

    saludos







    La descomposición de  todo comienza por la decadencia de los principios , yo me puedo caer, pero mis principios siguen intactos y me siento orgullosa de que asi sea.

    Contenido patrocinado

    Re: Menú horizontal

    Mensaje por Contenido patrocinado


      Fecha y hora actual: Mar Oct 17, 2017 1:44 pm