Plantilla6
Si se te descuadra, solo debes hacer 5 lineas en blanco en cada pagina de tu web pq tiene un problema que va con la plantilla y no lo he podido arreglar, en unos 20 misn lo tengo listo.
ENCIMA DE LA PAGINA:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sweetbuzz Template</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header2">
<div id="headerleft">
<div id="title"><a href="#">SweetBuzz Template </a><br />
slogan goes here or maybe a description? Up to you... </div>
</div>
<div id="headerright">
<div id="flickr"></div>
<div id="search">
<form id="searchform" method="get" action="">
<div>
<input type="text" name="s" id="s" size="30" class="searchbox"/>
<input class="searchbutton" type="submit" value=" " />
</div>
</form>
</div>
</div>
</div>
<div id="center">
<div class="post">
<div class="storycontent">
<div id="content">
<body>
DEBAJO DE LA PAGINA:
</div>
</div>
</div>
</div>
</div>
<div id="sidebar">
<div id="left">
<h2>TITULO (TEXTO)</h2>
<p>BOX 1</p>
<h2>Menu heading</h2>
<div id="bullet1">
<ul>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link</a></li>
</ul>
</div>
<div id="bullet2">
<ul>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link </a></li>
</ul>
</div>
<div id="bullet3">
<ul>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link </a></li>
</ul>
</div>
<div id="bullet4">
<ul>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link </a></li>
</ul>
</div>
<div id="bullet5">
<ul>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link </a></li>
<li><a href="#">Option or link </a></li>
</ul>
</div>
</div>
<div id="right">
<h2>Categories</h2>
<ul class="categories">
<li><a href="#">Category or link </a></li>
<li><a href="#">Category or link </a></li>
<li>
<ul class="children">
<li><a href="#">Category or link </a></li>
<li><a href="#">Category or link </a></li>
<li><a href="#">Category or link </a></li>
<li><a href="#">Category or link </a></li>
<li><a href="#">Category or link </a></li>
<li><a href="#">Category or link </a></li>
</ul>
</li>
<li><a href="#">Category or link </a></li>
<li><a href="#">Category or link </a></li>
<li><a href="#">Category or link </a></li>
</ul>
<h2>Archives</h2>
<ul class="archives">
<li><a href="#">Archives or link </a></li>
<li><a href="#">Archives or link </a></li>
<li><a href="#">Archives or link </a></li>
<li><a href="#">Archives or link </a></li>
<li><a href="#">Archives or link </a></li>
<li><a href="#">Archives or link </a></li>
</ul>
</div>
</div>
</div>
<div style="clear: both"><br /></div>
<div id="footer">
<div id="footernote">
<!-- Please leave this if you use our template. Thank you -->
Design by <a href="http://www.darjanpanic.com" title="Webdesigner">Webdesigner Darjan Panic</a> and <a href="http://www.briangreens.com" title="Brian Green">Brian Green</a>
<!-- Please leave this if you use our template. Thank you -->
</div>
</div>
</div>
</body>
</html>
CSS CODE SIN STYLE TAGS:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#pre_header{display: none;}
#header{display:none;}
/*
Theme Name: SweetBuzz Blue
Theme URI: http://www.darjanpanic.com
Description: SweetBuzz Blue designed and coded by Brian Green and Darjan Panic.
Version: 1.0
Author: Brian Green and Darjan Panic
*/
html {
height: 100%;
}
body {
padding-left: 30px;
margin-left: 30px;
background: url(http://pixelea.com/s/7b0a9f3819.gif) #202020 repeat-y ;
margin: 0px;
height: 100%;
color: #cccccc;
font-size:11px;
font-family: "arial";
}
#container {
text-align: left;
}
#header2 {
width: 965px;
height: 210px;
background: url(http://pixelea.com/s/e8760b88d9.gif) no-repeat;
}
#content {
width: 965px;
}
#footer {
width: 965px;
height: 150px;
background: url(http://pixelea.com/s/a82477f097.jpg) no-repeat;
color: #ffffff;
font-size:10px;
font-family: "trebuchet MS";
}
#footernote {
float: right;
text-align: right;
height: 30px;
margin-right: 80px;
margin-top: 110px;
}
#title {
float: left;
width: 300px;
height: 65px;
margin-left: 20px;
color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#title a:link {
color: #8DC63F;
font-family: "Trebuchet ms";
font-size: 30px;
text-decoration: none;
}
#title a:visited {
color: #8DC63F;
font-family: "Trebuchet ms";
font-size: 30px;
text-decoration: none;
}
#title a:hover {
color: #8DC63F;
font-family: "Trebuchet ms";
font-size: 30px;
text-decoration: underline;
}
#headerright {
float: right;
width: 450px;
height: 210px;
}
#headerleft {
float: left;
width: 480px;
height: 210px;
}
#search {
float: right;
width: 250px;
height: 30px;
margin-top: 170px;
margin-right: 70px;
text-align: right;
}
.searchbox {
border: 1px solid #ffffff;
background: url(http://pixelea.com/s/5b4cc89837.gif) repeat-x;
color: #ffffff;
font-size: 10px;
font-family: verdana;
padding: 4px;
}
.textarea {
border: 1px solid #ffffff;
color: #ffffff;
font-size: 10px;
font-family: verdana;
padding: 0px;
background: #8DC63F;
}
.searchbutton {
width: 64px;
height: 27px;
margin: 0;
padding: 0;
border: 0;
background: transparent url(http://pixelea.com/s/f2140bf83e.gif) no-repeat center top;
text-indent: -1000em;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
.submitcomment {
width: 119px;
height: 27px;
margin: 0px;
padding: 0px;
border: 0px;
background: transparent url(http://pixelea.com/s/5bab51a27b.gif) no-repeat center top;
text-indent: -1000em;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
#comment-1 {
margin: 0px;
padding: 0px;
}
#comment-2 {
margin: 0px;
padding: 0px;
background: #343434;
}
#center {
width: 470px;
float: left;
}
#sidebar {
float: right;
width: 485px;
}
#left {
float: left;
width: 240px;
border-left: 1px solid #8DC63F;
list-style: none;
}
#left p{
margin:10px;
}
#left img {
float: left;
margin: 5px;
}
#right {
float: right;
width: 240px;
border-left: 1px solid #8DC63F;
}
a:link {
color: #8DC63F;
text-decoration: none;
}
a:visited {
color: #8DC63F;
text-decoration: none;
}
a:hover {
color: #8DC63F;
text-decoration: underline;
}
.meta {
padding-left: 10px;
padding-right: 10px;
background: url(http://pixelea.com/s/b1f7b32fcc.gif);
line-height: 30px;
}
blockquote {
border-left: 4px solid #8DC63F;
color: #ffffff;
}
blockquote p {
margin: 5px;
}
h1 {
padding-left: 10px;
display:block;
margin: 0px;
font-family: "trebuchet ms";
font-size: 20px;
}
h1 a:link {
font-family: "trebuchet ms";
font-size: 20px;
text-decoration: none;
}
h1 a:visited {
font-family: "trebuchet ms";
font-size: 20px;
text-decoration: none;
}
h1 a:hover {
font-family: "trebuchet ms";
font-size: 20px;
text-decoration: underline;
}
h2 {
font-family: "trebuchet ms";
font-size: 18px;
width: 213px;
height: 37px;
line-height: 37px;
background: url(http://pixelea.com/s/536a8da0ec.gif) no-repeat;
padding-left: 15px;
padding-right: 10px;
list-style-image: none;
font-weight: lighter;
}
#left li {
list-style-image: url(http://pixelea.com/s/8633aae8b5.gif) ;
line-height: 14px;
margin-left: 45px;
}
#left ul {
margin-left: 5px;
padding: 0px;
}
.page_item li {
list-style-image: url(http://pixelea.com/s/15f8bbfeb5.gif) ;
margin-left: 15px;
padding: 0px;
}
#wp-calendar {
text-align: center;
padding-left: 20px;
}
::-moz-selection{
background:#8DC63F;
color:#ffffff;
}
::selection {
background:#8DC63F;
color:#ffffff;
}
code::-moz-selection {
background: #8DC63F;
}
code::selection {
background: #8DC63F;
}
#linkcat-1 ul {
list-style-image: url(http://pixelea.com/s/71ba533db2.gif) ;
margin-left: 40px;
padding: 0px;
line-height: 14px;
}
.categories {
line-height: 18px;
list-style: none;
margin-left: 10px;
padding: 0px;
}
.categories ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.categories a:link {
font-family: tahoma;
padding-left: 25px;
display:block;
width: 200px;
color: #ffffff;
background: url(http://pixelea.com/s/452df8eeb3.gif) no-repeat;
}
.categories a:visited {
padding-left: 25px;
display:block;
width: 200px;
color: #ffffff;
background: url(http://pixelea.com/s/452df8eeb3.gif) no-repeat;
}
.categories a:hover {
background: url(http://pixelea.com/s/452df8eeb3.gif) no-repeat;
background-position: 0px -18px;
}
.children a:link {
font-family: tahoma;
padding-left: 25px;
display:block;
color: #ffffff;
background: url(http://pixelea.com/s/104fae9628.gif) no-repeat;
}
.children a:visited {
padding-left: 25px;
display:block;
color: #ffffff;
background: url(http://pixelea.com/s/104fae9628.gif) no-repeat;
}
.children a:hover {
background: url(http://pixelea.com/s/104fae9628.gif) no-repeat;
background-position: 0px -18px;
}
.archives {
display: block;
line-height: 18px;
list-style: none;
margin-left: 10px;
padding: 0px;
}
.archives ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.archives li {
list-style: none;
margin: 0px;
padding: 0px;
}
.archives a:link {
width: 200px;
font-family: tahoma;
padding-left: 25px;
display:block;
color: #ffffff;
background: url(http://pixelea.com/s/269376d78d.gif) no-repeat;
}
.archives a:visited {
width: 200px;
padding-left: 25px;
display:block;
color: #ffffff;
background: url(http://pixelea.com/s/269376d78d.gif) no-repeat;
}
.archives a:hover {
width: 200px;
background: url(http://pixelea.com/s/269376d78d.gif) no-repeat;
background-position: 0px -18px;
}
.metaa {
text-align: right;
line-height: 18px;
list-style: none;
margin-right: 10px;
padding: 0px;
}
#feed {
width: 65px;
height: 65px;
float: right;
margin-top: 34px;
}
#post {
margin: 0px;
padding: 0px;
}
.storycontent {
padding-left:5px;
margin-left:5px;
padding-right:5px;
margin-right:5px;
}
#bullet1 li {
list-style-image: url(http://pixelea.com/s/9f745b718d.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet1 ul {
margin-left: 5px;
padding: 0px;
}
#bullet2 li {
list-style-image: url(http://pixelea.com/s/180461f0c8.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet2 ul {
margin-left: 5px;
padding: 0px;
}
#bullet3 li {
list-style-image: url(http://pixelea.com/s/fcfb6172eb.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet3 ul {
margin-left: 5px;
padding: 0px;
}
#bullet4 li {
list-style-image: url(http://pixelea.com/s/fdaa75d9c6.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet4 ul {
margin-left: 5px;
padding: 0px;
}
#bullet5 li {
list-style-image: url(http://pixelea.com/s/4d931e4cac.gif) ;
line-height: 14px;
margin-left: 45px;
}
#bullet5 ul {
margin-left: 5px;
padding: 0px;
}