punto-css

Inici

Diseño css

Lista de Diseño

Texto Por Encima Texto Por Debajo
<!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>BestWebdesign</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="http://img44.xooimage.com/files/3/e/9/style-2013455.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://img21.xooimage.com/files/b/b/3/jquery-1.3.2.min-b8f180.js"></script> <script type="text/javascript" src="http://img41.xooimage.com/files/8/8/c/jquery.cycle.all.min-1e96868.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#slideshow').cycle({ fx: 'fade', speed: 'slow', timeout: 5000, pager: '#slider_nav', pagerAnchorBuilder: function(idx, slide) { // return sel string for existing anchor return '#slider_nav li:eq(' + (idx) + ') a'; } }); }); </script> </head> <body> <div class="main"> <div class="header_resize"> <div class="header"> <div class="logo"><a href="#" _fcksavedurl="#"><img src="http://img267.imageshack.us/img267/7121/logoqa.gif" width="338" height="70" border="0" alt="" /></a></div> <div class="menu"> <ul> <li><a href="index.html" _fcksavedurl="index.html" class="active"><span>Home</span></a></li> <li><a href="URL" _fcksavedurl="URL"><span> TITULO </span></a></li> <li><a href="URL" _fcksavedurl="URL"><span> TITULO </span></a></li> <li><a href="URL" _fcksavedurl="URL"><span> TITULO</span></a></li> </ul> </div> <div class="clr"></div> <div class="clr"></div> </div> </div> <div class="header_blog"> <div id="slider">  <div id="slideshow"> <div class="slider-item"><a href="#" _fcksavedurl="#"><img src="http://img687.imageshack.us/img687/4259/simpleimg1m.jpg" alt="" width="960" height="341" border="0" /></a></div> <div class="slider-item"><a href="#" _fcksavedurl="#"><img src="http://img801.imageshack.us/img801/5219/simpleimg2.jpg" alt="" width="960" height="341" border="0" /></a></div> <div class="slider-item"><a href="#" _fcksavedurl="#"><img src="http://img231.imageshack.us/img231/2861/simpleimg3.jpg" alt="" width="960" height="341" border="0" /></a></div> </div>  <div class="controls-center"> <div id="slider_controls"> <ul id="slider_nav"> <li><a href="#" _fcksavedurl="#"></a></li>  <li><a href="#" _fcksavedurl="#"></a></li>  <li><a href="#" _fcksavedurl="#"></a></li>  </ul> </div> </div> </div> <div class="clr"></div> </div> <div class="clr"></div> <div class="body_bottom"> <div class="body_bottom_resize"> <div class="block"> <img src="http://img812.imageshack.us/img812/8848/fbg1.gif" _fcksavedurl="http://img812.imageshack.us/img812/8848/fbg1.gif" alt="" width="49" height="49" /> <h2>Titulo<br /> <span>Descripcion Del Titulo</span> </h2> <div class="bg"></div> <p>Diseño Adaptado Por Punto-Css</p> <a href="#" _fcksavedurl="#"><img src="http://img825.imageshack.us/img825/7795/fbgreadmore.gif" _fcksavedurl="http://img825.imageshack.us/img825/7795/fbgreadmore.gif" alt="" width="87" height="31" border="0" /></a></div> <div class="block"> <img src="http://img841.imageshack.us/img841/7654/fbg2.gif" _fcksavedurl="http://img841.imageshack.us/img841/7654/fbg2.gif" alt="" width="49" height="49" /> <h2>Titulo<br /> <span>Descripcion Del Titulo</span></h2> <div class="bg"></div> <p>Diseño Adaptado Por Punto-Css</p> <a href="#" _fcksavedurl="#"><img src="http://img641.imageshack.us/img641/7795/fbgreadmore.gif" _fcksavedurl="http://img641.imageshack.us/img641/7795/fbgreadmore.gif" alt="" width="87" height="31" border="0" /></a></div> <div class="block"> <img src="http://img835.imageshack.us/img835/3302/fbg3.gif" _fcksavedurl="http://img835.imageshack.us/img835/3302/fbg3.gif" alt="" width="49" height="49" /> <h2>Titulo<br /> <span>Descripcion Del Titulo</span></h2> <div class="bg"></div> <p>Diseño Adaptado Por Punto-Css</p> <a href="#" _fcksavedurl="#"><img src="http://img641.imageshack.us/img641/7795/fbgreadmore.gif" _fcksavedurl="http://img641.imageshack.us/img641/7795/fbgreadmore.gif" alt="" width="87" height="31" border="0" /></a></div> <div class="clr"></div> </div> <div class="clr"></div> </div> <div class="clr"></div> <div class="body"> <div class="body_resize"> <div class="left"> <h2>Portada</h2> </div> <div class="right"> <h2>Titulo</h2> <img src="http://www.imaxenes.net/mini/banner1uw521p.png" _fcksavedurl="http://www.imaxenes.net/mini/banner1uw521p.png" alt="" width="278" height="82" /> <p><a href="#" _fcksavedurl="#">Titulo</a><br /> Descripcion del titulo</p> <h2>Titulo</h2> <p> <img src="http://www.imaxenes.net/mini/banner1uw521p.png" _fcksavedurl="http://www.imaxenes.net/mini/banner1uw521p.png" alt="" width="18" height="13" />Descipcion del titulo</strong></p> </div> <div class="clr"></div> </div> </div> <div class="clr"></div> <div class="footer"> <div class="footer_resize"> <p class="leftt">© Copyright websitename . All Rights Reserved<br /> <a href="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#">Contact</a> | <a href="#" _fcksavedurl="#">RSS</a></p> <p class="right">(Blue) <a href="http://punto-css.es.tl/" _fcksavedurl="http://punto-css.es.tl/">Adaptada Por Punto-Css</a></p> <div class="clr"></div> </div> <div class="clr"></div> </div> </div> </body> </html>

Css Code
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;}

Nesbet - Diseño Gráfico

Inici

Diseño css