[Réglé] Avoir une balise arrondie...

[Jules]

Nitrome a écrit :<span style="border: 1px solid black; border-radius: 10px; background: orange;">Règlement</span>

C'est bien beau de mettre le border-radius, mais ça ne fonctionne pas avec tout les navigateurs, par exemple : internet explorer.
Tu devrais optimiser ça, fait le avec une div par exemple.

Code :

.balises {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.balises reglement {
border: 1px solid #ff0000;
background-color: #ffdddd;
}

Avec ça, la plupart des navigateurs afficheront un arrondi de 10 pixels (que tu peut modifier), le deuxième avantage est que tu peut en créer de toutes sortes sans tout retaper dans le <span> à chaque fois.

Par exemple, pour le règlement :

Code :

<div class="balises reglement">Règlement</div>

Suffit d'ajouter des sous-classes à "balises" pour changer le fond et le bord.

Code :

.balises sujet {
border: 1px solid #xxxxxx;
background-color: #xxxxxx;
}

S'utilisera donc de cette façon :

Code :

<div class="balises sujet">Texte</div>

Le css se place dans "global.css" de ton thème que tu peut éditer depuis l'administration.
Administration > Templates et style > Thèmes > Ton thème > global.css (choisi le mode d'édition avancé)