Autobiografia - Internet Services

Internet Services

Nombre: Internet Services Adaptada por: Seba 37
Garantia: Si
Calificacion: 9.7
Fuente: Forotokarg, Promocionatupagina y PWG

---------------------------------------

¿Problemas con la plantilla?
¿Quieres hacer cambios a la plantilla y no sabes como?-(Bajo permiso de Seba 37)

--------------------------------

Nota: Has click en la imagen para verla mas grande.
Codigos:
Por Arriba de la pagina:

<div id="header"> <head> <title>Internet Services</title> <FCK:meta http-equiv="content-type" content="text/html;charset=iso-8859-1"  ></FCK:meta> <link rel="stylesheet" href="images/style.css" type="text/css" /> </head> <body> <div class="content">  <div class="header">    <div class="top_info">      <div class="top_info_right">        <p><b>You are not Logged in!</b> <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Log in</a> to check your messages.<br />          Do you want to <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Log in</a> or <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">register</a>?</p>      </div>      <div class="top_info_left">        <p><b>28. March, 2006</b> - Tuesday<br />          Check todays <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">hot topics</a> or <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">new products</a></p>      </div>    </div>    <div class="logo">      <h1><a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl"><span class="dark">Internet</span>Services</a></h1>    </div>  </div>  <div class="bar">    <ul>      <li class="browse_category">Select Search Category:</li>      <li><a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" accesskey="i">Home</a></li>      <li class="active">People</li>      <li><a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" accesskey="m">Music</a></li>      <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" accesskey="p">Pictures</a></li>      <li><a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" accesskey="s">Services</a></li>      <li><a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" accesskey="r">Products</a></li>    </ul>  </div>  <div class="search_field">    <form method="post" action="http://www.seba37.es.tl">      <div class="search_form">        <p>Search the Web:          <input type="text" name="search" class="search" />          <input type="submit" value="Search" class="submit" />          <a class="grey" href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Advanced</a></p>      </div>    </form>    <p>Please <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Sign in</a> or <a href="http://wwwseba37.es.tl/" _fcksavedurl="http://wwwseba37.es.tl/" _fcksavedurl="http://wwwseba37.es.tl/">Register</a></p>  </div>  <div class="left"> <h3>Tu Contenido</h3>

Por debajo de la pagina:

<div id="header"> <h3>Fresh News:</h3> <div class="left_box"> <img src="http://img26.xooimage.com/files/7/2/4/bigimage-1b005bd.gif" _fcksavedurl="http://img26.xooimage.com/files/7/2/4/bigimage-1b005bd.gif" _fcksavedurl="http://img26.xooimage.com/files/7/2/4/bigimage-1b005bd.gif" class="image" alt="Big Image" /> <h2>Expanding Internet Services</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Duis autem</a> vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu.</p> </div> <h3>Web Directory</h3> <div class="left_side"> <p><b><img src="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" alt=">" /><a class="title" href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Arts</a></b><br /> <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Music</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Television</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Movies</a>...</p> <p><b><img src="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" alt=">" /><a class="title" href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Computers</a></b><br /> <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Internet</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Software</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Hardware</a>...</p> <p><b><img src="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" alt=">" /><a class="title" href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Shopping</a></b><br /> <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Autos</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Clothing</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Gifts</a>...</p> </div> <div class="right_side"> <p><b><img src="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" alt=">" /><a class="title" href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Business</a></b><br /> <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Jobs</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Real Estate</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Investing</a>...</p> <p><b><img src="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" alt=">" /><a class="title" href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Health</a></b><br /> <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Fitness</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Medicine</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Alternative</a>...</p> <p><b><img src="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" _fcksavedurl="http://img24.xooimage.com/files/a/c/6/arrow-1b00555.gif" alt=">" /><a class="title" href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Sports</a></b><br /> <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Baseball</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Basketball</a>, <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Soccer</a>...</p> </div> <h3>Colaboration:</h3> <div class="left_box"> <img src="http://img48.xooimage.com/files/3/0/5/ad-1b00590.gif" _fcksavedurl="http://img48.xooimage.com/files/3/0/5/ad-1b00590.gif" _fcksavedurl="http://img48.xooimage.com/files/3/0/5/ad-1b00590.gif" class="image" alt="Big Image" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Duis autem</a> vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu.<a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl">Duis autem</a> vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu.</p> </div> </div> <div class="right"> <h3>Top Articles:</h3> <div class="right_articles"> <p><img src="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br /> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p> </div> <div class="right_articles"> <p><img src="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br /> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p> </div> <h3>Related Readings:</h3> <div class="right_articles"> <p><img src="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br /> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p> </div> <div class="right_articles"> <p><img src="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br /> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p> </div> <div class="right_articles"> <p><img src="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br /> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p> </div> <div class="right_articles"> <p><img src="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" _fcksavedurl="http://img44.xooimage.com/files/7/e/7/image-1b00597.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br /> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p> </div> </div> <div class="footer"> <p><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Homepage</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Accessibility</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Products</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Disclaimer</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer">XHTML</a><br /> © Copyright 2006 Internet Services, Design: Luka Cvrk - <a href="http://www.solucija.com/" _fcksavedurl="http://www.solucija.com/" _fcksavedurl="http://www.solucija.com/" title="What's your solution?">Solucija</a></p> </div> </div> </body> </html>

CSS-sin style css:

<div id="header"> lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} table{margin-left:auto;margin-right:auto} /* project: internet services template author: luka cvrk (www.solucija.com) Adapted by seba37 (www.seba37.es.tl) */ /* default styles -------------- */ body { padding: 0; margin: 0; font: 0.7em Tahoma, sans-serif; line-height: 1.5em; background: #fff; color: #454545; } a { color: #E0691A; background: inherit;} a:hover { color: #6C757A; background: inherit; } h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; } .dark { color: #737373; background: inherit; font-weight: bold; } h1 a, h2 a { text-decoration: none; } h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; } h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; } h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; } p { margin: 0 0 5px 0; } ul { margin: 0; padding : 0; list-style : none; } form { margin: 0; } input.search { width: 292px; border: 0; background: #FFF url(http://img41.xooimage.com/files/8/f/b/input-15cf680.gif) no-repeat; padding: 4px; color: #E0691A; font-weight: bold; } input.submit { background: #E0691A url(http://img27.xooimage.com/files/4/c/9/submit-15cf6a8.gif) no-repeat; border: 0; padding: 4px 0; width: 65px; margin: 0 15px 1px 0; color: #FFF; font: bold 1em Arial, Sans-Serif; } input.login { width: 150px; border: none; padding: 4px; } /* layout ------ */ .content { margin: 0 auto; width: 780px; padding: 10px; } .header { height: 55px; background: #eee; color: #808080; margin: 3px 0; padding: 10px 0 0 0; border-bottom: 1px solid #ccc; } .top_info { float: right; width: 555px; padding: 5px 0 4px 0; border-bottom: 1px solid #eee; background: #eee; color: #808080; } .top_info_left { width: 200px; float: left; } .top_info_right { float: right; width: 290px; padding: 0 0 0 35px; border-left: 1px solid #eee; } .browse_category { font-size: 0.9em; width: 190px; color: #FFF; background: inherit; } .bar { clear: both; font-size: 1.1em; height: 30px; color: #FFF; margin: 0 0 0 0px; background: #FF9148; } .bar li { margin: 0; padding: 7px 12px 5px 12px; color: #FFEADC; background: #FF9148; float: left; } .bar li.active { background: #E0691A url(http://img41.xooimage.com/files/e/a/1/bar-15cf6d6.gif) no-repeat center top; color: #fff; font-weight: bold; padding: 7px 10px 6px 10px; } .bar li a { font-weight: bold; color: #FFF; background: inherit; text-decoration: none; } .bar li a:hover { color: #E0691A; background: inherit; } .search_field { background: #fff url(http://img49.xooimage.com/files/d/5/3/searchbg-15d15cb.gif) no-repeat right; color: #808080; clear: both; font-weight: bold; padding: 7px 25px 10px 10px; margin: 5px 0; } .grey { color: #808080; background: inherit; font-weight: normal; } .search_form { float: right; } .subheader { margin: 0px 0 10px 0; border-bottom: 1px solid #eee; padding: 5px 0 5px 0; background: #A4A4A4; color: #fff; } /* left side --------- */ .left { float: left; width: 65%; margin: 0 0 10px 0; } .left h3 { clear: both; background: #A9C0CE url(http://img29.xooimage.com/files/6/c/d/corner-15d15b0.gif) no-repeat top right; color: #FFF; padding: 7px 0 7px 5px; font: bold 1em Tahoma, Arial, Sans-Serif; margin: 0 0 0px 0; } .left_side { float: left; width: 180px; padding: 0 0 0 10px; margin: 10px 0; } .left_side a, .right_side a { color: #414141; background: #FFF; } .right_side { float: right; width: 220px; background: #FFF url(http://img47.xooimage.com/files/7/b/c/dotted-15d15b6.gif) repeat-y; color: #414141; padding: 0 0 0 40px; margin: 10px 0; } .left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; } /* right side ---------- */ .right { float: right; width: 34.6%; margin: 0 0 10px 0; } .right h3 { background: #6C757A url(http://img29.xooimage.com/files/6/c/d/corner-15d15b0.gif) no-repeat top right;; color: #FFF; padding: 7px 0 7px 5px; font: bold 1em Tahoma, Arial, Sans-Serif; margin: 0 0 3px 0; } .right_articles { background: #f5f5f5; color: #414141; padding: 8px; margin: 0 0 3px 0; } .image { float: left; margin: 0 9px 3px 0; } /* footer ------ */ .footer { clear: both; text-align: center; padding: 10px 0 10px 0; margin: 0; border-top: 1px solid #ccc; line-height: 1.8em; } .footer a { color: #808080; background: #fff; }