Autobiografia - Portafolio

Portafolio

Nombre: Portafolio
Adaptada por: Design-Free Garantia: Si
Calificacion: 8.4
Fuente: Design-Free-PWG

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

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

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

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

<div id="header"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Portfolio</title> <FCK:meta http-equiv="Content-type" content="text/html; charset=utf-8"  /> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />  <script src="http://pmsc.free.fr/gb/J/09123005003.js" type="text/javascript"></script> <script src="http://pmsc.free.fr/gb/J/09123005017.js" type="text/javascript"></script> </head> <body>  <div id="page">  <div id="header">  <div id="navigation"> <ul> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> </ul> </div>  <h1><a href="#" _fcksavedurl="#">Tuweb</a></h1> <div class="description">Tu descripcion</div> </div>   <div id="slideshow"> <div class="bg"> <div class="cnt">  <div class="big-image"> <img src="http://img25.xooimage.com/files/9/7/3/img1-16f8a34.jpg" _fcksavedurl="http://img25.xooimage.com/files/9/7/3/img1-16f8a34.jpg" alt="" /> </div>   <div id="slider"> <div class="buttons"> <span class="prev">prev</span> <span class="next">next</span> </div> <div class="holder"> <div class="content"> <ul> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img49.xooimage.com/files/7/4/f/img3-16f8a3d.jpg" _fcksavedurl="http://img49.xooimage.com/files/7/4/f/img3-16f8a3d.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img43.xooimage.com/files/3/3/c/img4-16f8a47.jpg" _fcksavedurl="http://img43.xooimage.com/files/3/3/c/img4-16f8a47.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img41.xooimage.com/files/2/c/c/img5-16f8a4a.jpg" _fcksavedurl="http://img41.xooimage.com/files/2/c/c/img5-16f8a4a.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img21.xooimage.com/files/4/7/b/img6-16f8a46.jpg" _fcksavedurl="http://img21.xooimage.com/files/4/7/b/img6-16f8a46.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img49.xooimage.com/files/7/4/f/img3-16f8a3d.jpg" _fcksavedurl="http://img49.xooimage.com/files/7/4/f/img3-16f8a3d.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img43.xooimage.com/files/3/3/c/img4-16f8a47.jpg" _fcksavedurl="http://img43.xooimage.com/files/3/3/c/img4-16f8a47.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img41.xooimage.com/files/2/c/c/img5-16f8a4a.jpg" _fcksavedurl="http://img41.xooimage.com/files/2/c/c/img5-16f8a4a.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img21.xooimage.com/files/4/7/b/img6-16f8a46.jpg" _fcksavedurl="http://img21.xooimage.com/files/4/7/b/img6-16f8a46.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img49.xooimage.com/files/7/4/f/img3-16f8a3d.jpg" _fcksavedurl="http://img49.xooimage.com/files/7/4/f/img3-16f8a3d.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img43.xooimage.com/files/3/3/c/img4-16f8a47.jpg" _fcksavedurl="http://img43.xooimage.com/files/3/3/c/img4-16f8a47.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img41.xooimage.com/files/2/c/c/img5-16f8a4a.jpg" _fcksavedurl="http://img41.xooimage.com/files/2/c/c/img5-16f8a4a.jpg" alt="" /></a></li> <li class="fragment"><a href="#" _fcksavedurl="#"><img src="http://img21.xooimage.com/files/4/7/b/img6-16f8a46.jpg" _fcksavedurl="http://img21.xooimage.com/files/4/7/b/img6-16f8a46.jpg" alt="" /></a></li> </ul> </div> </div> </div>  </div> </div> </div>   <div id="content"> <div class="cl"> </div>

Por debajo de la pagina:

<div id="header"> <div class="cl"> </div> </div>   <div id="footer"> <p>© Tuweb. Adaptado por <a href="http://desing-free.es.tl/" _fcksavedurl="http://desing-free.es.tl/">Desing-free</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;} /*----- Start "Main definitions" -----*/ * { padding: 0; margin: 0; outline: 0; } body { font-size: 12px; line-height: 1.5; font-family: Arial, "Trebuchet MS", Tahoma sans-serif; color: #4a4a4a; background: #f6f6f6 url(http://img26.xooimage.com/files/9/e/8/body-bg-16f8a60.gif) repeat-x 0 0; text-align: left; } a img { border: 0; } a { color: #037bb9; text-decoration: underline; } a:hover { text-decoration: none; } .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } /*----- End "Main definitions" -----*/ #page { width: 952px; margin: 0 auto; padding: 0 10px; } h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif; color: #2b2b2b; font-weight: normal; } h1 { font-size: 23px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 15px; } h6 { font-size: 14px; } ul { padding-left: 15px; } #header { padding: 20px 12px 15px 3px; } #header .description { font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif; font-size: 11px; color: #9c9c9c; text-transform: uppercase; line-height: 1; } #header h1 { line-height: 1.1; } #header h1 a { color: #2b2b2b; text-decoration: none; } #navigation { float: right; display: inline; font-size: 11px; line-height: 1.5; text-transform: uppercase; padding-top: 10px; } #navigation ul li { float: left; display: inline; list-style-type: none; padding-right: 18px; margin-right: 14px; background: url(http://img28.xooimage.com/files/6/3/4/nav-sep-16f8a76.gif) repeat-y right 0; } #navigation ul li.last { margin-right: 0; padding-right: 0; background: none; } #navigation ul li a { color: #7f7f7f; text-decoration: none; } #navigation ul li a:hover { text-decoration: underline; } #navigation ul li.active a { color: #000; } #slideshow { height: 454px; width: 962px; position: relative; left: -5px; } #slideshow .bg { height: 454px; width: 962px; background: url(http://img48.xooimage.com/files/9/5/b/slider-16f8a81.png) no-repeat 0 0; } #slideshow .cnt { padding: 42px 36px 0 36px; } #slideshow .big-image { margin-bottom: 12px; } #slideshow .big-image img { padding: 2px; border: solid 1px #d5d5d5; } #slider { width: 890px; position: relative; } #slider .buttons span { display: block; width: 38px; height: 37px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; } #slider .buttons span { position: absolute; top: 21px; } #slider .buttons .prev { left: 0; background: url(http://img44.xooimage.com/files/3/b/2/button-prev-16f8a89.gif) no-repeat 0 0; } #slider .buttons .next { right: 0; background: url(http://img28.xooimage.com/files/a/9/b/button-next-16f8a8e.gif) no-repeat 0 0; } #slider .holder { width: 790px; height: 78px; margin: 0 auto; position: relative; overflow: hidden; } #slider .content { position: absolute; top: 0; left: 0; width: 100000px; } #slider .content ul { float: left; display: inline; padding-left: 0; } #slider .fragment { float: left; display: inline; list-style-type: none; } #slider .fragment a { float: left; display: inline; width: 133px; height: 72px; padding: 3px; background: url(http://img21.xooimage.com/files/a/5/5/slider-fragment-16f8a9a.gif); margin: 0 10px; } #content { padding: 0 5px 10px 5px; } #content p { padding-bottom: 18px; } #content .separator { padding-right: 18px; background: url(images/col-sep.gif) no-repeat right 10px; } #content .left-col { float: left; display: inline; width: 395px; } #content .right-col { float: right; display: inline; width: 505px; } .linklist { padding-left: 0; } .linklist li { padding-left: 7px; background: url(http://img29.xooimage.com/files/4/3/b/linklist-ico-16f8a9f.gif) no-repeat 0 7px; list-style-type: none; } #footer { background: url(http://img47.xooimage.com/files/7/7/7/footer-line-16f8aa3.gif) no-repeat center 0; padding: 20px 18px; } <br />