Código PHP:
* {
margin: 0;
padding: 0;
}
a {
color: #F09;
text-decoration: none;
}
body {
background: #FFF url(img/bg.jpg) repeat-y fixed bottom center;
color: #311;
font: 11px Verdana, Arial, Tahoma;
margin: 20px 0;
text-align: center;
border: 1px solid #0099FF; /* COLOR */
}
ul {
padding: 10px 0;
}
li {
list-style: none;
margin: 4px 0 4px 20px;
}
li span {
font-size: 0.9em; color: #444;
}
.clearer,.footer {
clear: both;
}
.content,.footer {
padding: 0 5px;
}
.container {
background: #FFF url(img/top.gif) no-repeat;
border-color: #EEE #CCC #AAA;
margin: 0 auto;
text-align: left;
width: 600px;
}
.top {
height: 250px;
}
.header {
height: 210px;
}
.header h1 {
line-height: 2.4em;
padding-left: 18px;
color: #F09;
font-size: 2.4em;
}
.footer {
background: #000;
color: #FFF;
margin: 5px;
padding: 2px 5px;
}
.item {
padding: 5px;
text-align: justify;
}
.item h1 {
padding:2px 3px 3px 8px;
font: normal 11px Verdana, Arial, Tahoma;
color: #C36;
letter-spacing: 1px;
background: url(img/toppost.gif);
}
.left {
float: left;
width: 385px;
background: #F2EEF2;
}
.menu {
margin-left: 18px;
}
.menu a {
padding: 0 2px;
margin-right: 12px;
font-size: 1.2em;
}
.menu a:hover {
background: #F09;
color: #FFF;
}
.right .submenu_end {
background: url(img/bgsubmenu_end.gif) no-repeat; height: 29px;
}
.right {
float: right;
width: 190px;
background: #DDD;
}
.right a:hover {
border-bottom: 1px dotted #dadada;
}
.right h2
{
padding:2px 3px 3px 8px;
font: bold 11px Verdana, Arial, Tahoma;
margin-left:0px; /* 15px */
}
a img
{
border:none;
}
.item
{
margin:0 0 25px 0;
}
.item .info
{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#CCCC99;
font-size:10px;
color:#00FF66;
}
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
padding: 5px;
background: #f2eef2;
width: 360px;
}
#commentform textarea {
background: #f8f7f6;
width: 350px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
.right {
margin-left: 0px;
}
.right ul li {
margin: 0;
}
.right ul li a {
display: block;
padding: 2px 3px;
width: 170px;
background: #fffff9;
border-bottom: 1px dotted #dadada;
color: #333;
text-decoration: none;
}
.right ul li a:hover {
background: #eee;
color: #000;
}
Código PHP:
<?php get_header(); ?>
<div class="content">
<div class="left">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="item" id="post-<?php the_ID(); ?>">
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h1>
<div class="entry">
<?php the_content('Read the rest of this entry »'); ?>
</div>
<p class="info">Posted in <?php the_category(', ') ?> <strong>|</strong> <?php edit_post_link('Edit','','<strong>|</strong>'); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
</div>
<?php comments_template(); ?>
<?php endwhile; ?>
<p align="center"><?php next_posts_link('« Previous Entries') ?> <?php previous_posts_link('Next Entries »') ?></p>
<?php else : ?>
<h2 align="center">Not Found</h2>
<p align="center">Sorry, but you are looking for something that isn't here.</p>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<br class="clearer"/><span></span>
</div>
<?php get_footer(); ?>
</div>
</body>
</html>
Alguien que sepa como hacerlo y pueda ayudarme?
Salu2 y gracias