Arrondir les coins des bordures

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Arrondir les coins des bordures

Message par MAC le Ven 29 Avr 2011 - 17:19

Bonjour Neutral

Je désire arrondir les coins du cadre du forum. Neutral mon forum est un phpbb 3 Neutral

MErci Neutral


Dernière édition par MAC le Ven 29 Avr 2011 - 20:06, édité 1 fois

MAC
*****

Messages : 736
Inscrit(e) le : 03/12/2005

MAC a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins des bordures

Message par Scipion le Ven 29 Avr 2011 - 18:24

Bonsoir !

Bien que votre forum soit en version phpBB3, essayez à toute fin utile ce code CSS qui fonctionne bien sur phpBB2 :

Code:
.bodyline {
-moz-border-radius:12px;
-webkitborder-radius:12px;
border-radius:12px;
border: 5px solid #000;}
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins des bordures

Message par MAC le Ven 29 Avr 2011 - 19:28

Merci Neutral mais ca ne marche pas Confused

Avec ce code j'ai un des 4 coins arrondi

#wrap {
border-left: 5px solid #162194; border-bottom:5px solid
#162194;-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px; border-bottom-left-radius:
10px;border-right: 5px solid #162194;border-top: 5px solid #162194;
}

MAC
*****

Messages : 736
Inscrit(e) le : 03/12/2005

MAC a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins des bordures

Message par Flighter-X le Ven 29 Avr 2011 - 19:34

Bonjour !

Donc voici le code d'un de mes forums :

Code:
.bodyline {
-moz-border-radius-topleft:25px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topright:25px;
border:dotted;
border color: #FFFFFF;
border size: 5px;
}

Donc les pointillés, c'est :
Code:
dotted

Si tu veux que ce soit une ligne normale, tu remplaces "dotted" par :
Code:
solid

Ensuite, il y a ce qui permet d'arrondir les coins :

Code:
-moz-border-radius

Mais bon, j'ai mis "bottomright", "topleft", etc. parce-que je n'ai pas mis tous les coins arrondis. Si tu veux arrondir TOUS les coins de ton cadre, tu remplace les 0px par 25px. Si tu veux que ce soit moins arrondis ou plus, tu personnalises.
Ensuite, il y a l'épaisseur du cadre :

Code:
border size: 5px;
Tu personnalises

Et la couleur :

Code:
border color: #FFFFFF;

Voilà, je t'ai tout expliqué en détail ^^ Si tu as besoin d'aide ou que tu n'as pas compris, fais le moi parvenir Wink

En espérant t'avoir aidé.

Amicalement.

Flighter-X
***

Masculin
Messages : 123
Inscrit(e) le : 18/02/2010

http://lord-of-the-rings.forums-rpg.com/
Flighter-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins des bordures

Message par MAC le Ven 29 Avr 2011 - 19:44

Es tu sur que ton code fonctionne, car les bordures se mettent en mode classique... aucune couleur aucun coins arrondi pas de largeur Confused


Dernière édition par MAC le Ven 29 Avr 2011 - 19:45, édité 1 fois

MAC
*****

Messages : 736
Inscrit(e) le : 03/12/2005

MAC a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins des bordures

Message par MAC le Ven 29 Avr 2011 - 19:44

ii

MAC
*****

Messages : 736
Inscrit(e) le : 03/12/2005

MAC a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins des bordures

Message par Flighter-X le Ven 29 Avr 2011 - 19:50

Et bien moi ça marche très bien... Je ne comprends pas. Tu as bien mis ton code dans ta feuille de style ?

Flighter-X
***

Masculin
Messages : 123
Inscrit(e) le : 18/02/2010

http://lord-of-the-rings.forums-rpg.com/
Flighter-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins des bordures

Message par MAC le Ven 29 Avr 2011 - 19:53

Oui dans le CSS j'ai placé exactement le même code que tu m'as placé mais rien ne change

MAC
*****

Messages : 736
Inscrit(e) le : 03/12/2005

MAC a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins des bordures

Message par MAC le Ven 29 Avr 2011 - 20:05

REctification du code ca fonctionne ainsi

#wrap {
-moz-border-radius-topleft:25px;
-moz-border-radius-topleft:25px;
-moz-border-radius-topright:25px;
-moz-border-radius-topright:25px;
border:dotted;
border color: #FFFFFF;
border size: 5px;
}

MAC
*****

Messages : 736
Inscrit(e) le : 03/12/2005

MAC a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum