1 CSS (+HTML) : Créer un champ à coins arrondis 12/2/2009, 21:12
Ce tutoriel a été publié par nirupan en collaboration avec ze_chaofan sur SOS-Forum. Afin que les tutoriels de SOS-Forum restent en libre accès, ainsi que par respect du travail accompli, tout tutoriel copié ou s'en inspirant publié ailleurs qu'ici, devra en citer le ou les auteurs ainsi que la provenance via un lien vers ce sujet sur le SOS-Forum. |
Comme indiquer dans le titre ce tuto va vous permettre de faire un champ des coins arrondies. Vous pouvez vous servir des templates pour les mettre ou vous voulez.
>> Bon, d'abords, allez coller ceci dans votre feuille de style CSS :
En violet :.upperleft{
margin-left : auto;
margin-right : auto;
width : ***;
color: #000000;
background-color: #ffffff;
background-image: url("adresse_url_du_coin_haut/gauche");
background-repeat : no-repeat;
background-position : top left;
}
.upperright{
background-image: url("adresse_url_du_coin_haut/droit");
background-repeat : no-repeat;
background-position : top right;
}
.lowerleft{
background-image: url("adresse_url_du_coin_bas/gauche");
background-repeat : no-repeat;
background-position : bottom left;
}
.lowerright{
background-image: url("adresse_url_du_coin_bas/droit");
background-repeat : no-repeat;
background-position : bottom right;
padding : 3% 3% 3% 3%;
}
- Modifiez #000000 par la couleur que vous souhaitez donner au texte
En orange :
Modifiez *** par la largeur que vous désirez donner au champ.
En marron :
- Modifiez #ffffff par la couleur de fond que vous souhaitez attribuer à la zone
>> Ensuite le code à coller à l'endroit ou vous voulez voir apparaitre le champ. :
[code]
2 Re: CSS (+HTML) : Créer un champ à coins arrondis 12/2/2009, 21:23
Merci beaucoup pour tout cela.
J'ai modifié en catégorie "CSS", car cela relève plus du code CSS.
J'ai ajouté les précisions vis à vis de la personnalisation du bloc et des coins, ainsi qu'un exemple.
J'ai modifié en catégorie "CSS", car cela relève plus du code CSS.
J'ai ajouté les précisions vis à vis de la personnalisation du bloc et des coins, ainsi qu'un exemple.
3 Re: CSS (+HTML) : Créer un champ à coins arrondis 18/2/2009, 11:43
Invité
Invité
Trés interresssant
Merci
Merci