¡Bienvenido a Todo Webmaster!

Todo Webmaster
Ultimos temas

Ultimo temaUltima respuesta por

    Temas con mas respuestas

    Temas con mas visitas


    No estás conectado. Conéctate o registrate

     » Recursos Para Webmasters » Tutoriales y codigos para ForoActivo » Todas las Versiones » 


    Tema: [[Css] Menu Woody]


    Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]

    [Css] Menu Woody el Mar Ago 28, 2012 9:12 pm

    Sherox

    avatar

    Administrador

    Ver perfil de usuario
    1
    Hola amigos de Todo Webmaster.
    Les traigo este aportaso.
    se trata de un menú woody que podrás
    editar a tu gusto.
    Les dejo una Preview.


    [Tienes que estar registrado y conectado para ver esa imagen]

    Codigo css:

    Código:
    <style type"css">
    /* --------------------------
    AUTHOR : STYLED MENUS
    URL : http://www.styledmenus.com
    Copyrights by STYLED MENUS
    ----------------------------*/
    *{
      margin:0;
      padding:0;
    }

      #menu{
          width:700px;
          background:url(http://img44.xooimage.com/files/c/e/5/menu_41_bg-16cc367.jpg) no-repeat;
          height:55px;
      }
          #menu ul{
            list-style:none;
            text-align:center;
          }
            #menu li{
                list-style:none;
                display:block;
                float:left;
                padding:8px 30px 0 30px;
            }
                #menu li a{
                  display:block;
                  float:left;
                }
                  #menu li a span{
                      display:none;
                  }
                  #menu li a:hover{
                      text-decoration:none;
                  }
                #menu li a.home{
                  background:url(http://img40.xooimage.com/files/f/b/8/home-16cc2ba.jpg) no-repeat;
                  width:55px;
                  height:32px;
                }
                  #menu li a:hover.home{
                      background:url(http://img28.xooimage.com/files/5/a/e/home_h-16cc2c4.jpg) no-repeat;
                  }
                #menu li a.about{
                  background:url(http://img46.xooimage.com/files/f/2/6/about-16cc2d9.jpg) no-repeat;
                  width:82px;
                  height:32px;
                }
                  #menu li a:hover.about{
                      background:url(http://img28.xooimage.com/files/5/a/e/about_h-16cc2f6.jpg) no-repeat;
                  }
                #menu li a.services{
                  background:url(http://img46.xooimage.com/files/e/7/b/services-16cc302.jpg) no-repeat;
                  width:76px;
                  height:32px;
                }
                  #menu li a:hover.services{
                      background:url(http://img28.xooimage.com/files/d/2/f/services_h-16cc310.jpg) no-repeat;
                  }
                #menu li a.solutions{
                  background:url(http://img26.xooimage.com/files/9/a/f/solutions-16cc31d.jpg) no-repeat;
                  width:87px;
                  height:32px;
                }
                  #menu li a:hover.solutions{
                      background:url(images/http://img28.xooimage.com/files/a/f/9/solutons_h-16cc328.jpg) no-repeat;
                  }
                #menu li a.contact{
                  background:url(http://img44.xooimage.com/files/9/8/5/contact-16cc32b.jpg) no-repeat;
                  width:97px;
                  height:32px;
                }
                  #menu li a:hover.contact{
                  background:url(http://img24.xooimage.com/files/d/4/5/contact_h-16cc33c.jpg) no-repeat;
                  }
               
                #menu li a.homecurrent, #menu li a:hover.homecurrent{
                  background:url(http://img28.xooimage.com/files/5/a/e/home_h-16cc2c4.jpg) no-repeat;
                  width:55px;
                  height:32px;
                }

    </style>

    Codigo html :

    Código:
    <div id="menu">
      <ul>
          <li><a href="#" class="homecurrent"><span>home</span></a></li>
          <li><a href="#" class="about"><span>about us</span></a></li>
          <li><a href="#" class="services"><span>services</span></a></li>
          <li><a href="#" class="solutions"><span>solutions</span></a></li>
          <li><a href="#" class="contact"><span>contact us</span></a></li>                       
      </ul>
    </div>

    Fuente :

    [Tienes que estar registrado y conectado para ver este vínculo]


    [Tienes que estar registrado y conectado para ver esa imagen]

    [Tienes que estar registrado y conectado para ver esa imagen]

    [Tienes que estar registrado y conectado para ver esa imagen]
    Gracias AlvaroX.

    Re: [Css] Menu Woody el Miér Ago 29, 2012 11:54 am

    AlvaroX™

    avatar

    Fundador

    Ver perfil de usuario http://todo.webmaster-foro.com
    2
    :O

    Gracias!!


    [Tienes que estar registrado y conectado para ver esa imagen] ¡Invitado!
    Bienvenido a ¡Todo Webmaster!
    Recuerda leer [Tienes que estar registrado y conectado para ver este vínculo] | [Tienes que estar registrado y conectado para ver este vínculo] ante los demás usuarios.


    [Tienes que estar registrado y conectado para ver esa imagen]

    [Tienes que estar registrado y conectado para ver esa imagen]
    ¿Tienes problemas con algun codigo/skin?
    Si es asi debes crear un tema en [Tienes que estar registrado y conectado para ver este vínculo]
    ¡Con información del problema para que te podamos ayudar!  [Tienes que estar registrado y conectado para ver esa imagen]


    ¡No doy soporte por MP!

    Re: [Css] Menu Woody el Miér Ago 29, 2012 6:48 pm

    BlackLPInfo™

    avatar

    Administrador

    Ver perfil de usuario http://todo.webmaster-foro.com
    3
    Esta muy bueno, me gusto.

    Gracias por el aporte.


    [Tienes que estar registrado y conectado para ver esa imagen] , ¡Bienvenid@ al foro !

    Por favor lee las [Tienes que estar registrado y conectado para ver este vínculo] y [Tienes que estar registrado y conectado para ver este vínculo]!

    [~ BlackLPInfo - 2015 ~]




    Firmas:

    [Tienes que estar registrado y conectado para ver esa imagen]

    Contenido patrocinado


    4

    Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

    Permisos de este foro:
    No puedes responder a temas en este foro.

     

    Todo Webmaster © 2012-2015Skin diseñado por Finer para MyBB
    Adaptado a Foroactivo por AlvaroX