sanjeeonp

Oh thanks, it works !
Just another question : is it the same way if i want to transform the square border into a surrounded one?
I tried to do it for the sidebar-top-right called “Edito” (“Featured” in the code), as u can see it doesn’t work that much.
here is the code :

In index.php

<div id="featured">
	<div class="relsample">
	<div class="top_left"></div>
	<div class="top_right"></div>
	<div class="content"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/edito.png" width="72px" height="17px" alt="" />

	<?php query_posts("showposts=4&category_name=Edito"); $i = 1; ?>

      	<?php while (have_posts()) : the_post(); ?>
	<div class="clearfloat">
	<div class="spoiler">
	<?php	$values = get_post_custom_values("Image");
	if (isset($values[0])) { ?>
      <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
	<img src="<?php echo bloginfo('template_url'); ?>/scripts/timthumb.php?src=/<?php
$values = get_post_custom_values("Image"); echo $values[0]; ?>&w=150&h=150&zc=1&q=100"
alt="<?php the_title(); ?>" class="left" width="150px" height="150px"  /></a>
      <?php } ?>

	<?php the_excerpt(); ?>
	</div>
    	</div>

      <?php endwhile; ?>

	  </div>
	<div class="bottom_left"></div>
	<div class="bottom_right"></div>
</div>
	</div>

In the CSS :

.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right {
	height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; /*background-color: #00FF00*/;
}
.relsample .top_left {
	top: 0px;
	left: 0px;
	background-image: url("./images/bordures/Bordure_haut_gauche.png");
	z-index: 0;
	margin-left : -15px;
}
.relsample .top_right {
	top: 0px;
	right: 0px;
	background-image: url("./images/bordures/Bordure_haut_droite.png");
	z-index: 1;
	margin-right :-24px;
}
.relsample .bottom_left {
	bottom: 0px;
	left: 0px;
	background-image: url("./images/bordures/Bordure_bas_gauche");
	z-index: 2;
	margin-left : -15px;
}

.relsample .bottom_right {
	bottom: 0px;
	right: 0px;
	background-image: url("./images/bordures/Bordure_bas_droite.png");
	z-index: 3;
	margin-right :-24px;

}
.relsample .content {
	position: relative;
	/*padding: 12px; */
	padding-top : 15px;
	z-index: 4;
}

Thanks !

Hello!
Here is the link : http://leblog.uneviemoinschere.com/
I want to put a border on “Commentaires récents”, “Categorie”, “Articles récents”…