- HOME

KARLOSNUN

CSS PWG

Codigo De Ice-Blue

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

Codigo De Red

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

Para Agregar Mas Colores

Cambiar Fuente En Tu Menu

Ice-Blue, Sin Menus, Box Y Con Ancho Modificable

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

Quitar Menu De Ice-Blue

<style type="text/css"> table.edit_main_table{width: 100% !important;} td.edit_main_tr{width: 100% !important;} table.edit_second_table{width: 100% !important;} td.edit_header_full{width: 100% !important;} td.edit_header_full table{width: 100% !important;} table.edit_third_table{width: 100% !important;} td.edit_navi_headbg{width: 15% !important;} table.edit_rechts_tabelle{width: 100% !important;} td.edit_rechts_bottom{width: 15% !important;} td.edit_rechts_cbg{width:100%;} td.edit_header_full{ width: 100% !important; background-repeat:no-repeat; background-position:center center; background-image:  none;} td.nav{ text-decoration: none; color: #transparent; width: 10px; height: 10px; background-image:  none;} td.nav:hover{ color: #transparent; width: 10px; height: 10px; background-image:  none;} td.edit_navi_headbg{ margin: 0px; padding: 0px; background-image:  none; background-color: #transparent; width: 10px; background-repeat: repeat-y;} td.edit_below_nav{ visibility: hidden; width: 10px;} td.edit_below_nav img{ visibility: hidden; width: 10px;} td.nav_heading{ width: 10px; height: 10px; background-image:  none; background-color: #transparent; padding-top: 0px; font-weight: bold; font-size: 15px; text-decoration: none;} td.edit_navi_headbg table{ width: 0px;} td.edit_content_bottom{ background-image:  none; background-color: #transparent; text-align: right;} td.edit_content_bottom2{ background-image:  none; background-color: #transparent; text-align: right;} //--></style>

menus css

Copia este codigo por encima de la pagina

<style type="text/css"> #MainMenu { width:100%; height:38px; background: url('https://img.webme.com/pic/s/samanyolu35/bmid_040.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 0 0 0 ; padding:0; } #tab a { background:#000000 url('https://img.webme.com/pic/s/samanyolu35/bright_040.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('https://img.webme.com/pic/s/samanyolu35/bleft_040.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:38px; 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:#000000; } #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 #330066; background: url('https://img.webme.com/pic/s/samanyolu35/bmid_040.gif'); color:#000000; 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 #000000; color:#000000; background:url('https://img.webme.com/pic/s/samanyolu35/bleft_040.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url('https://img.webme.com/pic/s/samanyolu35/bright_040.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #000000; 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>

Copia este codigo donde desees que apareca el menu

<script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chrome.js"></script> <style> #MainMenu { width:100%; height:38px; background: url("https://img.webme.com/pic/s/samanyolu35/bmid_040.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 0 0 0 ; padding:0; } #tab a { background:#000000 url("https://img.webme.com/pic/s/samanyolu35/bright_040.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("https://img.webme.com/pic/s/samanyolu35/bleft_040.gif") no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:38px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#000000; } #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 #330066; background: url("https://img.webme.com/pic/s/samanyolu35/bmid_040.gif"); color:#000000; 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 0 0 0 ; padding:0; display:block; border:0 solid #000000; color:#000000; background:url("https://img.webme.com/pic/s/samanyolu35/bleft_040.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url("https://img.webme.com/pic/s/samanyolu35/bright_040.gif") no-repeat right top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid #000000; 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> <div id="MainMenu"> <div id="tab"> <ul> <li><a target="_blank" href="LİNK" _fcksavedurl="LİNK"><span>TEXTO</span></a></li> <li><a target="_blank" href="LİNK" _fcksavedurl="LİNK"><span>TEXTO</span></a></li> <li><a target="_blank" href="LİNK" _fcksavedurl="LİNK"><span>TEXTO</span></a></li> <li><a target="_blank" href="LİNK " _fcksavedurl="LİNK "><span>TEXTO</span></a></li> <li><a target="_blank" href="LİNK" _fcksavedurl="LİNK"><span>TEXTO</span></a></li> </ul> </div> </div>

<<-----Mas Menus--->>

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

<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

Codigo de tab Menu B donde deve aprecer

<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

Codigo de tab Menu C donde deve aprecer

<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

Codigo de tab Menu D donde deve aprecer

Tab Menu E

Codigo de tab Menu E donde deve aprecer

<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>

HOME

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis