EMPECEMOS

Para que tu blog acepte cualquier menú dirígete a Plantilla luego Editar HTLM y buscas lo siguiente:


<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
lo que está en Rojo class='tabs' lo debes borrar.
Tal vez, aparezca otra debajo de esta <b:section, si llega a estar, también le borras el class='tabs'

Ahora trata de buscar lo siguiente:

 /* Tabs----------------------------------------------- */
Todo lo que esté debajo después de este fragmento lo borras, hasta llegar a:


 /*HEANDING -----------------------------------------------------------*/ 

Y en medio de los 2 colocan esto:
ul {
z-index: 200; padding:0 !important;
}
li:hover {
position:relative;
}
#crosscol ul li {
padding:0 !important;
}



Debe Quedar Algo así.

/* Tabs
----------------------------------------------- */
ul {
z-index: 200; padding:0 !important;
}
li:hover {
position:relative;
}
#crosscol ul li {
padding:0 !important;
} 
/*HEANDING                                                                                                         -----------------------------------------------------------*/


Ahora si podrán Colar cualquier menú..

ATENCIÓN

Este código evita que el menú se tome el ancho de toda la página, ahora, si tú quieres que se tome todo el ancho de la página no hagas nada...
Si empiezas a tener problemas, entonces decide hacerlo.. y en la parte de
  ul {z-index: 200; padding:0 !important;}
Cambias lo que está en rojo hasta que se te acomode.
Si sigues teniendo problemas
Puedes tambien ir a Plantilla, luego Edicion de HTML
busca ]]></b:skin> y encima pega lo siguiente. al ponerlo en 100% este se tomará todo el ancho

div#menu { 
width:100%
}


o puedes editar los pixeles 
div#menu { 
width:700px
}

Gracias a todos.. Espero Sus Comentarios y/o Dudas.

0 comentarios:

Publicar un comentario

Comparte y Sígueme