• Home
  • Acerca de
  • Contacto
  • Directiorio
  • Nuestra Red
  • Blogs Asociados
  • Agregar Blog
  • Privacidad
  • SiteMap
  • Enlaces
Grab the RSS feed

Red Blogs

Red Blogs
  • Home
  • Blogspot
    • Templates
    • Tutoriales y Tips
  • Curiosidades
  • General
    • Actualidad
    • Blogs Asociados
    • Contenido Popular
    • MiniPost
    • Twitter
    • Videos
  • Internet
  • Off Topic
  • SEO
  • Tecnología
  • Tips
  • Twitter
  • Utilidades
    • Freebie
  • WordPress
    • Plugins
    • Temas

Menu vertical con CSS para tu Web/blog

  • Blogspot, Tecnología, Tutoriales y Tips, Utilidades

    Posted on Enero 5th, 2010

    Written by Red de Blogs

    Related Posts

    • Otro efecto de nieve para Blogger al estilo WordPress
    • Como poner nieve en tu web/blog
    • Cómo crear un indice de contenidos por fecha en blogger

    Tags

    Blogs, Diseño, Tips, Tips and Tricks, Tips Blogspot

    Menu vertical con CSS para tu Web/blog

    menu

    Ver Demo

    Para colocar este menú l en tu blog agregar la parte CSS correspondiente antes de ]]></b:skin>

    Modifica los colores y tamaño según tu necesidad

    /* Menu */
    .buttonscontainer {width: 150px;}
    .buttons a {color: #000000;
    background-color: #EED5D2;
    padding: 2px;
    padding-left: 3px;
    display: block;
    border-left: 10px solid #D1DADF;
    font: 13px Verdana, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin-top: 1px;}
    .buttons a:hover {border-left: 10px solid #EBFFC8;
    text-decoration: none;
    color: #000000;}
    /* fin menu */

    /* Menu */

    .buttonscontainer {width: 150px;}

    .buttons a {color: #000000;

    background-color: #EED5D2;

    padding: 2px;

    padding-left: 3px;

    display: block;

    border-left: 10px solid #D1DADF;

    font: 13px Verdana, sans-serif;

    font-weight: bold;

    text-decoration: none;

    text-align: left;

    margin-top: 1px;}

    .buttons a:hover {border-left: 10px solid #EBFFC8;

    text-decoration: none;

    color: #000000;}

    /* fin menu */

    En un elemento HTML/Javascript el siguiente código:

    <div class=”buttonscontainer”>

    <div class=”buttons”>

    <a href=”URL”>Link 1</a>

    <a href=”URL”>Link 1</a>

    <a href=”URL”>Link 1</a>

    <a href=”URL”>Link 1</a>

    <a href=”URL”>Link 1</a>

    <a href=”URL”>Link 1</a>

    <a href=”URL”>Link 1</a>

    Compartelo:
    • Digg
    • del.icio.us
    • Facebook
    • Google Bookmarks
    • email
    • Meneame
    • MySpace
    • Wikio
    • Bitacoras.com
    • Twitter
    • Live
    • RSS
    Etiquetas: Blogs, Blogspot, Diseño, Tecnología, Tips, Tips and Tricks, Tips Blogspot, Tutoriales y Tips, Utilidades

    Entradas relacionadas

    • Otro efecto de nieve para Blogger al estilo WordPress (1)
    • Como poner nieve en tu web/blog (6)
    • Sitemap o indice de contenido para facilitar la navegación en Blogger (1)
    • Feed dinamico en tu blog (Para Blogger y WordPress) (1)
    • Dividir en dos columnas el widget de etiquetas (1)
    This entry was posted on Martes, Enero 5th, 2010 at 12:24 and is filed under Blogspot, Tecnología, Tutoriales y Tips, Utilidades. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
  • 1 Comment

    Take a look at some of the responses we've had to this article.

    1. Bitacoras.com
      Posted on Enero 5th

      Información Bitacoras.com…

      Valora en Bitacoras.com: Menu vertical con CSS para tu Web/blog Ver Demo Para colocar este menú l en tu blog agregar la parte CSS correspondiente antes de ]]> Modifica los colores y tamaño según tu necesidad /* Menu */ .buttonscontainer {width: 15…..

  • Post a Comment

    Let us know what you thought.

  • Name:

    Email (required):

    Website:

    Message:

    Comments links could be nofollow free.

  • Recursos Gratis

    Hosting, housing, dedicados y registro de dominios: IslaServer

  • Entradas Recientes
    • Recopilación de frases geek
    • Como deshabilitar botón derecho usando jQuery
    • Informática para neófitos (Humor geek)
    • Conversacion entre Gallegos y Americanos
    • Flickr Slideshow te permite crear fácilmente una presentación con tus fotos de Flickr
    • Grafiti geek
    • Prevenir el Hotlinking con unas lineas de codigo en el archivo . Htaccess
    • Blog de recursos gratis para diseñadores y desarrolladores
    • Twitter y Yahoo llegaron a un acuerdo para compartir contenido
    • Probar Windows 7 en linea
    • Capricho geek
    • Nueva actualizacion de WordPress 2.9.2
  • Últimos Comentarios
    • Bitacoras.com en Recopilación de frases geek
    • Alcyone Abaira en Piropos geek para enviar SMS San Valentín
    • PelisYa! en Blog de recursos gratis para diseñadores y desarrolladores
    • CanalesYa! en Blog de recursos gratis para diseñadores y desarrolladores
    • CanalesYa! en Como agregar metatags para optimizar SEO en Blogger
  • site stats

    RedBlogs en Facebook

  • Últimos términos de búsqueda
    • - añadir f(...)e blogger
    • - música q(...)r on line
    • - probar links rotos
    Visitors Online
    • 04 visitante(s) en línea
    • ofrecido por WassUp
  • Categorías
  • Enlaces Aleatorios
    • Plugins (0)
    • Alquimia (0)
    • La Buhardilla Pixel (0)
    • La Buhardilla Foro (0)
    • Triana (0)
    • Brujiart (0)
    • Postales Gratis (0)
  • Archivos
  • Meta
    • Iniciar sesión
    • Entries RSS
    • Comments RSS
    • WordPress.org

Copyright © 2010 Red Blogs - Powered by Wordpress

Red de Blogs