La version 2 de warioteayuda

Menus 2

Menus css -- Parte 2

Sigueintes menus

By webmasterayuda sacado del foro alemán :

"Texto encima de la pagina "

<style type="text/css"> #MainMenu { height:36px; background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab a { background: url('http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:36px; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid ; background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif'); color:#FFFFFF; z-index:100; text-decoration:none; padding:0 } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0; padding:0; display:block; border:0px solid ; color:#FFFFFF; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:36px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid ; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#FFFFFF } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromees.js"></script> <style> #MainMenu { height:36px; background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab a { background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif") no-repeat left top; padding:0 22px 0 22px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:36px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid ; background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif"); color:#FFFFFF; z-index:100; text-decoration:none; padding:0; } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0; padding:0; display:block; border:0 solid ; color:#FFFFFF; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:36px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_113.gif") no-repeat right top; padding:0 22px 0 22px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid ; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#FFFFFF; } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; } </style>

Para agregar :
<div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>

Encima de la pagina :
<style type="text/css"> #MainMenu { height:41px; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_063.gif'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab a { background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_063.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_063.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#4D4D4D; font-weight:bold; line-height:41px; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:#FF9300; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid ; background: url('http://www.fileden.com/files/2007/6/19/1190933/bmid_063.gif'); color:#4D4D4D; z-index:100; text-decoration:none; padding:0 } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0; padding:0; display:block; border:0px solid ; color:#4D4D4D; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_063.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:41px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_063.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#4D4D4D; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #FF9300; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000 } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/4.js"></script> <style> #MainMenu { height:41px; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_063.gif"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab a { background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_063.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_063.gif") no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#4D4D4D; font-weight:bold; line-height:41px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#FF9300; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid ; background: url("http://www.fileden.com/files/2007/6/19/1190933/bmid_063.gif"); color:#4D4D4D; z-index:100; text-decoration:none; padding:0; } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0; padding:0; display:block; border:0 solid ; color:#4D4D4D; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_063.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:41px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_063.gif") no-repeat right top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#4D4D4D; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid #FF9300; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style>

Para agregar :

<div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>

Codigo encima de la pagina :

<style type="text/css"> #MainMenu { height:37px; background: #FFFFFF; margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab a { background: url('http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:37px; padding-left:25px; padding-right:25px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid ; background: #FFFFFF; color:#FFFFFF; z-index:100; text-decoration:none; padding:0 } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0; padding:0; display:block; border:0px solid ; color:#FFFFFF; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:37px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; padding-left:25px; padding-right:25px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid ; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000 } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromey.js"></script> <style> #MainMenu { height:37px; background: #FFFFFF; margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab a { background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif") no-repeat left top; padding:0 25px 0 25px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:37px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid ; background: #FFFFFF; color:#FFFFFF; z-index:100; text-decoration:none; padding:0; } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0; padding:0; display:block; border:0 solid ; color:#FFFFFF; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:37px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif") no-repeat right top; padding:0 25px 0 25px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid ; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style>

Para agregar :

<div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="#" _fcksavedurl="#"><span>Home</span></a></li> <li><a href="#" _fcksavedurl="#"><span>About</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Contact</span></a></li> </ul> </div> </div>

Codigo encima de la pagina :

<style type="text/css">  </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromeses.js"></script> <style>  </style>

Para agregar :

<div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="LINK" _fcksavedurl="LINK"><span>TYTUŁ</span></a></li> <li><a href="LINK" _fcksavedurl="LINK"><span>TYTUŁ</span></a></li> <li><a href="LINK" _fcksavedurl="LINK"><span>TYTUŁ</span></a></li> </ul> </div> </div>

Codigo encima de la pagina :

Para agregar :

<div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="LINK" _fcksavedurl="LINK"><span>TYTUŁ</span></a></li> <li><a href="LINK" _fcksavedurl="LINK"><span>TYTUŁ</span></a></li> <li><a href="LINK" _fcksavedurl="LINK"><span>TYTUŁ</span></a></li> </ul> </div> </div>

Codigo encima de la pagina :
<style type="text/css">  </style> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromeyy.js"></script> <style>  </style>

Para agregar :

<div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="LINK" _fcksavedurl="LINK"><span>TYTUŁ</span></a></li> <li><a href="LINK" _fcksavedurl="LINK"><span>TYTUŁ</span></a></li> <li><a href="LINK" _fcksavedurl="LINK"><span>TYTUŁ</span></a></li> </ul> </div> </div>

Texto Encima de la pagina

<div id="outside"> <ul id="navigation-1"> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a> <ul class="navigation-2"> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a> <ul class="navigation-2"> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a> <ul class="navigation-2"> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a> <ul class="navigation-2"> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> <li><a href="#" _fcksavedurl="#" title="sample" target="_self">sample</a></li> </ul> </li> </ul> </div>

Siguientes menus

By radioflash24

=>

<<---Menu de la semana--->>

Copia este codigo por encima de la pagina

Nota: Todo Tad deve estar pegado por encima de la paginay el codigo al lado del tad deves pegarlo donde desees que salga en tu pagina

Tab Menu

Codigo de tab Menu donde deve aprecer

Tab Menu B

Codigo de tab Menu B donde deve aprecer

Tab Menu C

Codigo de tab Menu C donde deve aprecer

Tab Menu D

Codigo de tab Menu D donde deve aprecer

Tab Menu E

Codigo de tab Menu E donde deve aprecer