bub
Plantilla : bublue
Texto por encima de la pagina:
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="container">
<div id="head">
<h1><a href="index.html" title="">Web Design Studio</a></h1>
<ul id="menu">
<li><a class="current" href="index.html" title="">Home</a></li>
<li><a href="#" title="">Link</a></li>
<li><a href="#" title="">Link</a></li>
<li><a href="#" title="">Link</a></li>
<li><a href="#" title="">Link</a></li>
</ul>
<div class="top_head_banner">
</div>
</div>
<div id="area">
</div>
<div id="main">
<div id="welcome">
<h1>Bienvenido a "Tu web"</h1>
</div>
<div id="content_left">
<h3>Contenido:</h3>
<p>
</head>
<body>
<div id="container">
<div id="head">
<h1><a href="index.html" title="">Web Design Studio</a></h1>
<ul id="menu">
<li><a class="current" href="index.html" title="">Home</a></li>
<li><a href="#" title="">Link</a></li>
<li><a href="#" title="">Link</a></li>
<li><a href="#" title="">Link</a></li>
<li><a href="#" title="">Link</a></li>
</ul>
<div class="top_head_banner">
</div>
</div>
<div id="area">
</div>
<div id="main">
<div id="welcome">
<h1>Bienvenido a "Tu web"</h1>
</div>
<div id="content_left">
<h3>Contenido:</h3>
<p>
Texto por debajo de la pagina:
</p>
<h3>Info:</h3>
<img src="https://img.webme.com/pic/p/plantillas031/bubp1.jpg" width="110" height="74" border="0" alt="p1" title="p1" class="pic_left" />
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
<h3> </h3>
<p> </p>
</div>
<div id="content_right">
<h4>Menu</h4>
<div class="item_box"><a href="#">Link</a> </div>
<div class="item_box"><a href="#">Link</a> </div>
<div class="item_box"><a href="#">Link</a> </div>
<div class="item_box"><a href="#">Link</a> </div>
</div>
<div class="spacer"></div>
</div>
<div id="footer">
<div style="float:left; padding-left:40px;">
Copyright 2011 © Tu web - adaptado por <a href="www.ayuda031.es.tl">Ayuda031
</a></div>
<div id="madeby">
<a href="http://www.csscreme.com"><img src="images/csscreme.jpg" width="200" height="35" border="0" alt="csscreme" title="csscreme"/></a><br />
<a href="http://validator.w3.org/check?uri=referer" title="This site is W3C compliant">Xhtml</a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=www.csscreme.com&usermedium=all" title="This site is coded with validate CSS">css</a>
</div>
</div>
</div>
</body>
</html>
<h3>Info:</h3>
<img src="https://img.webme.com/pic/p/plantillas031/bubp1.jpg" width="110" height="74" border="0" alt="p1" title="p1" class="pic_left" />
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
<h3> </h3>
<p> </p>
</div>
<div id="content_right">
<h4>Menu</h4>
<div class="item_box"><a href="#">Link</a> </div>
<div class="item_box"><a href="#">Link</a> </div>
<div class="item_box"><a href="#">Link</a> </div>
<div class="item_box"><a href="#">Link</a> </div>
</div>
<div class="spacer"></div>
</div>
<div id="footer">
<div style="float:left; padding-left:40px;">
Copyright 2011 © Tu web - adaptado por <a href="www.ayuda031.es.tl">Ayuda031
</a></div>
<div id="madeby">
<a href="http://www.csscreme.com"><img src="images/csscreme.jpg" width="200" height="35" border="0" alt="csscreme" title="csscreme"/></a><br />
<a href="http://validator.w3.org/check?uri=referer" title="This site is W3C compliant">Xhtml</a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=www.csscreme.com&usermedium=all" title="This site is coded with validate CSS">css</a>
</div>
</div>
</div>
</body>
</html>
CsS:
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;}
body {
background: url(https://img.webme.com/pic/p/plantillas031/bubbackground.png) top center repeat-x #CFDEEA;
margin: 0px;
padding: 16px 0;
font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
color: #282828;
text-align: center;
}
p{
font-size:11px;
text-indent:1cm;
text-align:justify;
line-height:16px;
}
img {
border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px #CCCCCC solid;
}
a {
color: #2E9FED;
text-decoration: none;
}
a:hover {
color: #1471B1;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 750px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#head {
width: 750px;
height: 172px;
background: url(https://img.webme.com/pic/p/plantillas031/bubhead.gif) no-repeat;
}
#head h1 {
position: absolute;
margin: 31px 0 0 36px;
width: 200px;
height: 75px;
background: url(https://img.webme.com/pic/p/plantillas031/bublogo.gif) no-repeat;
}
#head h1 a {
text-indent: -2000px;
width: 154px;
height: 59px;
display: block;
background: url(https://img.webme.com/pic/p/plantillas031/bublogo.gif) no-repeat;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(https://img.webme.com/pic/p/plantillas031/bubtop_head.gif) no-repeat right;
background-position:-12px 12px;
}
#menu {
position: absolute;
width: 617px;
top: 155px;
left: 35px;
margin: 0px;
padding: 0px;
z-index: 100;
}
#menu li {
list-style-type: none;
float: left;
margin: 0 8px;
height: 22px;
}
#menu li a {
padding: 0 0 7px 0;
height: 22px;
color: #8A8A8A;
}
#menu li a:hover {
color:#000033;
}
#menu .current {
color:#000033;
font-weight:bold;
}
#area {
width: 750px;
height: 54px;
background: url(https://img.webme.com/pic/p/plantillas031/bubarea.gif) repeat-x;
}
#main {
margin: auto;
background: url(https://img.webme.com/pic/p/plantillas031/bubbg_main.gif) repeat-y;
width: 750px;
height: auto;
}
#content_left {
float:left;
padding:0 30px 30px 30px;
width: 445px;
height:auto;
}
#content_right{
float:left;
padding:5px;
width: 200px;
height:auto;
}
#welcome {
background: url(https://img.webme.com/pic/p/plantillas031/bubcenter_banner.gif) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}
/*---------contact----------*/
#form {
padding: 0px;
margin: 0px;
}
#fields label {
width: 260px;
display: block;
padding: 0px;
}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 63px;
}
#send input {
width: 64px;
height: 20px;
margin: 0px;
}
ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
float:left;
padding:15px;
}
/*work------------*/
.project_details{
float:left;
width:200px;
color:#0099FF;
padding:10px 0 0 10px;
}
#footer {
text-align:center;
font-size:10px;
color:#000033;
background: url(https://img.webme.com/pic/p/plantillas031/bubfooter.gif) no-repeat;
background-position:0px 0px;
padding-top:10px;
width: 750px;
height:85px;
}
#footer a {
background: none;
padding: 0px;
}
#madeby{
width:200px;
height:85px;
float:right;
padding-right:30px;
text-align:center;
}
#madeby a{
text-decoration:none;
color:#666666;
}
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;}
body {
background: url(https://img.webme.com/pic/p/plantillas031/bubbackground.png) top center repeat-x #CFDEEA;
margin: 0px;
padding: 16px 0;
font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
color: #282828;
text-align: center;
}
p{
font-size:11px;
text-indent:1cm;
text-align:justify;
line-height:16px;
}
img {
border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px #CCCCCC solid;
}
a {
color: #2E9FED;
text-decoration: none;
}
a:hover {
color: #1471B1;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
position: relative;
width: 750px;
margin: 0 auto;
padding: 0px;
text-align: left;
}
#head {
width: 750px;
height: 172px;
background: url(https://img.webme.com/pic/p/plantillas031/bubhead.gif) no-repeat;
}
#head h1 {
position: absolute;
margin: 31px 0 0 36px;
width: 200px;
height: 75px;
background: url(https://img.webme.com/pic/p/plantillas031/bublogo.gif) no-repeat;
}
#head h1 a {
text-indent: -2000px;
width: 154px;
height: 59px;
display: block;
background: url(https://img.webme.com/pic/p/plantillas031/bublogo.gif) no-repeat;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(https://img.webme.com/pic/p/plantillas031/bubtop_head.gif) no-repeat right;
background-position:-12px 12px;
}
#menu {
position: absolute;
width: 617px;
top: 155px;
left: 35px;
margin: 0px;
padding: 0px;
z-index: 100;
}
#menu li {
list-style-type: none;
float: left;
margin: 0 8px;
height: 22px;
}
#menu li a {
padding: 0 0 7px 0;
height: 22px;
color: #8A8A8A;
}
#menu li a:hover {
color:#000033;
}
#menu .current {
color:#000033;
font-weight:bold;
}
#area {
width: 750px;
height: 54px;
background: url(https://img.webme.com/pic/p/plantillas031/bubarea.gif) repeat-x;
}
#main {
margin: auto;
background: url(https://img.webme.com/pic/p/plantillas031/bubbg_main.gif) repeat-y;
width: 750px;
height: auto;
}
#content_left {
float:left;
padding:0 30px 30px 30px;
width: 445px;
height:auto;
}
#content_right{
float:left;
padding:5px;
width: 200px;
height:auto;
}
#welcome {
background: url(https://img.webme.com/pic/p/plantillas031/bubcenter_banner.gif) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}
/*---------contact----------*/
#form {
padding: 0px;
margin: 0px;
}
#fields label {
width: 260px;
display: block;
padding: 0px;
}
#fields input {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
}
#fields textarea {
border: 1px solid #C8D2D9;
margin: 0 0 3px 0;
width: 260px;
height: 63px;
}
#send input {
width: 64px;
height: 20px;
margin: 0px;
}
ul {
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
.contact_info{
float:left;
padding:15px;
}
/*work------------*/
.project_details{
float:left;
width:200px;
color:#0099FF;
padding:10px 0 0 10px;
}
#footer {
text-align:center;
font-size:10px;
color:#000033;
background: url(https://img.webme.com/pic/p/plantillas031/bubfooter.gif) no-repeat;
background-position:0px 0px;
padding-top:10px;
width: 750px;
height:85px;
}
#footer a {
background: none;
padding: 0px;
}
#madeby{
width:200px;
height:85px;
float:right;
padding-right:30px;
text-align:center;
}
#madeby a{
text-decoration:none;
color:#666666;
}