Arrondir les coins des bordures

3 participants

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

Résolu Arrondir les coins des bordures

Message par MAC Ven 29 Avr 2011, 11: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, 14:06, édité 1 fois
MAC

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 Ven 29 Avr 2011, 12: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

Scipion
Membre actif

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

https://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 Ven 29 Avr 2011, 13: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

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 Ven 29 Avr 2011, 13: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.
avatar

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 Ven 29 Avr 2011, 13: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, 13:45, édité 1 fois
MAC

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 Ven 29 Avr 2011, 13:44

ii
MAC

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 Ven 29 Avr 2011, 13:50

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

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 Ven 29 Avr 2011, 13:53

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

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 Ven 29 Avr 2011, 14: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

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

- Sujets similaires

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