Crée Coins arrondis Css3 avec WordPress 3 et 2.x

Bon on va faire simple testé ok par moi même pour Firefox et Safari

Si dessous les fonctions à insérer dans votre feuille de style css de votre thème.

Example 1 : les 4 coins arrondis soient en box,tableau ou body de votre thème

code css à insérer dans votres style css :

#boxrond {
background: #eee;
border: 1px solid #ccc;
padding: 15px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Dans votre editeur d’article ou page : <div id= »boxrond »>votre text..</div>

Exemple tableau : avec 4 coins arrondis à vous de poffiner l’épaisseur de votre css :

Dans votre propriété du Tableau ou cellule id : boxrond etc

4coins arrondis

Dans votre éditeur article ou page propriété du tabeau ou cellule id = « boxrondbas »

id : boxrond

Example 2 : les 2 coins arrondis du Haut

#boxrondtop {
background: #eee;
border: 1px solid #ccc;
padding: 15px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius: 10px;
}

Exemple 3 : les 2 coins arrondis du bas

#boxrondbas {
background: #eee;
border: 1px solid #ccc;
padding: 15px;
-moz-border-radius-bottomeft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius: 10px;
}

Vous pouvez peaufiner votre thème ainsi d’autres

Voici mon foot arrondi :

#footer {
height:60px;
padding:20px 0 0 0px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
color:#B7B7B7;
font-size:10px;
font-weight:normal;
text-align:center;
letter-spacing:1px;
font-family: Tahoma,georgia,Century gothic, Arial, sans-serif;
float:left;
width:1000px;
background:#4F4F4F;

}