Pour accéder plus rapidement au sommaire correspondant à cet article, cliquez sur le lien :

Publié dans : Cadres, tableaux et iframe - Tous blogs

Réaliser des encadrements arrondis

Malheureusement, ce n'est visible que sous FF



Lorsque, dans le CSS, vous créez un encadrement, par exemple du titre des modules

.box-titre h2 {   border:1px solid #d8e2ec;  }

vous rajoutez ce qui est en rouge

.box-titre h2 {  border:1px solid #d8e2ec;  -moz-border-radius: 10px; }

Vous jouez avec les PX pour avoir l'arrondi voulu.

Voir si nécessaire, l'article LES BORDURES - GENERALITES
Voir les 6 commentaires - Ecrire un commentaire
Recommander
Retour à l'accueil

Commentaires

Bonjour chère Anna, ça va ? pas de nouvelles bonnes nouvelles dit-on.
Je t'embrasse et te souhaite une très bonne journée.
Commentaire n° 1 posté par stella le 17/04/2008 à 09h40
TMT MBB...TQ ALF PLE TEMT UBB RQAN :*
Commentaire n° 2 posté par Le Comte V le 17/04/2008 à 12h35

Pour pas changer, je ne suis pas en avance ! ! !
Je pars au Caire pour quelques jours à compter du 20 Avril et durant cette période, ce sera donc silence radio complet mais des articles sont programmés ! !
Mille et un bisous de la mer rouge !
@nne marie
Commentaire n° 3 posté par soleil51 le 17/04/2008 à 16h17

Oui mbb, demain pour le weekend...enthousiaste, je te raconte pas...Il fait si gris! Tu m'as compris ...
TMM T TA, TQ ALF PLE...UBB RQAN :*

Commentaire n° 4 posté par Le Comte V le 17/04/2008 à 16h42
bonsoir pardonnez moi vous derrangez a une heure si tardive, j'ai essayer d'arrondire car vous l'expliquez les case des titre de mes modules mais en vain je ne suis pas arrivé je dois surment mal mis prendre car a un moment donné cela ma couper la case en deux donc je souhaiterais arrondire les cases titres de module mais egalement les case modules en dessous mais separement je qais pas si vous voulez ce que je veux dire car je m'en excuse je m'exprime très mal merci
Commentaire n° 5 posté par elfelod le 23/09/2008 à 00h04
Bonjour :)
Remplace
.box-titre{padding-left:20px; background:#FF9900 url(http://fdata.over-blog.com/99/00/00/01/templates/234/default/article/common/pics/cotes.png) 5px 0px repeat-y;text-align: left; border-bottom:2px solid #fff}
par
.box-titre{padding-left:20px; background:#FF9900 url(http://fdata.over-blog.com/99/00/00/01/templates/234/default/article/common/pics/cotes.png) 5px 0px repeat-y;text-align: left; border-bottom:2px solid #fff;border-top:1px solid #fff;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px; }
puis
.box-content     {overflow:auto; padding: 15px;background-color:#ccffff}
par
.box-content     {overflow:auto; padding: 15px;background-color:#ccffff;border-bottom:1px solid #fff;-moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px;}
et enfin pour enlever le trait, ajoute
.box {border:0px;}
Réponse de Anna K le 25/09/2008 à 09h48
Bonjour. Je cherche à faire des encadrements ronds pour mes 2 colonnes. Vous êtes enfin le premier site que je trouve qui en parle. mais j'ai du mal à les faire. Vous pouvez m'aider si vous avez 5 minutes ? Merci d'avance
Commentaire n° 6 posté par Audrey du 13 le 08/01/2009 à 18h42
Ecrire un commentaire

 

Présentation

: Les ficelles d Anna K.
: 26/06/2006
annak : Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer de la musique, des gadgets, des compteurs, des astuces de référencement...

 

Recherche Rapide Sur le Site

 

Sommaires

Sommaires Pour les Blogs OverBlog Sommaires Pour tous les Blogs Détente

 

Dernières Astuces

liste complète

 

Commentaires

 

Publicité

 

Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus