:: CP - Recursos Web ::

Chrome menu

Crome menu

Una muy buen menu desplegable, facil de editar y muy util. Uno de los mejores recursos de dynamicDrive!

[ Ejemplo: ]

Link's 1 Link's 2 Link's 3 Link's 4 Link's 5

Link's 1 Link's 2 Link's 3

Informacion:
Nombre: Crome menu
Fecha: 02-07-2012
Creditos: DynamicDrive
Garantia: Si ?

Enlazanos:

Compartir:

[ Codigos: ]

- Texto por encima de la pagina

<style>.chromestyle{width: 99%;font-weight: bold;}
.chromestyle:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.chromestyle ul{border: 1px solid #BBB;width: 100%;
background: url("https://img.webme.com/pic/c/cssplantillas/cpchromebg.gif") center center repeat-x; 
padding: 4px 0;margin: 0;text-align: center;}
.chromestyle ul li{display: inline;}
.chromestyle ul li a{color: #494949;padding: 4px 7px;margin: 0;text-decoration: none;border-right: 1px solid #DADADA;}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{
background: url("https://img.webme.com/pic/c/cssplantillas/cpchromebgover.gif") center center repeat-x;}
.dropmenudiv{position:absolute;top: 0;border: 1px solid #BBB;border-bottom-width: 0;font:normal 12px Verdana;
line-height:18px;z-index:100;background-color: white;width: 200px;visibility: hidden;}
.dropmenudiv a{width: auto;display: block;text-indent: 3px;border-bottom: 1px solid #BBB;
padding: 2px 0;text-decoration: none;font-weight: bold;color: black;}
* html .dropmenudiv a{width: 100%;}
.dropmenudiv a:hover{background-color: #F0F0F0;}</style>
<script type="text/javascript" src="http://www.fileden.com/files/2009/5/1/2426283/chrome.txt"></script>

- Pon esto donde quieres que salga el codigo

<div class="chromestyle" id="chromemenu"><ul>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL" rel="dropmenu1">Link's 2 »</a></li>
<li><a href="URL" rel="dropmenu2">Link's 3 »</a></li>
<li><a href="URL" rel="dropmenu3">Link's 4 »</a></li>	
</ul></div>
                                                   
<div id="dropmenu1" class="dropmenudiv">
<a href="URL">Link's 1</a>
<a href="URL">Link's 2</a>
<a href="URL">Link's 3</a>
<a href="URL">Link's 4</a>
<a href="URL">Link's 5</a>
</div>
                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="URL">Link's 1</a>
<a href="URL">Link's 2</a>
<a href="V">Link's 3</a>
</div>
                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="URL">Link's 1</a>
<a href="V">Link's 2</a>
<a href="V">Link's 3</a>
</div>
<script type="text/javascript">cssdropdown.startchrome("chromemenu")</script>

Apuntes
Edita los link's y donde dice "URL" pon las direcciones que llevaran.
- Para cualquier consulta visita nuestro Foro de soporte.

Ya lo han visto 164 visitantesGracias por tu visita!

Recomendamos:

| CERRAR