DwDesigner

Bienvenido, Te recive el Equipo de Webdejuegosya y Team-Drakox, Elige una de estas opciones!

Registrar;Conectar;No Preguntar

Que te diviertas
DwDesigner

Diseño Webmaster Todo lo que tu web necesita


    [Codigo CSS]Cambiar menu de vertical a horizontal facilmente

    Comparte
    avatar
    Admin
    Support
    Support

    Masculino Cantidad de envíos : 101
    Fecha de inscripción : 08/03/2009
    Localización : Nuevo Leon, Mexico

    Hoja De Personaje
    Juego1:
    Juego1

    [Codigo CSS]Cambiar menu de vertical a horizontal facilmente

    Mensaje  Admin el Sáb Abr 04, 2009 7:41 am

    Con este codigo puedes transformar todo tu menu de vertical a un menu horizontal y no nesesita de plantilla modificada

    Texto por encima de la pagina:

    Código:
    /*menu */

    #nav {

    margin-left: 295px;

    list-style: none;

    background: #900;

    padding: 0;

    border: 1px solid #fff;

    border-width: 0px 0px 0px 1px;

    }

    #nav ul {

    margin: 0;

    padding: 0;

    height: 1em;

    }

    #toolbar form {

    margin: 0;

    padding: 0.1em 2em 0.1em 0em;

    height: 1em;

    }

    #toolbar input {

    margin: 1px;

    }

    #nav a {

    display: block;

    color: #fff;

    text-decoration: none;

    padding: 0.1em 2em;

    }

    #nav li {

    float: left;

    padding: 0;

    background: #900;

    border: 1px solid #fff;

    border-width: 1px 0;

    }

    #nav li ul {

    position: absolute;

    left: -999em;

    height: auto;

    width: 14.4em;

    width: 12.9em;

    font-weight: normal;

    border: 1px solid #fff;

    margin: 0;

    list-style: none;

    }

    #nav li li {

    padding-right: 1em;

    width: 13.4em;

    border: 0px;

    }

    #nav li ul a {

    width: 12em;

    width: 9em;

    }

    #nav li ul ul {

    margin: -1.75em 0 0 14em;

    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

    left: -999em;

    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

    left: auto;

    }

    #nav li:hover, #nav li.sfhover {

    background: #F20000;

    }

    /* end menu */

    Salu2!
    avatar
    super-ayuda-webmaster
    Moderador
    Moderador

    Masculino Cantidad de envíos : 133
    Fecha de inscripción : 29/03/2009
    Edad : 22

    Hoja De Personaje
    Juego1:
    Juego1

    Re: [Codigo CSS]Cambiar menu de vertical a horizontal facilmente

    Mensaje  super-ayuda-webmaster el Vie Abr 17, 2009 1:19 am

    un codigo genial!!!!


    "Tema "
    avatar
    TeamDrakox
    Support
    Support

    Masculino Cantidad de envíos : 137
    Fecha de inscripción : 08/03/2009
    Edad : 22

    Hoja De Personaje
    Juego1:
    Juego1

    Re: [Codigo CSS]Cambiar menu de vertical a horizontal facilmente

    Mensaje  TeamDrakox el Dom Abr 19, 2009 4:32 pm

    super-ayuda-webmaster escribió:un codigo genial!!!!


    "Tema "

    ¿CERRADO? No debería moverlo ? y si no puede, dejarlo abierto o pedirle a un admin? Cuide su puesto de Mod.

    Contenido patrocinado

    Re: [Codigo CSS]Cambiar menu de vertical a horizontal facilmente

    Mensaje  Contenido patrocinado


      Fecha y hora actual: Miér Ago 15, 2018 7:41 pm