} /* links */ a { color: #FF0000; background-color: inherit; text-decoration: none; } a:hover { color: #2E8B57; background-color: inherit; text-decoration: underline; border: none; } /* headers */ h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif; color: #FFFF00; } h1 { font-size: 2.5em; } h2 { font-size: 2em; text-transform:uppercase;} h3 { font-size: 1.8em; } p, h1, h2, h3 { margin: 0; padding: 10px 15px; } ul, ol { margin: 10px 30px; padding: 0 15px; } /* images */ img { background: #0000; border: 0px solid #0F7ACC; padding: 6px; } img.float-right { margin: .5em 0 1em 1em; } img.float-left { margin: .5em 1em 1em 0; } code { margin: .5em 0; display: block; padding: 20px; text-align: left; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ; /* white-space: pre; */ background: #0000; border: 1px solid #0065C6; } acronym { cursor: help; border-bottom: 1px solid #FF8C00; } blockquote { margin: 10px 15px; padding: 10px 0 10px 28px; border: 1px solid #0065C6; background: #000000; font: bold 1.3em/1.5em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; } /* start - table */ table { margin: 10px 15px; border-collapse: collapse; } th strong { color: #0000; } th { background: #C; height: 3em; padding-left: 12px; padding-right: 12px; color: #FFF; text-align: left; border-left: 1px solid #B6D59A; border-bottom: solid 2px #8EB200; border-top: solid 2px #8EB200; } tr { color: #707070; height: 2.5em; } td { padding-left: 12px; padding-right: 12px; border-left: 1px solid #FFF; border-bottom: solid 1px #ffffff; } td.first,th.first { border-left: 0px; } tr.row-a { background: #F8F8F8; } tr.row-b { background: #EFEFEF; } /* end - table */ /* form elements */ form { margin: 10px 15px; padding: 10px; border: 1px solid #0065C6; background-color: #1E89DC; } fieldset { margin: 0; padding: 0; border: none; } label { display:block; font-weight:bold; margin: .4em 0; } input { padding: .3em; border: 1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width: 55%; padding: .3em; font: normal 1em/1.5em Verdana, sans-serif; border: 1px solid #eee; height: 10em; display:block; color:#FFA500; } input.button { font: bold 1em Arial, Sans-serif; margin: 0; padding: .25em .3em; color: #FFA500; background: #A2CC00; border: 2px solid #8EB200; } /* search form */ .searchform { background-color: transparent; border: none; margin: 0 0 0 10px; padding: 0 0 1.5em 0; width: 18em; } .searchform p { margin: 0; padding: 0; } .searchform input.textbox { width: 11em; color: #777; padding: .4em; border: 1px solid #E5E5E5; vertical-align: top; } .searchform input.button { width: 60px; vertical-align: top; } /*********************** LAYOUT ************************/ #header-content, #content, #nav { /* The width value below sets the total width of the design. It's default value is set to 93% which means that it will take up 93% of the browser window's width. You can also set it to a different percentage value (90%, 85%, etc.). This design is fluid layout by default, but you can turn it into a fixed width layout by setting a pixel value to the width (e.g. 900px, 950px). */ width: 93%; } /* box */ .box { margin: 10px 0; padding: 10px 10px 20px 10px; border: 5px solid #FF4500; background: url(http://s5.tinypic.com/n5hgus_th.jpg); } /*Aqui termina lo del fondo de la hoja*/ /*ABAJO DONDE DICE HEIGHT LE MODIFICAS EL TAMAÑO DEL CABEZAL*/ /* header */ #header { height: 150px; text-align: left; } #header-content { position: relative; margin: 0 auto; padding: 0; } #header-content h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bold 37px '911 Porscha', Tahoma, Arial, Sans-serif; letter-spacing: -1px; color: #FFFF00; text-decoration: none; /* change the values of top and left to adjust the position of the logo*/ top: 30px; left: 10px; } #header-content h1#logo-text span { color: #FF0000; } #header-content #slogan { position: absolute; font: bold 16px 'Trebuchet Ms', Sans-serif; text-transform: none; color: #9ACD32; margin: 0; padding: 0; /* change the values of left and top to adjust the position of the slogan */ top: 100px; left: 125px; } /* header links */ #header-content #header-links { position: absolute; top: 25px; rigth: 10px; color: ##FF0000; font: bold 15px "Trebuchet MS", Tahoma, Sans-serif; } #header-content #header-links a { color: #FFA500; text-decoration: none; } #header-content #header-links a:hover { color: #FF0000; } /*EN ESTE ESPACIO HAY QUE MODIFICAR EL LINK CON EL FONDO QUE QUEREMOS*/ /* Navigation */ #nav-wrap { float: left; width: 100%; background: url(https://img.webme.com/pic/m/magnusconsutinggroup/fondodeweb.png) repeat-x left bottom; clear: both; } #nav { clear: both; margin: 0 auto; padding: 0; } #nav ul { float: left; list-style: none; text-transform: uppercase; margin: 0; padding: 0; height: 64px; } #nav ul li { float: left; margin: 0; padding: 0; height: 64px; } #nav ul li a { display: block; float: left; width: auto; margin: 0; padding: 0 15px; color: #FFFF00; font: bold 15px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; text-decoration: none; letter-spacing: 1px; } #nav ul li a:hover, #nav ul li a:active { color: #FF0000; } #nav ul li#current { background: none no-repeat center bottom; } #nav ul li#current a { color: #FF0000; } /* content */ #content-wrap { clear: both; float: left; background: #0000; width: 100%; } #content { text-align: left; padding: 0; margin: 0 auto; } /* sidebar */ #sidebar { float: right; width: 22.5em; margin: 20px 0 20px -22.5em; padding: 0; } #sidebar h1 { font: bold 1.75em 'Trebuchet MS', Tahoma, Arial, Sans-serif; padding: .3em 0 .5em 10px; color: #0000; } #sidebar ul.sidemenu { list-style:none; margin: 0; padding: .3em 0 1em 5px; font-family: 'Trebuchet MS', Tahoma, Sans-serif; } #sidebar ul.sidemenu li { padding: 0; background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/sidebullet.gif) no-repeat .3em .5em; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { display: block; font-weight: bold; color: #E8F4FF; text-decoration: none; padding: .2em 0 .2em 30px; line-height: 1.5em; font-size: 1.35em; } #sidebar ul.sidemenu li a:hover { background: #000080 url(http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_ministar33.gif) no-repeat .25em .45em; color: #FFF; } #sidebar ul.sidemenu ul{ margin-left: 15px; } #sidebar .sidebox { margin: 1px 15px 1px 0; padding: 0; border:1px solid #FFFF00; background: url(http://www.atodoweb.es/barras/flechasrojas.gif) repeat-x left bottom; } #sidebar .sep{ background: url(http://mrnatural3.tripod.com/bars/greenfadeline.gif) repeat-x left bottom; height: 2px; margin: 0px 15px 10px 0; clear: both; border:1px solid #FFFF00; } /* main */ #main { margin: 5px 23em 5px 0; padding: 0; } #main h1 { font: bold 2.8em 'Trebuchet MS', Arial, Sans-serif; color: #B1E100; letter-spacing: -2px; padding-bottom: 0; } #main h1 a { color: #FFFF00; text-decoration: none; } /* footer */ #footer-wrap { clear: both; border-top: 5px solid #86CC15; text-align: left; padding: 1.6em 0; } #footer-wrap a { text-decoration: none; color: #5B9CFF; font-weight: bold; } #footer-wrap a:hover { color: #E8F4FF; } #footer-wrap p { padding: 10px 0; } #footer-wrap h2 { color: #E8F4FF; margin: 0; padding: 0 10px; text-transform: none; } /* footer columns */ #footer-columns { color: #5B9CFF; margin: 0 auto; padding: 0; width: 90%; } #footer-columns ul { list-style: none; margin: 5px 0 0 0; padding: 0; background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/footer-dots.jpg) repeat-x left top; } #footer-columns li { background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/footer-dots.jpg) repeat-x left bottom; } #footer-columns li a { display: block; font-weight: normal; padding: .5em 0 .5em 1em; width: 96%; } #footer-columns .col3, .col3-center { float: left; width: 32%; } #footer-columns .col3-center { margin: 0 15px; } /* bottom */ #footer-bottom { clear: both; color: #E8F4FF; margin: 0 auto; padding: 1em 0; text-align: center; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* additional classes */ .clear { clear: both; } .white { color: #E8F4FF; } img.rssfeed { border: none; padding: 0 0 5px 0; background: transparent; } .post-by { font-size: .95em; padding-top: 0; } .post-footer { text-align: right; background: #1E89DC; border: 1px solid #0065C6; padding: 8px 10px; margin: 20px 15px 10px 15px; } .post-footer .date { background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/clock.gif) no-repeat left center; padding-left: 20px; margin: 0 3px 0 3px; } .post-footer .comments { background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/comment.gif) no-repeat left center; padding-left: 20px; margin: 0 3px 0 3px; } .post-footer .readmore { background: url(http://www.styleshout.com/templates/preview/BluePigment1-0/images/page.gif) no-repeat left center; padding-left: 20px; margin: 0 3px 0 3px; } div.header, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6, #pre_header, #post_header, #header_container, #pre_content, #nav_heading{ display: none;} div#nav_container{display: none;} div#sidebar_container{display: none;} div.header{display: none;} div#counter{display: none;} h1#title{display: none;} h2#title span {display: none;} li.nav_element{display: none;} li.nav_element a{display: none;} //-->

...::::Magnus Designs::::...

Navegadores




 Opera es el navegador mas rapidodo de Internet, aun superando a Firefox Mozilla, aunque no es tan conocido, tiene una interfaz grafica muy sencilla y permite realizar arreglos a su estt0069ca mediante el cambio de Skin, Java Scrip y mas... los invito a probarlo haciendo click en la imagen.



Google Chrome es el nuevo navegador de Google con una interfaz muy similar a la de Opera con ventanas independientes, sin embargo un poco mas simple y limpio, sin dejar atraz la rapidez, Animence a Usarlo!!




 Mozilla Firefox es uno de los navegadores mas rapidos y tal vez el mas popular despues de "Internet Explorer", tiene una interfaz grafica muy sencilla y permite realizar arreglos a su estetica y hacerlo tan personalizable como nosotros queramos, mediante el cambio de Skin, Java Scrip y mas... los invito a probarlo haciendo click en la imagen.









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