Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje14-04-2009, 17:21 (UTC)    
Título del mensaje: quitar menu vertical izquierdo en plantilla butterfly

oiga si alguien sabe pues que me diga como quitar el menu de la izquierda en plnatilla butterfly: ya tengo el menu horizontal abajo de el encabezado pero quiero que la busqueda de mis usuarios sea como la de pwg. lo que digo es quitar el menu de la izquierda y dejar el horizontal en plantilla butterfly

salu2
Mensaje14-04-2009, 17:42 (UTC)    
Título del mensaje:

Hola,
podrías quitar los botones pero se conservaría el espacio del menú en ese lugar. Te interesa igualmente?

Salu2!
Mensaje14-04-2009, 17:44 (UTC)    
Título del mensaje: pues...

no existe un moso de cambiar el color de fondo del menu para camuflarlo?

y que se tapen los nombres y que igual no se puedan clickear que se pueda solamente dar click en el menu horizontal

salu2
Mensaje14-04-2009, 17:53 (UTC)    
Título del mensaje:

Si si puedes, a lo que me refiero es que el contenido no se desplazará en ese espacio , quedará un espacio vacío...

Salu2!
Mensaje14-04-2009, 23:45 (UTC)    
Título del mensaje: tu menu

lo quiero tener como en tu web
www.tokarg.es.tl
tu no tienes menu a la izquirda pero si tienes menu desplegable en el encabezado!

por cierto me podrias dar el code para tu menu deplegable, yo tengo uno asi pero no es desplegable
Mensaje15-04-2009, 17:52 (UTC)    
Título del mensaje:

A eso iba, mi sitio es CSS-Design, tu si quitas tu menú te quedará todo el espacio del menú vacío. O sea que el contenido no se desplazará para ocupar el espacio de tu "ex menú"

Salu2!
Mensaje15-04-2009, 18:44 (UTC)    
Título del mensaje: respuesta

esta bien entonces si quiero...
oye me das un codigo de un menu desplegable?
Mensaje15-04-2009, 18:53 (UTC)    
Título del mensaje:

Mira este Tema acerca de como crear un Menu Desplegable --> http://paginawebgratis.es/forum/viewtopic.php?t=2517&highlight=menu+desplegable
Mensaje15-04-2009, 18:54 (UTC)    
Título del mensaje: este codigo

oigan observen este codigo de menu desplegable:



<div style="position:absolute;left:6px;top:350px;">
<head>
<link rel="stylesheet" type="text/css" href="/menu/menu_style.css" />
</head>

<div class="nav-container-outer">
<img src="/menu/images/nav-bg-l.jpg" alt="" class="float-left" />
<img src="/menu/images/nav-bg-r.jpg" alt="" class="float-right" />
<ul id="nav-container" class="nav-container">
<li><a class="item-primary" href="" target="_self">ENTERTAIMENT</a>
<ul style="width:150px;">
<li><a href="http://www.cryf.es.tl/%3DCRYF-GaMeS.htm" title="CRYF games" target="_self" >CRYF games</a></li>
<li><a href="http://www.cryf.es.tl/galery/index.htm" title="CRYF galery" target="_self" >CRYF galery</a></li>
<li><a href="http://www.cryf.es.tl/world-cryf-chat.htm" title="CRYF chatrooms" target="_self" >CRYF chatrooms</a></li>
<li><a href="http://www.cryf.es.tl/what-do-you-want-for-cryf-would-look-like-f-/index.htm" title="CRYF forum" target="_self" >CRYF forum</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-TOOLBAR.htm" title="download our toolbar" target="_self" >download our toolbar</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self">VIDEOS</a>
<ul style="width:150px;">
<li><a href="http://www.cryf.es.tl/entertainment.htm" title="entertainment videos" target="_self" >entertainment videos</a></li>
<li><a href="http://www.cryf.es.tl/commedy.htm" title="commedy videos" target="_self" >commedy videos</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self">JOIN US!</a>
<ul style="width:150px;">
<li><a href="http://www.cryf.es.tl/FREE-CRYF-REGISTRATION-ar-.htm" title="free registration" target="_self" >free registration</a></li>
<li><a href="http://www.cryf.es.tl/enter-the-cryf-world-ar-.htm" title="logg in" target="_self" >logg in</a></li>
<li><a href="http://www.cryf.es.tl/Contact.htm" title="contact us!" target="_self" >contact us!</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-TOOLBAR.htm" title="download our toolbar" target="_self" >download our toolbar</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self">OTHER...</a>
<ul style="width:150px;">
<li><a href="http://www.cryf.es.tl/CRYF-democratic-ar-.htm" title="CRYF polls" target="_self" >CRYF polls</a></li>
<li><a href="http://www.cryf.es.tl/google-maps.htm" title="GOOGLE maps" target="_self" >GOOGLE maps</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-FRIEND-WEBPAGES.htm" title="CRYF friend webpages" target="_self" >CRYF friend webpages</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-TOOLBAR.htm" title="download our toolbar" target="_self" >download our toolbar</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li class="clear"> </li>
</ul>
</div>
</div>



me sale como vertical ¿que hize mal?
Mensaje15-04-2009, 21:02 (UTC)    
Título del mensaje: tokarg

oye tokarg segui los pasos que tu me dijiste para el menu horizontal desplegable, lo hize todo como era pero de nada sirvio sale vertical en el cabezote!!!!!!!!!!!!! que hago ahora?? mira este code quiero que se vuelva horizontal completamente y con el estilo que yo selleccione. puedes observar el error en www.cryf.es.tl

gracias aqui esta el code:

<head>
<link rel="stylesheet" type="text/css" href="http://img48.xooimage.com/files/7/7/b/menu_style-d80e91.css" />
</head>

<div class="nav-container-outer">
<img src="http://img48.xooimage.com/files/7/7/b/menu_style-d80e91.css" alt="" class="float-left" />
<img src="http://img48.xooimage.com/files/7/7/b/menu_style-d80e91.css" alt="" class="float-right" />
<ul id="nav-container" class="nav-container">
<li><a class="item-primary" href="" target="_self">ENTERTAINMENT</a>
<ul style="width:150px;">
<li><a href="http://www.cryf.es.tl/%3DCRYF-GaMeS.htm" title="CRYF games" target="_self" >CRYF games</a></li>
<li><a href="http://www.cryf.es.tl/world-cryf-chat.htm" title="CRYF chatrooms" target="_self" >CRYF chatrooms</a></li>
<li><a href="http://www.cryf.es.tl/galery/index.htm" title="CRYF galery" target="_self" >CRYF galery</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-TOOLBAR.htm" title="download cryf toolbar" target="_self" >download cryf toolbar</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self">COMMUNITY</a>
<ul style="width:150px;">
<li><a href="http://www.cryf.es.tl/what-do-you-want-for-cryf-would-look-like-f-/index.htm" title="CRYF forums" target="_self" >CRYF forums</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-democratic-ar-.htm" title="CRYF polls" target="_self" >CRYF polls</a></li>
<li><a href="http://www.cryf.es.tl/Contact.htm" title="CRYF contact" target="_self" >CRYF contact</a></li>
<li><a href="http://www.cryf.es.tl/google-maps.htm" title="CRYF maps" target="_self" >CRYF maps</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-FRIEND-WEBPAGES.htm" title="CRYF friend webpages" target="_self" >CRYF friend webpages</a></li>
<li><a href="http://cryf.es.tl/CRYF-EN-ESPA%D1OL.htm" title="CRYF en español" target="_self" >CRYF en español</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-TOOLBAR.htm" title="download cryf toolbar" target="_self" >download cryf toolbar</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self">JOIN US!</a>
<ul style="width:150px;">
<li><a href="http://www.cryf.es.tl/FREE-CRYF-REGISTRATION-ar-.htm" title="CRYF registration" target="_self" >CRYF registration</a></li>
<li><a href="http://www.cryf.es.tl/enter-the-cryf-world-ar-.htm" title="CRYF log in" target="_self" >CRYF log in</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-TOOLBAR.htm" title="download cryf toolbar" target="_self" >download cryf toolbar</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self">VIDEOS</a>
<ul style="width:150px;">
<li><a href="http://www.cryf.es.tl/entertainment.htm" title="entertainment videos" target="_self" >entertainment videos</a></li>
<li><a href="http://www.cryf.es.tl/commedy.htm" title="commedy videos" target="_self" >commedy videos</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="http://www.cryf.es.tl/Home.htm" target="_self">CRYF HOME</a>
</li>
<li><span class="divider divider-vert" ></span></li>
<li class="clear"> </li>
</ul>
</div>
Mensaje15-04-2009, 21:05 (UTC)    
Título del mensaje: vi un detalle

el menu no funciona para firefox o mozilla pero internet explor 7 si!
hehehehehe?
ahy alguna forma de reparar esto?
Mensaje19-04-2009, 19:41 (UTC)    
Título del mensaje: resuelto

nadie en pwg me quizo ayudar per ya lo resolvi yo solito
Mensaje11-06-2010, 04:06 (UTC)    
Título del mensaje: Como quitar menu vertical y ocupar el espacio

para quitar el menu vertical y dejar solo el menu horizontal y aparte de esto que el texto se desplase y ocupe los lugares en donde estaba el menu, copea esto en "texto por encima de la página",,,
ojo tambien biene el menu horizontal desplegable en el codigo, junto con una etiquetas que agregue para cambiar las partes deseadas..

<style type="text/css">


<!--

/* Menú*/

* {

margin:0;

padding:0;

}




#navbar {

position:absolute; top:100px; left:10px;

margin:0 auto;

margin-top:15px;

padding:0px 10px;

text-transform:uppercase;

border-top:2px solid #f25e00; !Desconocido #f25e00 color naranja (CSS= position:absolute; top:0px; left:0px;);

}



#page-bar {

background-color:333; !prueba :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; !color de los espaciadores del menu #333 es negro;

}



#page-bar li:hover {

background: #f25e00; !Color de los bloques al poner el raton #f25e00 naranja;

}





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

margin: 0px;

padding:10px 16px;

font-weight:bold;

color:#DF0000;!Color del texto dentro de los bloques #FFF branco;

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;!Color de los segundos bloques del menu, antes de poner el raton ensima #2B2B2B negro-gris ;

width: 122px;

float: none;

margin: 0px;

padding: 5px 10px 5px 18px;

border-top: 1px solid #C0C0C0; !Desconocido #C0C0C0;

}



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

background: #666666; !Color de los segundos bloques, cuando se pone el raton #666666 gris;

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="/">Inicio</a></li>



<li><a href='vender.htm'>¿Cómo vender?</a>

<ul class="children">

<li class="cat-item"><a href='http://ptson.es.tl/vender.htm'>Inactivo</a></li>

</ul></li>





</ul>



<style type="text/css">
body {
width:800px;
position:relative;
margin-left:auto;
margin-right:auto;
background-color: White ;!Color de fondo de pagina;
}

td.edit_header_full{
display:none;}

td.headline {display:none;}

td.headline2 {display:none;}

td.nav{
width:.000001px;
height: .000001px;}

td.nav:hover{
width:.000001px;
height: .000001px;}

td.nav_heading{
width:.000001px;
height: .000001px;}

td.edit_below_nav{
visibility:hidden;}

td.edit_navi_headbg{display:none;}

td.edit_rechts_sbg{visibility:hidden;}

td.edit_content_top{display:none;}
















td.edit_content_container {
width:800px;
background-color: indigo;
background-image: url(http://img.webme.com/pic/p/ptson/platana.jpeg);!Imagen de fondo de la página, (Solo en el tecto)
border:0px groove hotpink;
}

td.edit_content {
z-index:0;
width:.000001px;
height: .000001px;}

td.edit_content_bottom{display:none;}

td.edit_content_bottom2{display:none;}

td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/p/ptson/platana.jpeg);}

td.edit_rb_footer{background-image:url();}

td.edit_rechts_bottom{background-image: url(URL);}

td.edit_content_bottom:hover{background-image:url();}





table.edit_main_table{width: 800px !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 20% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_below_nav{visibility: hidden;}
td#nav_Umfrage{display:none;}
td#nav_abstand, td#nav_abstand1, td#nav_abstand2, td#nav_abstand3, td#nav_abstand4, td#nav_abstand5, td#nav_abstand6, td#nav_abstand7, td#nav_abstand8, td#nav_abstand9, td#nav_abstand10, td#nav_abstand11, td#nav_abstand12, td#nav_abstand13, td#nav_abstand14, td#nav_abstand15, td#nav_abstand16, td#nav_abstand17, td#nav_abstand18, td#nav_abstand19, td#nav_abstand20, td#nav_abstand21, td#nav_abstand22, td#nav_abstand23, td#nav_abstand24, td#nav_abstand25{display:none;}
--></style>

<style type="text/css">
body {
width:800px;
position:relative;
margin-left:auto;
margin-right:auto;
background-color: White ;!Color de fondo de pagina;
}

td.edit_header_full{
display:none;}

td.headline {display:none;}

td.headline2 {display:none;}

td.nav{
width:.000001px;
height: .000001px;}

td.nav:hover{
width:.000001px;
height: .000001px;}

td.nav_heading{
width:.000001px;
height: .000001px;}

td.edit_below_nav{
visibility:hidden;}

td.edit_navi_headbg{display:none;}

td.edit_rechts_sbg{visibility:hidden;}

td.edit_content_top{display:none;}
















td.edit_content_container {
width:800px;
background-color: indigo;
background-image: url(http://img.webme.com/pic/p/ptson/platana.jpeg);!Imagen de fondo de la página, (Solo en el tecto)
border:0px groove hotpink;
}

td.edit_content {
z-index:0;
width:.000001px;
height: .000001px;}

td.edit_content_bottom{display:none;}

td.edit_content_bottom2{display:none;}

td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/p/ptson/platana.jpeg);}

td.edit_rb_footer{background-image:url();}

td.edit_rechts_bottom{background-image: url(URL);}

td.edit_content_bottom:hover{background-image:url();}





table.edit_main_table{width: 800px !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 20% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
td.edit_below_nav{visibility: hidden;}
td#nav_Umfrage{display:none;}
td#nav_abstand, td#nav_abstand1, td#nav_abstand2, td#nav_abstand3, td#nav_abstand4, td#nav_abstand5, td#nav_abstand6, td#nav_abstand7, td#nav_abstand8, td#nav_abstand9, td#nav_abstand10, td#nav_abstand11, td#nav_abstand12, td#nav_abstand13, td#nav_abstand14, td#nav_abstand15, td#nav_abstand16, td#nav_abstand17, td#nav_abstand18, td#nav_abstand19, td#nav_abstand20, td#nav_abstand21, td#nav_abstand22, td#nav_abstand23, td#nav_abstand24, td#nav_abstand25{display:none;}
--></style>
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group