- normal

normal

Bienvenidos a la zona de menus normales que tdos los codigos van encima de la paginas o casi todos

Menu(Mac os) (ya viene con imagenesi ncluidas)

Esto va en 1 box de la derecha

<div style="position:absolute;left:490px;top:-23px;"> <div align="center"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" ></FCK:meta> <title>CSS Mac Dock</title> <script type="text/javascript" src="http://extremeart.bplaced.net/filemanager/js/jquery.js"></script> <script type="text/javascript" src="http://extremeart.bplaced.net/filemanager/js/interface.js"></script>  <link href="http://extremeart.bplaced.net/filemanager/style.css" rel="stylesheet" type="text/css" /> </head> <body><center> <div width="921" height="150"> <div class="dock" id="dock2"> <div class="dock-container2"> <a class="dock-item2" href=Link _fcksavedurl=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_self"><span>Nombre del Link</span><img src="http://pixelea.com/s/dc93e5611a.png" _fcksavedurl="http://pixelea.com/s/dc93e5611a.png" _fcksavedurl="http://pixelea.com/s/24f447a302.png" alt="Home" /></a> <a class="dock-item2" href=Link _fcksavedurl=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src=" http://pixelea.com/s/4039c0bd45.png" _fcksavedurl=" http://pixelea.com/s/4039c0bd45.png" _fcksavedurl="http://pixelea.com/s/724765e8e9.png" alt="Home" /></a> <a class="dock-item2" href=Link _fcksavedurl=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://pixelea.com/s/724765e8e9.png" _fcksavedurl="http://pixelea.com/s/724765e8e9.png" _fcksavedurl="https://img.webme.com/pic/t/team-iceblue/imac.png" alt="Home" /></a> <a class="dock-item2" href=Link _fcksavedurl=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://pixelea.com/s/cb7065c1c5.png" _fcksavedurl="http://pixelea.com/s/cb7065c1c5.png" _fcksavedurl="http://pixelea.com/s/882fc43c2f.png" alt="Home" /></a> <a class="dock-item2" href=Link _fcksavedurl=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://pixelea.com/s/882fc43c2f.png" _fcksavedurl="http://pixelea.com/s/882fc43c2f.png" _fcksavedurl="http://pixelea.com/s/882fc43c2f.png" alt="Home" /></a> </div> </div> </div>  <script type="text/javascript"> $(document).ready( function() { $('#dock2').Fisheye( { maxWidth: 70, items: 'a', itemsText: 'span', container: '.dock-container2', itemWidth: 50, proximity: 90, alignment : 'left', valign: 'bottom', halign : 'center' } ) } ); </script> </center> </body> </html> <br></FONT> <table height="27"> <tr> <td height="27" valign="middle"> <script type="text/javascript"> _uacct = "UA-2594508-8"; urchinTracker(); </script></body>

Esto va encima de la pagina

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

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

<style type="text/css"> <!-- #tabs { float:left; width:100%; background:#BBD9EE; font-size:93%; line-height:normal; } #tabs ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url("http://img353.imageshack.us/img353/6393/tableftma4.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs a span { float:left; display:block; background:url("http://img353.imageshack.us/img353/4372/tabrightlx7.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#FF9834; } #tabs a:hover { background-position:0% -42px; } #tabs a:hover span { background-position:100% -42px; } </style>

Tab Menu B

<style type="text/css"> <!-- #tabsB { float:left; width:100%; background:#F4F4F4; font-size:93%; line-height:normal; } #tabsB ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsB li { display:inline; margin:0; padding:0; } #tabsB a { float:left; background:url("http://img353.imageshack.us/img353/6475/tableftbfr6.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url("http://img353.imageshack.us/img353/9177/tabrightbbs5.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsB a span {float:none;} /* End IE5-Mac hack */ #tabsB a:hover span { color:#000; } #tabsB a:hover { background-position:0% -42px; } #tabsB a:hover span { background-position:100% -42px; } </style>

Tab Menu C

<style type="text/css"> <!-- #tabsC { float:left; width:100%; background:#EDF7E7; font-size:93%; line-height:normal; } #tabsC ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsC li { display:inline; margin:0; padding:0; } #tabsC a { float:left; background:url("http://img148.imageshack.us/img148/6404/tableftcqy0.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsC a span { float:left; display:block; background:url("http://img148.imageshack.us/img148/2690/tabrightdlq8.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#464E42; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsC a span {float:none;} /* End IE5-Mac hack */ #tabsC a:hover span { color:#FFF; } #tabsC a:hover { background-position:0% -42px; } #tabsC a:hover span { background-position:100% -42px; } </style>

Tab Menu D

e type="text/css"> <!-- #tabsD { float:left; width:100%; background:#FCF3F8; font-size:93%; line-height:normal; border-bottom:1px solid #F4B7D6; } #tabsD ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsD li { display:inline; margin:0; padding:0; } #tabsD a { float:left; background:url("http://img148.imageshack.us/img148/797/tableftdnu9.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsD a span { float:left; display:block; background:url("http://img148.imageshack.us/img148/2690/tabrightdlq8.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#C7377D; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsD a span {float:none;} /* End IE5-Mac hack */ #tabsD a:hover span { color:#C7377D; } #tabsD a:hover { background-position:0% -42px; } #tabsD a:hover span { background-position:100% -42px; } </style>

Tab Menu E
<style type="text/css"> <!--#tabsE { float:left; width:100%; background:#000; font-size:93%; line-height:normal; } #tabsE ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsE li { display:inline; margin:0; padding:0; } #tabsE a { float:left; background:url("http://img142.imageshack.us/img142/9522/tableftetz1.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsE a span { float:left; display:block; background:url("http://img142.imageshack.us/img142/318/tabrightegc1.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsE a span {float:none;} /* End IE5-Mac hack */ #tabsE a:hover span { color:#FFF; } #tabsE a:hover { background-position:0% -42px; } #tabsE a:hover span { background-position:100% -42px; } </style>

normal

Menu

PWG y Foroactivo

Zona WebMaster

Templantes

Photoshop

Otros

Mi Banner

Banners Afilados