toadteayuda - pixel

pixel

Nombre de la plantilla: Pixel
Fecha: 24/2/10
Adaptada por: Shinox Ayuda
Extras: No

Texto por encima de la pagina:

<div id="mini_body"> <div id="top"> <div id="name"><a href="#" _fcksavedurl="#">Tu Nombre Web</a></div> <div id="split"></div> <div style="border-top:6px solid #7abb37; background-color:blue; "> <div id="slogan"> Eslogan de tu Sitio Web | Adaptado por www.ShinoxAyuda.es.tl</div> <div id="contact_us"><a href="#" _fcksavedurl="#">Mapa del Sitio</a></div> </div> </div> <div id="logo"> <div id="logo_text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lobortis nibh eu mauris. Morbi arcu tortor, auctor et, facilisis nec, egestas sit amet, enim. </div> <div id="menu"> <a href="#" _fcksavedurl="#">Home</a>| <a href="#" _fcksavedurl="#">About Us</a>| <a href="#" _fcksavedurl="#">Services</a>| <a href="#" _fcksavedurl="#">Pricing</a>| <a href="#" _fcksavedurl="#">Contacts</a> </div> </div>   <div id="main"> <div id="sidebar"> <h2>Lorem Ipsum</h2> <div class="item"><a href="#" _fcksavedurl="#"><img src="http://www.opendesigns.org/od/wp-content/designs/1/1247/images/picture.jpg" _fcksavedurl="http://www.opendesigns.org/od/wp-content/designs/1/1247/images/picture.jpg" alt=" " /></a> <span class="description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus ornare condimentum sem.</span>            </div> <div class="item"><a href="#" _fcksavedurl="#"><img src="http://www.opendesigns.org/od/wp-content/designs/1/1247/images/picture.jpg" _fcksavedurl="http://www.opendesigns.org/od/wp-content/designs/1/1247/images/picture.jpg" alt=" " /></a> <span class="description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus ornare condimentum sem.</span>            </div> </div> <div id="text" >

Texto por debajo de la pagina:

<p class="additional">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lobortis nibh eu mauris. Morbi arcu tortor, auctor et, facilisis nec, Nulla neque nisl, luctus sit amet, varius ac, tincidunt ut, tellus. Proin dignissim sapien et urna. Morbi orci nisi, feugiat rutrum, tempus a,  Curabitur eu nisl. Vivamus venenatis venenatis pede. Curabitur nibh mauris, pharetra quis, mattis sed, ma lesuada vitae, sem. Mauris pede iaculis eget, dapibus ac, neque. Sed libero lectus, bibendum ac, volutpat at, convallis nec, mi. Mauris felis elit, ultrices a, fringilla in, </p> </div> </div>   <div id="footer"> <div id="left_footer">Copyright © 2010+ <b>Tu Nombre Web</b></div> <div id="right_footer">  Design by <a href="http://www.realitysoftware.ca" _fcksavedurl="http://www.realitysoftware.ca" title="Website Design"><strong>Reality Software</strong></a> | Adaptado por <a href="http://shinoxayuda.es.tl/" _fcksavedurl="http://shinoxayuda.es.tl/" title="Plantillas Profesionales para Paginawebgratis"><strong>Shinox Ayuda</strong></a> </div> </div> </div>

CSS-Code sin Style Tags:

body { margin: 0px 40px; margin-bottom: 20px; font-size:0.9em; font-family: "Myriad Pro", "Trebuchet MS", Arial; font-size:14px;  background: url(http://www.opendesigns.org/od/wp-content/designs/1/1247/images/bckg.jpg) repeat-x #8fe909; } #mini_body {border:1px solid #000; } a { color:#64a520; text-decoration:none;} a:hover { text-decoration:underline;} p { padding: 0 10px 5px 10px; } h2#title { text-transform:uppercase; font-size:18px; color:#fff; } h2#title { background-color:#477b1d; padding:0 10px;} #top { height:30px; background-color:#477b1d;border-bottom:4px solid #000; } #name { float:left; border-left:20px solid #70c32e; border-right:20px solid #70c32e;} #name a{ color:#fff; font-weight:bold; font-size:24px; text-transform:uppercase; background-color:#70c32e; text-decoration:none;} #split { float:left; height:30px; width:20px; border-left:3px solid #000000;} #slogan { float:left; color:#fff; text-transform:uppercase; padding:3px 0 0 10px;} #contact_us{ float:right; background-color:#7abb37;height:20px;  padding:2px 5px;} #contact_us a { color:#fff; text-transform:uppercase; text-decoration:none; } #logo { background:url(http://www.opendesigns.org/od/wp-content/designs/1/1247/images/head_bckg.jpg) no-repeat #78ce31;} #logo_text { float:right; width:200px; height:80px; background-color:#70c32e; margin:40px 20px 53px 0; font-family: Tahoma, Arial; font-size:11px; color:#fff; padding:10px; font-weight:bold; } #menu { background:#70c32e; height:21px; width:600px; margin: 0 auto; clear:both; border:1px solid #a8f534; text-align:center;  color:#fff; padding-top:4px;} #menu a { color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:0 20px; margin-top:3px;} #menu a:hover{ color:#d4ffa1} .item img { background-color:#fff; padding:6px; border:1px solid #d0d0d0;} .description { display:block; float:right; width:220px; padding: 10px 20px 20px 0; line-height:12px; font-family:Tahoma, Arial;} p.additional { margin:0 10px; color:#9c9c9c; font-size:10px; line-height:12px; border-top:1px solid #bdbdbd; padding: 10px 0; font-weight:normal; font-family:Tahoma, Arial;} #text { margin: 0 292px 0 0;  padding:10px;} #text li { list-style:none; padding-left:20px; background:url(http://www.opendesigns.org/od/wp-content/designs/1/1247/images/li.gif) no-repeat 0px 4px;line-height:18px;} #sidebar { float:right; width:245px; padding: 20px 20px 0 30px; font-size:10px; } #sidebar a{ font-weight:bold; } #sidebar h2 { margin:0; padding:0 0 20px 0; text-transform:uppercase; color:#000; font-size:18px;} #main { float:left; background:url(http://www.opendesigns.org/od/wp-content/designs/1/1247/images/sidebar_bckg.gif) no-repeat top right #fff; } #footer { background:url(http://www.opendesigns.org/od/wp-content/designs/1/1247/images/footer_bckg.gif) repeat-x #000; height:55px; clear:both;  } #left_footer { float:left; padding:20px 0 0 30px; color:#fff; font-size:12px;} #left_footer a { color:#fff;} #left_footer a:hover { text-decoration:none;} #right_footer { float:right;  padding:20px 30px 0 0; color:#fff;  font-size:12px; text-align:right;} #right_footer a { color:#fff;}