Hola chicos me gustaría que me ayudaran nuevamente, ahora me gustaría saber como puedo agregar un separador entre los post del index.php que en el theme que uso de llama home.php
Este es el código del home.php (index.php)...
Código PHP:
<div id="content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<?php the_content(__('Read more'));?><div style="clear:both;"></div><br /><br />
<!--
<?php trackback_rdf(); ?>
-->
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
<p><center><?php posts_nav_link(' — ', __('Pagina anterior'), __('Siguiente pagina')); ?><center/></p>
</div>
<div id="contentbottom"></div>
<!-- The main column ends -->
<?php get_footer(); ?>
No se donde se tenga que aplicar si enel home.php o en el style.css pero por si las dudas les dejo los 2 códigos...
style.php
Código PHP:
/*
Theme Name: Photopress
Theme URL: http://themes.performancing.com/themes/announcing-the-photopress-wordpress-theme-for-photoblogs/
Description: Photopress is a 1-column theme ideal for a phot0blog using 640x480 pixel shots.
Author: Brian Gardner
Author URI: http://themes.performancing.com/
Version: 1.0
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Changelog:
v1.0 - 06.15.07
First Release of Photopress
*/
body {
background: #FFFFFF;
color: #000000;
font-size: 12px;
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0px auto 0px;
padding: 0px;
}
#wrap {
background: #FFFFFF top center repeat-y;
width: 800px;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
/************************************************
* Hyperlinks *
************************************************/
a, a:visited{
color: #000000;
text-decoration: none;
}
a:hover{
text-decoration: none;
}
/************************************************
* Header *
************************************************/
#header {
background: #FFFFFF;
width: 800px;
margin: 0px auto 0px;
padding: 10px 0px 10px 0px;
text-align: center;
border-top: 0px solid #ffffff;
text-transform: uppercase;
}
#header a {
font-family: Century Gothic, Verdana, Tahoma;
font-size: 36px;
color: #000000;
text-decoration: none;
padding: 0px;
margin: 0px;
text-transform: uppercase;
}
#header a:hover{
color: #999999;
}
/************************************************
* Navbar *
************************************************/
#navbar {
background: #FFFFFF;
width: 800px;
text-align: center;
margin: 0px auto 0px;
padding: 5px 0px 5px 0px;
}
#navbar li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#navbar ul {
margin: 0px;
padding: 0px;
}
#navbar ul li a {
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
color: #000000;
padding: 5px 10px 5px 10px;
margin: 0px 10px 0px 10px;
font-weight: bold;
}
#navbar ul li a:hover {
background: #FFFFFF;
color: #000000;
}
/************************************************
* Content *
************************************************/
#contenttop {
background: #FFFFFF;
width: 800px;
height: 40px;
margin: 0px auto 0px;
padding: 0px;
}
#contentbottom {
background: #FFFFFF;
width: 800px;
height: 30px;
margin: 0px auto 0px;
padding: 0px;
}
#content {
width: 800px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
}
.title {
width: 640px;
margin: 0px auto 0px;
padding: 0px;
}
.titleleft {
width: 440px;
height: 40px;
float: left;
margin: 0px;
padding: 0px;
text-align: left;
}
.titleright {
width: 195px;
height: 40px;
float: right;
margin: 0px;
padding: 0px;
text-align: right;
}
#content p{
padding: 0px 0px 15px 0px;
margin: 0px;
line-height: 20px;
}
#content p img{
border: none;
margin-bottom: 10px;
}
#content h1 {
color: #000000;
font-size: 22px;
font-family: Times New Roman, Verdana, Arial, Sans-Serif;
font-weight: normal;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px;
}
#content h1 a {
color: #000000;
text-decoration: none;
text-align: center;
}
#content h1 a:hover {
color: #000000;
text-decoration: none;
text-align: center;
}
#content blockquote p{
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}
blockquote{
margin: 0px 25px 15px 25px;
padding: 0px 25px 0px 10px;
background: #E8E8E8;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
}
#content ol{
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}
#content ol li{
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}
#content ul{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}
#content ul li{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}
#content img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}
#content img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}
/************************************************
* Footer *
************************************************/
#footer {
width: 800px;
color: #333333;
margin: 0px auto 0px;
padding: 0px 0px 10px 0px;
text-align: left;
line-height: 17px;
}
#footer p {
color: #333333;
padding: 3px 0px 0px 0px;
list-style-type: none;
margin: 0px;
}
#footer h2 {
color: #333333;
font-size: 12px;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
border-bottom: 2px solid #000000;
padding: 0px 0px 2px 0px;
margin: 15px 0px 0px 0px;
text-transform: uppercase;
}
#footer a, #footer a:visited{
color: #333333;
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}
#footer ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#footer ul li {
display: inline;
padding: 0px;
margin: 0px;
}
#footer ul li a, #footer ul li a:visited {
display: block;
color: #333333;
text-decoration: none;
margin: 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #666666;
}
#footer ul li a:hover {
background: #FFFFFF;
color: #000000;
text-decoration: none;
}
.footerleft {
float: left;
width: 215px;
margin: 0px 20px 0px 0px;
padding: 0px 0px 20px 0px;
display: inline;
}
.footermiddle {
float: left;
width: 330px;
margin: 0px;
padding: 0px 0px 20px 0px;
display: inline;
}
.footerright {
float: right;
width: 215px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
display: inline;
}
/************************************************
* Search Form *
************************************************/
#searchdiv {
margin: 0px;
padding 0px;
}
#searchform {
margin: 0px;
padding: 0px;
overflow: hidden;
}
#s {
width: 190px;
background: #EFEFEF url(images/search.gif);
color: #333333;
font-size: 11px;
font-family: Verdana, Helvetica, Sans-Serif;
padding: 3px;
margin: 8px 0px 0px 0px;
border: 1px solid #C0C0C0;
}
/************************************************
* Comments *
************************************************/
#commentblock {
width: 580px;
color: #000000;
float: left;
padding: 0px 20px 10px 20px;
margin: 10px 0px 0px 0px;
}
#commentblock ol{
list-style-type: square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}
.commentdate {
font-size: 12px;
padding-left: 0px;
}
#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding: 0px;
}
.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 5px 0px;
}
.commentinfo{
clear: both;
}
.commenttext {
background: #EFEFEF url(images/comment.gif) no-repeat top;
clear: both;
margin: 5px 0px 20px 0px;
padding: 15px 10px 0px 10px;
width: 500px;
}
.commenttext-admin {
background: #EFEFEF url(images/comment.gif) no-repeat top;
clear: both;
margin: 5px 0px 20px 0px;
padding: 15px 10px 0px 10px;
width: 500px;
}
#commentsformheader{
padding-left: 0px;
}
#commentsform{
text-align: center;
margin: 0px;
padding: 0px;
}
#commentsform form{
text-align: left;
margin: 0px;
}
#commentsform p{
margin: 0px;
}
#commentsform form textarea{
width: 99%;
}
p.comments_link img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
Me gustaría que me dijeran como poner una imagen como separador entre los post .
