Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje13-09-2009, 21:23 (UTC)    
Título del mensaje: Problema con la barra de navegacion

Como pongo la barra asi mirar

Arriba pero yo lo tengo asi
Mensaje13-09-2009, 21:31 (UTC)    
Título del mensaje: Re: Problema con la barra de navegacion

nexsus-radio escribió:
Como pongo la barra asi mirar

Arriba pero yo lo tengo asi



explicate mejor no lo he entendido
______________

PWG es un proyecto de webme GmbH / Denuncias hacerlas a support-es@webme.com
Mensaje13-09-2009, 21:36 (UTC)    
Título del mensaje: Quieros que la barra de navegacion

{USERNAME} Ya Resuelto Cierra el tema


Ultima edición por nexsus-radio el Mar Sep 15, 2009 1:09 am; editado 2 veces
Mensaje13-09-2009, 21:50 (UTC)    
Título del mensaje:

lo que yo puedo entender esk este amn lo que quiere es un menu horizontal y no el vertical BUENO SI ES ASI TE DEJO EL CODIGO DE UN MENU HORIZONTAL:

Código:

<style type="text/css">

<!--

/* Menú desplegable por prometheos.es.tl*/

* {

margin:0;

padding:0;

}



#navbar {

position:relative;

margin:0 auto;

margin-top:15px;

padding:0px 10px;

text-transform:uppercase;

border-top:2px solid #f25e00;

}



#page-bar {

background-color:333;

width:722px;

}



#page-bar ul {

list-style: none;

}



#page-bar li {

float:left;

list-style:none;

cursor: pointer;

display:block;

border-right:1px solid #333;

}



#page-bar li:hover {

background: #f25e00;

}





#page-bar a, #page-bar a:visited {

margin: 0px;

padding:10px 16px;

font-weight:bold;

color:#FFF;

display:block;

}



#page-bar a:hover {

text-decoration:none;

display:block;

}





#page-bar li {

float: left;

margin: 0px;

padding: 0px;

}



#page-bar li li {

float: left;

margin: 0px;

padding: 0px;

width: 122px;

text-transform:none;

}



#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {

background: #2B2B2B;

width: 122px;

float: none;

margin: 0px;

padding: 5px 10px 5px 18px;

border-top: 1px solid #C0C0C0;

}



#page-bar li li a:hover, #page-bar li li a:active {

background: #666666;

padding: 5px 10px 5px 18px;

}



#page-bar li ul {

position: absolute;

width: 10em;

left: -999em;

}



#page-bar li:hover ul {

left: auto;

display: block;

}



#page-bar li:hover ul, #page-bar li.sfhover ul {

left: auto;

}



//-->

</style>

<ul id="page-bar">



<li><a href="/">TITULO</a></li>



<li><a href='URL DE LA PAGINA'>TITULO</a>

<ul class="children">



<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

</ul></li>



<li><a href='#'>Comunidad</a>

<ul class="children">



<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

<li class="cat-item"><a href='URL DE LA PAGINA'>TITULO</a></li>

</ul></li>





<li><a href='URL DE LA PAGINA'>TITULO</a></li>



<li><a href='URL DE LA PAGINA'>TITULO</a></li>



</ul>


COLOCALO EN TEXTO POR ENCIMA D ELA PAGINA

y si deseas ocultar por completo la navegacion y solo dejar el menu horizontal utiliza este codigo:
Código:
<style type="text/css">
<!-- td.nav{visibility:hidden;}
td.nav:hover{visibility:hidden;}
td.nav_heading{visibility:hidden;}
-->
</style>


colocalo en texto por debajo de la pagina espero te sirva

salu2
______________

Mensaje13-09-2009, 23:21 (UTC)    
Título del mensaje:

También podés hacer un menú horizontal en: www.cssmenumaker.com
Te dejo el tutorial: www.paginawebgratis.es/forum/viewtopic.php?t=25154&highlight=cssmenumaker

Saludos!
______________
Mensaje14-09-2009, 03:30 (UTC)    
Título del mensaje: No es nda de eso

Resuelto


Ultima edición por nexsus-radio el Lun Sep 14, 2009 10:34 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group