Códigos CSS

codigo para cambiar los botones de tu web

<style type="text/css"> <!-- td.nav{background-image:url(aka la url de tu boton );} td.nav:hover{background-image: url(aka la url del boton que quieres  que aparesca al pasar el mouse);} --></style>

Codigo para cambiar el encabezado de tu web , si queres que sea mas grande o mas pequeño simplemente adapta los pixeles a tu gusto:

<style type="text/css"> <!-- td.edit_header_full{background-image:url(url del cabezal);background-color:;height:140  px;} --></style>

este codigo te ayuda a cambiar el fondo  de la parte donde esta todo el contenido de tu web/

<style type="text/css"> td.edit_content_bottom{background-image: none;background-color: ;} </style>

este codigo nos ayuda a eliminar  o cambiar de color las  partes inferiores de la plantilla

<style type="text/css"> td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;background-color:#;} td.edit_rechts_sbg{visibility:hidden;background-color:#;} td.edit_rechts_cbg{background-image: none;background-color:#;} td.edit_rb_footer{background-image: none;background-color:#;} td.edit_rechts_bottom{background-image: none;background-color:#;} </style>

este codigo nos sirve para centrar un poco la plantilla

</STYLE><b style=position:absolute;left:10px;top:-60px;font-family:verdana;font-size:8pt;>

 

 

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

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