Codigo De Ice-Blue
<style type="text/css"> <!-- td.edit_header_full{background-image:url(IMAGEN DE ENCAVEZADO);background-color:;height:ANCHOpx;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image:url(IMAGEN DE FONDO);background-attachment: fixed;background-color:#TU COLOR;} td.nav{background-image:url(BOTON PRINCIPAL);height:TAMAÑOpx;} td.nav:hover{background-image: url(BOTON HOVER);height:TAMAÑOpx;} td.nav_heading{background-image:url(IMAGEN SOBRE EL MENU);background-color:#TU COLOR;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image:url(IMAGEN);} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image:url(IMAGEN ENSIMA DE LOS BOXS);background-color:#TU COLOR;} td.edit_content_top{background-image:url(IMAGEN ENSIMA DEL CONTENIDO);background-color:;height:TAMAÑOpx;} td.edit_content{background-image:url(IMAGEN DEL CONTENIDO);background-color:#COLOR DEL CONTENIDO;} td.edit_content_bottom{background-image:url(FONDO DEL CONTENIDO);background-color:#TU COLOR;height:TAMAÑOpx;} td.edit_content_bottom2{background-image:url(IMAGEN);} td.shouty{background-image:url(IMAGEN DE CONTENIDO EN BOX);background-color:#TU COLOR;} td.shouty2{background-image:url(IMAGEN);background-color:#TU COLOR;} td.shouty3{background-image:url(IMAGEN);background-color:#TU COLOR;} td.shouty4{background-image:url(IMAGEN);background-color:#TU COLOR;} td.shouty5{background-image:url(IMAGEN);background-color:#TU COLOR;} td.edit_rechts_cbg{background-image: url(IMAGEN);} td.edit_rb_footer{background-image:url(IMAGEN);background-color:#TU COLOR;} td.edit_rechts_bottom{background-image: url(IMAGEN);} td.edit_content_bottom:hover{background-image:url(FONDO DEL CONTENIDO HOVER);background-color:#TU COLOR;height:TAMAÑOpx;} --></style>

Codigo De Red
<style type="text/css"> <!-- body {background-image:url(IMAGEN DE ENCAVEZADO);} a {color:TU COLOR;} a:hover {color:red; text-decoration: underline;} a.rednav{color:TU COLOR;} a.rednav:hover {color:blue; text-decoration: underline;} td.edit_button_bg{background-image:url(BOTON PRINCIPAL);} td.edit_button_bg:hover{background-image:url(BOTON HOVER);} td.edit_links_bg, td.edit_bottom_bg,td.edit_rechts_bg{background-image: none;background-color: #TU COLOR;} td.edit_bottom_bg img{visibility: hidden;} td.edit_content_header{height: 55px;background-image: url(IMAGEN DE CONTENIDO);background-color: #TU COLOR;border: 3px solid #TU COLOR;} td.edit_page_main2{background-image: url(IMAGEN);background-color: #TU COLOR;} td.edit_main_bg, td.edit_page_main_bg{background-image: url(IMAGEN);background-color: #TU COLOR;} td.rb_over, td.edit_rechts_header2{background-image: url(IMAGEN);background-color: #TU COLOR;} td.rb_footer{visibility: hidden;} td.rb_right_mini{background-color: #TU COLOR;width: 10px;} td.edit_rechts_header {background-image: url(IMAGEN ENSIMA DE LOS BOXS); width: 195px;height: 28px;} td.content_over img{visibility: hidden;} td.cont_bottom img{visibility: hidden;} td.edit_content_bg{background-image: none;background-color: #TU COLOR;} td.cont{color: #TU COLOR;} td.edit_rechts_bg{color: #TU COLOR;} td.rb_footer{background-image: url(URL);background-color: #TU COLOR;} td.rb_bottom2{background-image: url(URL);background-color: #TU COLOR;} td.rb_footer img{visibility: hidden;height: 0px;} td.edit_rechts_bg_unten{background-image:url(IMAGEN);} td.edit_header{background-image:url(IMAGEN);} td.edit_navhead{background-image:url(IMAGEN ENSIMA DE LOS BOTONES DEL MENU);} td.edit_zeile{background-image: url(FONDO);} --> </style>

Para Agregar Mas Colores
.menu06{padding:0 0 0px; line-height:33px; background-image:url(URL DE LA IMAGEN); margin-left:-25px;margin-top: -0px;widht: 185px;height: 20px;} .menu06:hover{padding:0 0 0px; line-height:33px; background-image:url(URL DE LA IMAGEN); margin-left:-25px;margin-top: -0px;185px;height: 20px;}

Cambiar Fuente En Tu Menu
<style type="text/css"> <!-- td.nav a{font-family: TIPO DE LETRA;font-size: 11px;color: #FF0000;} td.nav a:hover{font-family: TIPO DE LETRA;font-size: 11px;color: #FF0000;} --> </style>

Ice-Blue, Sin Menus, Box Y Con Ancho Modificable
<style type="text/css"> <!-- body { width:800px; position:relative; margin-left:auto; margin-right:auto; background-color: black; } td.edit_header_full{ display:none;} td.headline {display:none;} td.headline2 {display:none;} td.nav{ width:.000001px; height: .000001px;} td.nav:hover{ width:.000001px; height: .000001px;} td.nav_heading{ width:.000001px; height: .000001px;} td.edit_below_nav{ visibility:hidden;} td.edit_navi_headbg{display:none;} td.edit_rechts_sbg{visibility:hidden;} td.edit_content_top{display:none;} td.edit_content_container { width:800px; background-color: indigo; background-image: url(http://img521.imageshack.us/img521/2243/backbaullk1.gif); border: 6px groove hotpink; } td.edit_content { z-index:0; width:.000001px; height: .000001px;} td.edit_content_bottom{display:none;} td.edit_content_bottom2{background-image: none;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image: none;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image: none;} table.edit_main_table{width: 800px !important;} td.edit_main_tr{width: 100% !important;} table.edit_second_table{width: 100% !important;} table.edit_third_table{width: 100% !important;} td.edit_navi_headbg{width: 20% !important;} table.edit_rechts_tabelle{width: 100% !important;} td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;} td.edit_rechts_cbg{width:100%;} td.shouty{visibility: hidden;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{visibility: hidden;} td.edit_rb_footer{background-image: none;} td.edit_rechts_bottom{background-image: none;} td.edit_below_nav{visibility: hidden;} td#nav_Umfrage{display:none;} td#nav_abstand, td#nav_abstand1, td#nav_abstand2, td#nav_abstand3, td#nav_abstand4, td#nav_abstand5, td#nav_abstand6, td#nav_abstand7, td#nav_abstand8, td#nav_abstand9, td#nav_abstand10, td#nav_abstand11, td#nav_abstand12, td#nav_abstand13, td#nav_abstand14, td#nav_abstand15, td#nav_abstand16, td#nav_abstand17, td#nav_abstand18, td#nav_abstand19, td#nav_abstand20, td#nav_abstand21, td#nav_abstand22, td#nav_abstand23, td#nav_abstand24, td#nav_abstand25{display:none;} --></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  

 

 

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

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>

<div id="tabs"> <ul> <li><a href="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div>

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>

<div id="tabsB"> <ul> <li><a href="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div>

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>

<div id="tabsC"> <ul> <li><a href="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div>

Tab Menu D

Codigo de tab Menu D donde deve aprecer

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>

<div id="tabsD"> <ul> <li><a href="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div>

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>

<div id="tabsE"> <ul> <li><a href="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div>