La version 2 de warioteayuda

Menus-3

Menu css Parte 3 :

Siguiente Menu by ipahuechuraba

"Texto encima de la pagina" :

<style type="text/css"> .pro8 {padding:0 0 0 32px; margin:0; list-style:none; height:25px; background:#fff url(http://pixelea.com/s/bec2e5ab7f.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;} .pro8 li {float:left;} .pro8 li a {display:block; float:left; height:25px; line-height:23px; background:url(http://pixelea.com/s/0204891576.gif); color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;} .pro8 li a b {float:left; display:block; padding:0 12px 0 0; background:url(http://pixelea.com/s/0204891576.gif) right top;} .pro8 li.current a {color:#fff; background:url(http://pixelea.com/s/b3432e27f1.gif);} .pro8 li.current a b {background:url(http://pixelea.com/s/b3432e27f1.gif) right top;} .pro8 li a:hover {color:#000; background:url(http://pixelea.com/s/0ce0cd8e8f.gif);} .pro8 li a:hover b {background:url(http://pixelea.com/s/0ce0cd8e8f.gif) right top;} .pro8 li.current a:hover {color:#fff; background:url(http://pixelea.com/s/b3432e27f1.gif); cursor:default;} .pro8 li.current a:hover b {background:url(http://pixelea.com/s/b3432e27f1.gif) right top;} </style>

Para agregar :

<ul class="pro8"> <li><a href="URL DEL LINK'S" _fcksavedurl="URL DEL LINK'S"><b>Nombre del link's</b></a></li> <li><a href="URL DEL LINK'S" _fcksavedurl="URL DEL LINK'S"><b>Nombre del link's</b></a></li> <li><a href="URL DEL LINK'S" _fcksavedurl="URL DEL LINK'S"><b>Nombre del link's</b></a></li> <li><a href="URL DEL LINK'S" _fcksavedurl="URL DEL LINK'S"><b>Nombre del link's</b></a></li> <li><a href="URL DEL LINK'S" _fcksavedurl="URL DEL LINK'S"><b>Nombre del link's</b></a></li> <li><a href="URL DEL LINK'S" _fcksavedurl="URL DEL LINK'S"><b>Nombre del link's</b></a></li> </ul>

Menu de dynamicdrive traido a pwg por ivanswebs.es.tl

<span onmouseover_fckprotectedatt=" onmouseover="_tipon(this)"" onmouseout_fckprotectedatt=" onmouseout="_tipoff()""><span class="google-src-text" style="direction: ltr; text-align: left"><script> if (!document.layers) document.write('<div id="divStayTopLeft" style="position:absolute">') </script> <layer id="divStayTopLeft">  <table border="1" width="130" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#FFFFCC"> <p align="center"><b><font size="4">Menu</font></b></td> </tr> <tr> <td width="100%" bgcolor="#FFFFFF"> <p align="left"> <a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com">Dynamic Drive</a><br> <a href="http://www.dynamicdrive.com/new.htm" _fcksavedurl="http://www.dynamicdrive.com/new.htm">What's New</a><br> <a href="http://www.dynamicdrive.com/hot.htm" _fcksavedurl="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br> <a href="http://www.dynamicdrive.com/faqs.htm" _fcksavedurl="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br> <a href="http://www.dynamicdrive.com/morezone/" _fcksavedurl="http://www.dynamicdrive.com/morezone/">More Zone</a></td> </tr> </table>  </layer> <script type="text/javascript"> /* Floating Menu script- Roy Whittle (http://www.javascript-fx.com/) Script featured on/available at http://www.dynamicdrive.com/ This notice must stay intact for use */ //Enter "frombottom" or "fromtop" var verticalpos="frombottom" if (!document.layers) document.write('</div>') function JSFX_FloatTopDiv() { var startX = 3, startY = 150; var ns = (navigator.appName.indexOf("Netscape") != -1); var d = document; function ml(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x;this.style.top=y;}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ?</span> <script> if (! document.layers) document.write ( '<div id="divStayTopLeft" style="position:absolute">') </ script> <layer id="divStayTopLeft"> <! - EDIT ABAJO código a su propio menú -> <table border="1" width="130" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#FFFFCC"> < p align = "center"> <font size="4"> <b> Menú </ font> </ b> </ td> </ tr> <tr> <td width = "100%" bgcolor = "# FFFFFF "> <p align="left"> href="http://www.dynamicdrive.com"> <a Dynamic Drive </ a> <br> <a href =" http://www.dynamicdrive.com / new.htm "> ¿Qué hay de nuevo </ a> <a <br> href="http://www.dynamicdrive.com/hot.htm"> Lo más </ a> <br> <a href =" http : / / www.dynamicdrive.com / faqs.htm "> Preguntas frecuentes </ a> <a <br> href="http://www.dynamicdrive.com/morezone/"> Más Zona </ a> </ td > </ tr> </ table> <! - FIN DE EDITAR -> </ capa> <script type="text/javascript"> / * Menú flotante script-Roy Whittle (http://www.javascript- fx.com /) de secuencias de comandos que figuran en / disponibles en http://www.dynamicdrive.com/ Este aviso debe permanecer intacta para su uso * / / / Intro "frombottom" o "fromtop" verticalpos var = "frombottom" if (! documento . capas) document.write ( '</ div>') JSFX_FloatTopDiv función () (var startx = 3, startY = 150; var ns = (navigator.appName.indexOf ( "Netscape")! = -1); var d = documento; función ml (id) (var el = d.getElementById? d.getElementById (id): d.all? d.all [id]: d.layers [id], si (d.layers) el.style = el; el.sP = function (x, y) = x (this.style.left; this.style.top = y;); el.x = startx, si (verticalpos == "fromtop") el.y = startY; else (el.y = ns?</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function() { if (verticalpos=="fromtop"){ var pY = ns ?</span> pageYOffset + innerHeight: document.body.scrollTop + document.body.clientHeight; el.y -= startY;) el retorno;) window.stayTopLeft = function () (if (verticalpos == "fromtop") (var ns = PY ?</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">pageYOffset : document.body.scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ?</span> pageYOffset: document.body.scrollTop; ftlObj.y + = (PY + startY - ftlObj.y) / 8;) else (var py = ns?</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("divStayTopLeft"); stayTopLeft(); } JSFX_FloatTopDiv(); </script></span> pageYOffset + innerHeight: document.body.scrollTop + document.body.clientHeight; ftlObj.y + = (PY - startY - ftlObj.y) / 8;) ftlObj.sP (ftlObj.x, ftlObj.y); setTimeout ( " stayTopLeft () ", 10);) ftlObj = ml (" divStayTopLeft "); stayTopLeft ();) JSFX_FloatTopDiv (); </ script></span>

Menu by thekingmarine

"Texto encima de la pagina" :

<style type="text/css"> body{ background:#000000; } #menu ul { padding: 0px; margin: 0px; background: url(http://pixelea.com/s/b971a69e33.gif) repeat-x; font-size: 17px; font-weight: bold; width: 100%; float: left; font-family:"Comic Sans MS", Tahoma, Verdana, Helvetica, Arial; } #menu ul li { display: inline; } #menu ul li a:link, #menu ul li a:visited { background: url(http://pixelea.com/s/b971a69e33.gif) left top no-repeat; color: #F00; padding-left:35px; float: left; text-decoration: none; display:block; margin:0 5px; } #menu ul li a span{ padding:5px 35px 5px 0; line-height:24px; display:block; background: url(button.png) right top no-repeat; } #menu ul li a:hover, #menu ul li a:active{ color: #FFF; background: url(http://pixelea.com/s/befb970e6a.gif) left bottom no-repeat; } #menu ul li a:hover span, #menu ul li a:active span{ background: url(http://pixelea.com/s/befb970e6a.gif) right bottom no-repeat; } </style>

Para agregar :

<div id="menu"> <ul> <li><a href="http://www.thekingmarine.es.tl" _fcksavedurl="http://www.thekingmarine.es.tl"><span>HOME</span></a></li> <li><a href="#" _fcksavedurl="#"><span>TEXTO</span></a></li> <li><a href="#" _fcksavedurl="#"><span>TEXTO</span></a></li> <li><a href="#" _fcksavedurl="#"><span>TEXTO</span></a></li> <li><a href="#" _fcksavedurl="#"><span>TEXTO</span></a></li> </ul> </div>

Siguientes menus traidos por mi :

Fuente :
http://e-lusion.com/

"Texto por encima de la página " :

<link href="http://img1.xooimage.com/files/0/8/3/styler-c9f934.css" type="text/css" rel="stylesheet" />

Para agregar :

<div id="container"> <div id="firstcol"> <div id="menu2"> <ul> <li><a href="#1" _fcksavedurl="#1" title="Home">Home</a></li> <li><a href="#2" _fcksavedurl="#2" title="About">About</a></li> <li><a href="#3" _fcksavedurl="#3" title="Services">Services</a></li> <li><a href="#4" _fcksavedurl="#4" title="Portfolio">Portfolio</a></li> <li><a href="#5" _fcksavedurl="#5" title="Store">Store</a></li> <li><a href="menu2.zip" _fcksavedurl="menu2.zip" title="Download">Download Menu</a></li> </ul> </div> <div id="menu3"> <ul> <li><a href="#1" _fcksavedurl="#1" title="Home">Home</a></li> <li><a href="#2" _fcksavedurl="#2" title="About">About</a></li> <li><a href="#3" _fcksavedurl="#3" title="Services">Services</a></li> <li><a href="#4" _fcksavedurl="#4" title="Portfolio">Portfolio</a></li> <li><a href="#5" _fcksavedurl="#5" title="Store">Store</a></li> <li><a href="menu3.zip" _fcksavedurl="menu3.zip" title="Download">Download Menu</a></li> </ul> </div> <div id="secondcol"> <div id="menu4"> <ul> <li><a href="#1" _fcksavedurl="#1" title="Home">Home</a></li> <li><a href="#2" _fcksavedurl="#2" title="About">About</a></li> <li><a href="#3" _fcksavedurl="#3" title="Services">Services</a></li> <li><a href="#4" _fcksavedurl="#4" title="Portfolio">Portfolio</a></li> <li><a href="#5" _fcksavedurl="#5" title="Store">Store</a></li> <li><a href="menu4.zip" _fcksavedurl="menu4.zip" title="Download">Download Menu</a></li> </ul> </div> <div id="menu5"> <ul> <li><a href="#1" _fcksavedurl="#1" title="Home">Home</a></li> <li><a href="#2" _fcksavedurl="#2" title="About">About</a></li> <li><a href="#3" _fcksavedurl="#3" title="Services">Services</a></li> <li><a href="#4" _fcksavedurl="#4" title="Portfolio">Portfolio</a></li> <li><a href="#5" _fcksavedurl="#5" title="Store">Store</a></li> <li><a href="menu5.zip" _fcksavedurl="menu5.zip" title="Download">Download Menu</a></li> </ul> </div> <div id="menu6"> <ul> <li><a href="#1" _fcksavedurl="#1" title="Home">Home</a></li> <li><a href="#2" _fcksavedurl="#2" title="About">About</a></li> <li><a href="#3" _fcksavedurl="#3" title="Services">Services</a></li> <li><a href="#4" _fcksavedurl="#4" title="Portfolio">Portfolio</a></li> <li><a href="#5" _fcksavedurl="#5" title="Store">Store</a></li> <li><a href="menu6.zip" _fcksavedurl="menu6.zip" title="Download">Download Menu</a></li> </ul> </div> </div> <div id="thirdcol"> <div id="menu7"> <ul> <li><a href="#1" _fcksavedurl="#1" title="Home">Home</a></li> <li><a href="#2" _fcksavedurl="#2" title="About">About</a></li> <li><a href="#3" _fcksavedurl="#3" title="Services">Services</a></li> <li><a href="#4" _fcksavedurl="#4" title="Portfolio">Portfolio</a></li> <li><a href="#5" _fcksavedurl="#5" title="Store">Store</a></li> <li><a href="menu7.zip" _fcksavedurl="menu7.zip" title="Download">Download Menu</a></li> </ul> </div> <div id="menu9"> <ul> <li><a href="#1" _fcksavedurl="#1" title="Home">Home</a></li> <li><a href="#2" _fcksavedurl="#2" title="About">About</a></li> <li><a href="#3" _fcksavedurl="#3" title="Services">Services</a></li> <li><a href="#4" _fcksavedurl="#4" title="Portfolio">Portfolio</a></li> <li><a href="#5" _fcksavedurl="#5" title="Store">Store</a></li> <li><a href="menu9.zip" _fcksavedurl="menu9.zip" title="Download">Download Menu</a></li> </ul> </div> </div> </div> </div>

Ahora este traido tambien por mi :

Este texto antes :

<style type="text/css">  </style>

Para agregar :

Fuente :

http://css.maxdesign.com.au/listamatic/vertical13.htm