MuSiCoLoGoS
  Códigos CSS
 
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
 

 

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




Comentarios hacia esta página:
Comentado por:26-07-2010, 13:05 (UTC)
musicologosss
musicologosss
Offline

ok y gracias por tu comentario

Comentado por:20-07-2010, 17:40 (UTC)
barrioflouw
barrioflouw
Offline

estan buenos los menus entra a la mia



Añadir comentario acerca de esta página:
Su nombre:
Su dirección de correo electrónico:
Su página web:
Su mensaje:
 
  En total 3757 visitantes (9192 clics a subpáginas) ¡Aqui en esta página!  
 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=