Codigos CSS

Estos codigos CSS han sido recolectados de distintos sitios web para los usuarios de Manuel AGP

INFO:

Codigo de diseno ICE-BLUE

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

Codigo de diseno RED

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

Codigo para agregar mas colores

Codigo para cambiar fondo de la web

Codigo para cambiar la fuente de tu menu (Letras)

Codigo ICE-BLUE sin menu, boxes, y con ancho modificable

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

Codigo para 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: url();} td.nav{ text-decoration: none; color: #transparent; width: 10px; height: 10px; background-image: url();} td.nav:hover{ color: #transparent; width: 10px; height: 10px; background-image: url();} td.edit_navi_headbg{ margin: 0px; padding: 0px; background-image: url(); 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: url(); 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: url(); background-color: #transparent; text-align: right;} td.edit_content_bottom2{ background-image: url(); background-color: #transparent; text-align: right;} //--></style>

CSS Menus

CSS Menu 1 - VISTA PREVIA
Codigo encima de pagina <!--- www.manuel-agp.blogspot.com ---> <style type="text/css"> #MainMenu { width:100%; height:38px; background: url('http://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('http://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('http://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('http://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('http://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('http://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> <!--- www.manuel-agp.blogspot.com --->	Donde quieres que aparesca el Menu <!--- www.manuel-agp.blogspot.com ---> <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chrome.js"></script> <style> #MainMenu { width:100%; height:38px; background: url("http://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("http://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("http://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("http://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("http://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("http://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> <!--- www.manuel-agp.blogspot.com --->
CSS Menu 2 - VISTA PREVIA
Codigo encima de pagina <!--- www.manuel-agp.blogspot.com ---> <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> <!--- www.manuel-agp.blogspot.com --->	Donde quieres que aparesca el Menu <!--- www.manuel-agp.blogspot.com ---> <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> <!--- www.manuel-agp.blogspot.com --->
CSS Menu 3 - VISTA PREVIA
Codigo encima de pagina <!--- www.manuel-agp.blogspot.com ---> <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> <!--- www.manuel-agp.blogspot.com --->	Donde quieres que aparesca el Menu <!--- www.manuel-agp.blogspot.com ---> <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> <!--- www.manuel-agp.blogspot.com --->
CSS Menu 4 - VISTA PREVIA
Codigo encima de pagina <!--- www.manuel-agp.blogspot.com ---> <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> <!--- www.manuel-agp.blogspot.com --->	Donde quieres que aparesca el Menu <!--- www.manuel-agp.blogspot.com ---> <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> <!--- www.manuel-agp.blogspot.com --->
CSS Menu 5 - VISTA PREVIA
Codigo encima de pagina <!--- www.manuel-agp.blogspot.com ---> 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> <!--- www.manuel-agp.blogspot.com --->	Donde quieres que aparesca el Menu <!--- www.manuel-agp.blogspot.com ---> <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> <!--- www.manuel-agp.blogspot.com --->
CSS Menu 6 - VISTA PREVIA
Codigo encima de pagina <!--- www.manuel-agp.blogspot.com ---> <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> <!--- www.manuel-agp.blogspot.com --->	Donde quieres que aparesca el Menu <!--- www.manuel-agp.blogspot.com ---> <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> <!--- www.manuel-agp.blogspot.com --->

CSS Menus

Donaciones

YouTube

Post Mas Buscados

Musica

Paginas Recomendadas

Nube de TAGs

Gana Dinero $$$