gigaprogramas-desing

diseño II



TEXTO POR ENCIMA
<!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>Free CSS | Free CSS Templates | Demo of the CSS Template High5</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="assets/style.css" type="text/css" media="all" />
<!-- WIN IE Style Sheets -->
<!--[if IE]>
<![if gte IE 5.5]>
<![if gte IE 7]><link rel="stylesheet" type="text/css" media="screen,projection" href="assets/ie.css" /><![endif]>
<![if lt IE 7]><link rel="stylesheet" type="text/css" media="screen,projection" href="assets/ie.css" /><![endif]>
<![endif]>
<![if lt IE 5.5]><link rel="stylesheet" type="text/css" media="screen,projection" href="assets/ie.css" /><![endif]>
<![endif]-->
<style type="text/css">
#freecssfooter{display:block;position:fixed;bottom:0;left:0;width:100%;height:125px;margin-bottom:-125px;overflow:hidden;background-color:transparent;z-index:5000;text-indent:-5000px;}
#freecssfooter div#fcssholder{margin-bottom:-125px;}
#freecssfooter a, #freecssfooter div{display:block; text-indent:-5000px;}
</style>
<!--[if lte IE 6]><style type="text/css">#freecssfooter{position:absolute;}</style><![endif]--></head>
<body>
<script type="text/javascript">
(function(){
var bsa = document.createElement('script');
bsa.type = 'text/javascript';
bsa.async = true;
bsa.src = '//s3.buysellads.com/ac/bsa.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script>
<div id="topbg">
<div id="wrap">
<div id="header">
<h1 id="blogtitle"><img src="http://img802.imageshack.us/img802/4951/morena.png" style="width: 371px; height: 63px;" alt="" /><br />
<div id="tagline"></div>
<form class="search" method="post" action="http://www.free-css.com/free-css-templates.php">
<p>
<input class="textbox" type="text" name="search_query" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
<input class="button" type="submit" name="Submit" value="" />
</p>
</form>
<div id="userpic"></div>
<div id="welcome">Si deceas llevarte mi diseño css pide permiso, conserva el comprigt o hazme publicidad, porfavor. </div>
</div>
<div id="content-wrap-top">
<div id="nav">
<div id="nbar">
<ul>
<li id="selected"><a href="url aqui">Home</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
</ul>
</div>
</div>
</div>
<div id="wrap2">
<div id="content-wrap">
<div id="sidebar">
<div class="sidetop"></div>
<div class="widgetspace">
<h1>Titulo </h1>
<ul class="menu">
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
</ul>
</div>
<div class="sidebot"></div>
<div class="sidetop"></div>
<div class="widgetspace">
<h1>Titulo</h1>
<ul class="menu">
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
<li><a href="url aqui">menu</a></li>
</ul>
</div>
<div class="sidebot"></div>
<div class="sidetop"></div>
<div class="widgetspace">
<h1>Titulo del texto</h1>
<p><strong>subtitulo</strong></p>
<p>Contenido aqui... </p>
</div>
<div class="sidebot"></div>
<div class="sidetop"></div>
<div class="widgetspace">
<h1>Titulo del texto </h1>
<p>Contenido aqui...</a>!</p>
</div>
<div class="sidebot"></div>
</div>
TEXTO POR DEBAJO
</ul>
<h3>Sample Form</h3>
<form action="http://www.free-css.com/free-css-templates.php">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<p>&nbsp;</p>
<p class="post-footer"><span class="dated">Oct 16, 2008</span><span class="category">Category</span><span class="author">Santhosh</span><span class="more">Read more...</span></p>
<br />
</div>
</div>
</div>
<!-- End Wrap2 -->
<div id="content-wrap-bottom"><br />
<br />
<div id="navdeck">
<div class="old"><a href="http://www.free-css.com/free-css-templates.php">Previous</a></div>
<div class="home"><a href="http://www.free-css.com/free-css-templates.php">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></div>
<div class="new"><a href="http://www.free-css.com/free-css-templates.php">Next</a></div>
</div>
</div>
<div id="footer"> &copy; 2008 <strong>Your Company</strong> | Valid <a target="_blank" rel="nofollow" href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a target="_blank" rel="nofollow" href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | Design by: <a target="_blank" rel="nofollow" href="http://www.themebin.com/">ThemeBin</a>
<!-- Please Do Not remove this link, thank u -->
&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.free-css.com/free-css-templates.php">Home</a> | Sitemap </div>
</div>
<!-- End Wrap -->
</div>
<!-- End Top BG -->
<div id="freecssfooter">
<div id="fcssholder">
<div id="bsap_2365" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67"></div>
<div id="bsap_1635" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67"></div>
<a target="_blank" rel="friend met" href="http://www.design-coder.com/" title="Design Coder">PSD to HTML</a>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-28";
urchinTracker();
</script>
</body>
</html>
CODIGO CSS
table {margin-left:auto;margin-right:auto;}

#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#title {display: none;}
#nav_container {display:none;}

/*
<---------------Template By TEmplatECSS.es.tl--------------->
*/
@charset "utf-8";
/*-------------------------------------------------------------*/
/* CSS Document */
/* Template Name: High5 */
/* Designed By: Santhosh */
/* Homepage: www.themebin.com */
/*-------------------------------------------------------------*/

body {
font: 75%/150% Verdana, Arial, Helvetica, sans-serif;
background: url(https://img.webme.com/pic/e/elsentinelax/body.png);
text-align: justify;
margin: 0;
}

#topbg {
background: url(https://img.webme.com/pic/e/elsentinelax/topbg.png) repeat-x;
}

#wrap {
width: 1000px;
margin: 0 auto;
}

#header {
height: 162px;
}

a, a:visited {
color: #003366;
}

a:hover {
color: #0066CC;
text-decoration: none;
}

h1 {
font-size: 24px;
font-weight: bold;
}

h2 {
color: #333333;
font-size: 16px;
background: url(https://img.webme.com/pic/e/elsentinelax/h2.png) no-repeat;
padding-left: 26px;
height: 26px;
padding-top: 3px;
}

h3 {
color: #000066;
font-size: 12px;
background: url(https://img.webme.com/pic/e/elsentinelax/write.png) no-repeat;
padding-left: 17px;
}

#blogtitle {
color: #EFEFEF;
margin: 0;
padding: 20px 0 0 50px;
}

#tagline {
color: #fff;
padding: 12px 0 0 50px;
}


#wrap2 {
background: url(https://img.webme.com/pic/e/elsentinelax/wrap.png) center repeat-y;
margin: 0;
}

#welcome {
height: 90px;
width: 635px;
padding-left: 20px;
color: #000;
margin-top: 28px;
font-size: 11px;
}

#userpic {
width: 75px;
height: 75px;
margin-left: 50px;
margin-right: 10px;
margin-top: 15px;
float: left;
background: url(https://img.webme.com/pic/e/elsentinelax/user_pic.png) no-repeat;
}

/* Search */

form.search {
position: relative;
background: url(https://img.webme.com/pic/e/elsentinelax/searchbg.png) center no-repeat;
width: 264px;
border: none;
float: right;
margin-top: 15px;
margin-right: 25px;
height: 74px;
}

form.search input.textbox {
margin: 0;
padding: 15px 2px;
padding-left: 30px;
width: 160px;
background: none;
border: none;
color: #fff;
}

form.search input.button {
background : url(https://img.webme.com/pic/e/elsentinelax/search-button.png) no-repeat;
color: #333;
border: none;
width: 25px;
height: 20px;
cursor: pointer;
margin-left: 15px;
}


/* Nav */

#nav {
padding-top: 10px;
background: none;
height : 25px;
position: relative;
margin-left: 40px;
}

#nbar a {
font-weight: normal;
}

#nbar {
position: relative;
width: auto;
height: 24px;
margin: 0;
padding : 0 0 0 0;
font: 12px/25px Verdana, Arial, Tahoma, Sans-serif;
}

#nbar ul {
float: left;
list-style : none;
margin: 0;
padding: 0;
}

#nbar ul li {
display: inline;
}

#nbar ul li a {
display: block;
float: left;
padding: 0 10px;
color: #222;
text-decoration: none;
border: solid 1px #E7E7E7;
background: url(https://img.webme.com/pic/e/elsentinelax/gradbot.gif) bottom repeat-x;
margin-left: 5px;
}

#nbar ul li a:hover {
color: #000;
background: url(https://img.webme.com/pic/e/elsentinelax/gradtop.gif) top repeat-x;
}

#nbar ul li#selected a {
color: #000000;
background: url(https://img.webme.com/pic/e/elsentinelax/gradtop.gif) top repeat-x;
font-weight: bold;
}


/* Content */

#content-wrap {
padding: 0 40px 10px 50px;
}

#content-wrap-top {
background: url(https://img.webme.com/pic/e/elsentinelax/nav.png) center no-repeat;
height: 63px;
}

#content-wrap-bottom {
background: url(https://img.webme.com/pic/e/elsentinelax/content-bottom.png) center no-repeat;
height: 121px;
}

#content {
width: 645px;
padding: 5px 5px 5px 5px;
}

#content h1 {
color: #336699;
font-size: 18px;
background: url(https://img.webme.com/pic/e/elsentinelax/h1.png) no-repeat;
padding-left: 39px;
height: 36px;
border-bottom: dotted 1px #000066;
padding-top: 10px;
}

.post-footer {
background: url(https://img.webme.com/pic/e/elsentinelax/post-footer.png) center no-repeat;
height: 35px;
font-size: 10px;
padding: 10px 10px 0 10px;
text-align: right;
}


.dated {
padding-top: 2px;
background: url(https://img.webme.com/pic/e/elsentinelax/calendar.png) left no-repeat;
padding-left: 20px;
float: left;
}

.category {
background: url(https://img.webme.com/pic/e/elsentinelax/category.png) left no-repeat;
padding-left: 20px;
margin-left: 10px;
float: left;
height: 16px;
}

.author {
padding-left: 20px;
padding-bottom: 5px;
background: url(https://img.webme.com/pic/e/elsentinelax/user.png) no-repeat;
}

.more {
padding-right: 20px;
margin-left: 20px;
padding-bottom: 5px;
background: url(https://img.webme.com/pic/e/elsentinelax/more.png) right no-repeat;
}

/* Images */

img {
border: none;
background: none;
}

img.float-right {
margin : 5px 0 10px 10px;
padding: 2px;
}

img.float-left {
margin : 5px 10px 10px 0;
padding: 2px;
}

/* Addition Stuffs */

blockquote {
background: #F8F8F8 url(https://img.webme.com/pic/e/elsentinelax/quotebg.png) left repeat-y;
border: dotted 1px #D7D7D7;
padding: 5px 5px 5px 25px;
}

code {
margin : 4px 8px;
padding : 10px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
background: #F8F8F8 url(https://img.webme.com/pic/e/elsentinelax/quotebg.png) left repeat-y;
border : 1px dashed #D7C3C3;
}

ul, ol {
margin: 5px 20px;
padding: 0 20px;
color: #333333;
}

ul span, ol span {
color: #333333;
}


/* Sidebar */

#sidebar {
width: 230px;
float: right;
margin-right: 2px;
padding: 5px 7px 5px 7px;
text-align: justify;
}

#sidebar a{
font-weight: normal;
}

#sidebar h1 {
color: #333;
font-size: 14px;
background: url(https://img.webme.com/pic/e/elsentinelax/h2.png) no-repeat;
padding-left: 26px;
height: 24px;
padding-top: 3px;
border-bottom: dotted 1px #666;
}

#sidebar .widgetspace {
padding: 5px 5px 0 10px;
margin: 0px;
background: url(https://img.webme.com/pic/e/elsentinelax/sbar.png) repeat-y;
padding-bottom: 28px;
}

.sidetop {
background: url(https://img.webme.com/pic/e/elsentinelax/sbar-top.png) no-repeat;
height: 14px;
}

.sidebot {
background: url(https://img.webme.com/pic/e/elsentinelax/sbar-bot.png) top no-repeat;
height: 20px;
}

#sidebar ul.menu {
list-style: none;
text-decoration: none;
margin : 3px 0 2px 0;
padding: 0;
}

#sidebar ul.menu li {
background: url(https://img.webme.com/pic/e/elsentinelax/bullet.png) no-repeat;
padding : 2px 0 0px 25px;
margin : 0 2px;
}

#sidebar ul.menu a {
text-decoration : none;
background-image : none;
}


#sidebar ul.menu a:hover {
padding-left: 2px;
}

/* Page Navigation */

#navdeck {
width: 235px;
margin: 0 auto;
height: 40px;
padding: 10px 20px 10px 20px;
}

#navdeck a {
text-decoration: none;
}

.old {
width: 60px;
margin: 10px 0 20px 10px;
float: left;
background: url(https://img.webme.com/pic/e/elsentinelax/prev.png) left no-repeat;
padding-left: 18px;
}

.new {
width: 45px;
float: right;
margin: 10px 20px 20px 0px;
background: url(https://img.webme.com/pic/e/elsentinelax/next.png) right no-repeat;
}

.home {
width: 50px;
height: 24px;
float: left;
margin: 8px 0 20px 7px;
background: url(https://img.webme.com/pic/e/elsentinelax/home.png) center no-repeat;
}



/* Forms and Text Fields */

form {
margin : 10px;
padding : 0 5px;
border: solid 1px #D7D7D7;
background: #F8F8F8 url(https://img.webme.com/pic/e/elsentinelax/formbg.png) right repeat-y;
}

label {
display : block;
font-weight : bold;
margin : 5px 0;
color: #333333;
}

input {
padding : 2px;
border : 1px solid #C6D9E9;
font : normal 1em Verdana, sans-serif;
color : #000000;
background:#fff url(gradtop.gif) repeat-x top;
background-color : #ffffff;
}

textarea {
width : 400px;
padding : 2px;
font-family : Verdana, sans-serif;
border : 1px solid #C6D9E9;
background-color : #ffffff;
height : 100px;
display : block;
background:#fff url(https://img.webme.com/pic/e/elsentinelax/gradtop.gif) repeat-x top;
color : #000;
}

input.button {
margin : 0;
font : bolder 12px Arial, Sans-serif;
border : 1px solid #ccc;
padding : 2px 3px;
background : #fff url(https://img.webme.com/pic/e/elsentinelax/gradbot.gif) bottom repeat-x;
color : #131212;
}

#footer {
text-align: center;
font-size: 10px;
}

#footer a {
font-weight: normal;
}

.clearfix {
clear:both;
overflow: hidden;
}













Hoy habia 2 visitantes (5 clics a subpáginas) ¡Aqui en esta página!
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis