WWW.ALLDOWNLOAD.NET84.NET
Recuerda que debes de iniciar sesion y agregar un tema o contestar en un tema para poder ver el contenido oculto

Te recomendamos que visites el foro: MANUAL DEL FORO para que leas temas acerca de agregar post y evitar baneos, eliminación o edición del post.
WWW.ALLDOWNLOAD.NET84.NET
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Estadisticas Visitantes

casino Contador De Visitas
Buscar
 
 

Resultados por:
 


Rechercher Búsqueda avanzada

Últimos temas
» tito el bambino -el amor pista y acapella
Menu horizontal EmptyDom Mar 04, 2012 3:04 am por eescuela

» viedo tutorial - photoshop - principios basicos
Menu horizontal EmptyDom Ene 09, 2011 11:42 am por Pedro Gonzalez

» Menu horizontal
Menu horizontal EmptySáb Oct 16, 2010 1:55 pm por andres69

» instalar linux con Unetbootin
Menu horizontal EmptyDom Oct 10, 2010 9:18 am por frank123456

» MEZCLA BACHATA (toby love)
Menu horizontal EmptyJue Jun 10, 2010 4:45 pm por Invitado

» Tutoriales Foroactivo
Menu horizontal EmptyDom Ene 31, 2010 6:51 am por lmao

» Seriales para Office 2007
Menu horizontal EmptyJue Ene 14, 2010 2:49 pm por andres69

» Creqcion de templates para joomla
Menu horizontal EmptyMiér Dic 23, 2009 4:16 pm por andres69

» Sistemas Operativos con pocos recursos
Menu horizontal EmptySáb Dic 05, 2009 11:05 am por andres69

» OCULTAR LINKS EN PHPBB3
Menu horizontal EmptyVie Dic 04, 2009 4:09 am por lmao


Menu horizontal

Ir abajo

Menu horizontal Empty Menu horizontal

Mensaje por andres69 el Sáb Oct 16, 2010 1:55 pm

Hacer un funcional menú horizontal es más sencillo de lo que parece. Por defecto los elementos de una lista se muestran como bloques (blocks) con lo que cada item del listado ocupará una nueva línea. Simplemente cambiando el modo en que se muestran los items, tendremos una lista horizontal que podrá hacer las veces de menú.

CSS
Código:
  #menuhoriz ul li { 
        display: inline; 
    } 

HTML
Código:

<div id="menuhoriz"> 
    <ul> 
            <li>Botón unoli> 
            <li>Botón dosli> 
            <li>Botón tresli> 
    ul> 
    div> 


A partir de aquí podemos ir introduciendo detalles para hacer más atractivo nuestro menú. Una sencilla muestra:

1. #menuhoriz ul li {
2. display: inline;
3. padding: 2px 7px; /*Separar el texto*/
4. margin:5px; /* Separar los botones */
5. background-color:#E4E4E4; /* Color de fondo */
6. }
7. #menuhoriz ul li:hover {
8. background-color:#CCCCCC; /* Color de fondo sobre el boton */
9. cursor: pointer; /* cambiar el aspecto del puntero */
10. }
11. #menuhoriz ul {
12. /* Linea para delimitar la botonera */
13. border-bottom-width: 1px;
14. border-bottom-style: solid;
15. border-bottom-color: #E4E4E4;
16. }


_________________
Menu horizontal Nocues11
Ahora que estas lejos de mi, ¡¡ no sabes cuanto te extraño !!......¡¡ pero cuantoooooo me divieerrrtoo !!

Pintada
andres69
andres69
USUARIO NUEVO
USUARIO NUEVO

Masculino Signo chino : Rata
Cantidad de envíos : 59
Fecha de inscripción : 20/06/2009
Edad : 36
Localización : Izucar de Matamoros

http://radiosensation.site90.net

Volver arriba Ir abajo

Volver arriba


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