ReBootYouHello,
I'm trying to make my art/blog site fully in wordpress and i've been trying to get the post to have rounded corners. my seasrch in this forum led me to this site (http://kalsey.com/2003/07/rounded_corners_in_css/), which is pretty neat and clean codes. I've integrated it into my own index code for the post/entry and it seems to work fine for the top and bottom right corners, but the top and bottom LEFT corners are not showing up (in IE and Firefox). Below is the codes for my index.php and style.css (the ones that are added, nothing else modified). ANy help or suggestion would be appreciated. Thanks ::
INDEX.PHP
------------------------------------------
<backticks>
<?php
/**
* @package WordPress
* @subpackage Default_Theme
*/
get_header(); ?>
<div id="Container">
<div id="content" class="narrowcolumn">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h2>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></h2>
<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
<div class="roundcont">
<div class="roundtop">
<img src="tl.png" alt=""
width="15" height="15" class="corner"
style="display: none" >
</div>
<?php the_content('Read the rest of this entry »'); ?>
<div class="roundbottom">
<img src="bl.png" alt=""
width="15" height="15" class="corner"
style="display: none" >
</div>
</div>
<p class="postmetadata"><?php the_tags('Tags: ', ', ', '
'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
</div>
<?php endwhile; ?>
<div class="navigation">
<div class="alignleft"><?php next_posts_link('« Older Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries »') ?></div>
</div>
<?php else : ?>
<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>
<?php get_search_form(); ?>
<?php endif; ?>
</div>
</div>
<?php get_footer(); ?>
</backticks>
CSS
--------------------------------
.roundcont {
width: 100%;
background-color: #312625;
color: #fff;
}
.roundcont p {
margin: 0 10px;
}
.roundtop {
background: url(tr.png) no-repeat top right;
}
.roundbottom {
background: url(br.png) no-repeat top right;
}
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
