ver menu
si tu plantilla es de blogger para que este menu te funcione deberas hacer lo siguiente
- NO EXPANDEN PLANTILLA DE ARTILUGIOS Y BUSCAN DONDE DICE
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
- Tal vez salga 2 veses
- borran lo que dice class='tabs'
- Luego buscan donde dice
/* Tabs
----------------------------------------------- */
- borran lo que este dentro de esto hasta llegar a
/*HEANDING -----------------------------------------------------------*/
- y lo remplazan con esto
y guardan.ul {z-index: 200; padding:0 !important;}
li:hover {position:relative;}
#crosscol ul li {padding:0 !important;}
una ves que hayan echo esto pueden seguir con lo de abajo que serian los codigos.
si tu plantilla es descargada no se encontraran es /* Tabs
si tienes una plantilla descargada o echa por ti mismo entonses no habria problemas y harias lo siguiente.
como ya tienes borrado lo del /* tabs y has reemplazado todo un codigo por algo pequeño puedes copiar el suiguiente codigo, y para los que no tuvieron que borrar nada solo hagan los siguientes pasos
- antes de </head> pegas lo siguiente
<link href='http://dl.dropbox.com/u/71104108/Volley%20Loads/Menu-Dim_Gray/menu.css' rel='stylesheet' type='text/css'/>
<script src='http://dl.dropbox.com/u/71104108/Volley%20Loads/Menu-Dim_Gray/jquery.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/71104108/Volley%20Loads/Menu-Dim_Gray/menu.js' type='text/javascript'/>
- guardas y te diriges a diseño ally tendras que añadir un Gadget de HTML/javascript y pegar el siguiente codigo asegurate que despues de pegar el java y guardar este gadget deve estar debajo de la cabecera.
- todos los que estan en verde son los que se veran al inicio sin colocar el mause estos los puedes cambiar como quieras
- en donde se encuantran los ''#'' deveras borrar el numeral # y pegar el url de la pagina o entrada que tengas tal vez tu ya sabes como pero hay algunos que no devera quedar haci ''url de la entrada o pagina''
- todos los que digan Sub Item puedes cambiarlos como quieras
<div id="menu">
<ul class="menu">
<li><a href="/" class="parent"><span>Home</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.1.2</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
<li><a href="#"><span>Sub Item 1.3</span></a></li>
<li><a href="#"><span>Sub Item 1.4</span></a></li>
<li><a href="#"><span>Sub Item 1.5</span></a></li>
<li><a href="#"><span>Sub Item 1.6</span></a></li>
<li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.7.1</span></a></li>
<li><a href="#"><span>Sub Item 1.7.2</span></a></li>
</ul></div>
</li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 2</span></a></li>
<li><a href="#"><span>Sub Item 3</span></a></li>
</ul></div>
</li>
<li><a href="#" class="parent"><span>Product Info</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
</ul></div>
</li>
<li><a href="#" class="parent"><span>Sub Item 2</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 2.1</span></a></li>
<li><a href="#"><span>Sub Item 2.2</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 3</span></a></li>
<li><a href="#"><span>Sub Item 4</span></a></li>
<li><a href="#"><span>Sub Item 5</span></a></li>
<li><a href="#"><span>Sub Item 6</span></a></li>
<li><a href="#"><span>Sub Item 7</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Help</span></a></li>
<li class="last"><a href="#"><span>Contacts</span></a></li>
</ul>
</div>
0 comentarios:
Publicar un comentario