Voila je vais vous expliquer comment faire des bords arrondis :

Pour encadrer la zone des articles, avec des bords arrondis ET sans images :

Mettre quelque chose comme ça dans l'index:

<div id="contenu">
<b class="bordure_top"><b class="boite_un"></b><b class="boite_deux"></b><b class="boite_trois"></b><b class="boite_4"></b></b>
<div class="boite_des_articles">
<?php mosMainBody(); ?>
</div>
<b class="bordure_bottom"><b class="boite_4"></b><b class="boite_trois"></b><b class="boite_deux"></b><b class="boite_un"></b></b>
</div>

 LE TEXTE EN ROUGE EST VOTRE BALISE JOOMLA( En l'occurense le contenu de votre page)


Puis dans la feuille de style :

.bordure_top, .bordure_bottom {
display:block;
background:transparent;
font-size:1px;
}
.boite_un, .boite_deux, .boite_trois, .boite_4 {
display:block;
overflow:hidden;
}
.boite_un, .boite_deux, .boite_trois {
height:1px;
}
.boite_deux, .boite_trois, .boite_4 {
background:#fff;
border-left:1px solid #000;
border-right:1px solid #000;
}
.boite_un {
margin:0 5px;
background:#000;
}
.boite_deux {
margin:0 3px;
border-width:0 2px;
}
.boite_trois {
margin:0 2px;
}
.boite_4 {
height:2px;
margin:0 1px;
}

.boite_des_articles {
display:block;
background:#fff;
padding: 0 5px;
border:0 solid #000;
border-width:0 1px;
}


On se sert de la balise b pour générer une boite en ligne sans retour à la ligne.
Les boites un à quatre servent à donner une illusion d'arrondi en faisant un affichage décalé de un ou deux pixels ( en largeur Et en hauteur ). Si on veut un arrondi plus grand, il faut augmenter le nombre de boites et procéder aux décalages adéquats.
div id="contenu", c'est la zone que vous voulez encadrer sur le template, ici les articles et donc la mainbody.
div class="boite_des_articles" c'est la boite des articles proprement dite (utile pour mettre un peu de padding, une autre couleur, ce qui vous chante )

Code testé

A propos de l'auteur
Sebastien Politi
Nom: Sebastien Politi
Derniers articles de l'auteur