Arrondir les coins de mon forum

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

Résolu Arrondir les coins de mon forum

Message par vh le Ven 5 Aoû 2011 - 15:57

Bonjour

Je voudrais savoir comment faire pour arrondir mon forum tout entier, c'est à dire la PA et le QUEEL aussi ?
Là l'entourrage est droit, moi j'aimerais juste arrondir les coins.

vh
***

Messages : 173
Inscrit(e) le : 16/06/2010

http://chuchote-ane.forumsactifs.com
vh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de mon forum

Message par Fabien B. le Ven 5 Aoû 2011 - 16:08

il faut ajouter ce qui se doit dans le CSS, et le reste ça se trouve là : http://www.roundedcornr.com/

Fabien B.
***

Masculin
Messages : 159
Inscrit(e) le : 14/06/2009

http://www.meauxleforum.fr
Fabien B. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de mon forum

Message par vh le Ven 5 Aoû 2011 - 16:15

Euh, à vrai dire sa m'aide pas beaucoup scratch Je ne comprends rien à l'anglais et sa me dit pas se qu'il faut que j'ajoute dans le css !!!

vh
***

Messages : 173
Inscrit(e) le : 16/06/2010

http://chuchote-ane.forumsactifs.com
vh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de mon forum

Message par Fabien B. le Ven 5 Aoû 2011 - 16:45

Bah va falloir se mettre a l'anglais ! LOL...

Bon, pour générer des coins ronds, soit on créer des images en forme de coins rond, soit on passe par le CSS, au risque que certains navigateurs ne comprennent pas le code en question... Je te propose la solution en CSS.

Donc pour avoir des coins ronds de 30px de rayon par exemple on ajoute au code (plusieurs codes pour s'adapter aux différents navigateurs principaux):
Code:

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;

ça c'est pour avoir la même valeur de rayons pour tous les coins. si on veut des coins de rayons différents il faut en indiquer la valeur comme suivant :
Code:

border-radius: 10px 20px 30px 40px;
Le premier chiffre correspond au coin haut gauche, le second au coin haut droit, le troisième au coin bas droit, et le quatrième au coin bas gauche (on tourne dans le sens des aiguilles d'une montre)

Bon et puis après il faut ajouter ça dans la CLASSE correspondant à l'élément de ton forum auquel tu veux ajouter des coins ronds. Mais ça c'est a toi de chercher...

Si mon explication ne te satisfait pas, tu peux aller voir sur "le site du zero", ou sur "alsacreation" (entre autres sites proposant ce genre de tuto)

Fabien B.
***

Masculin
Messages : 159
Inscrit(e) le : 14/06/2009

http://www.meauxleforum.fr
Fabien B. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de mon forum

Message par Fabien B. le Ven 5 Aoû 2011 - 16:55

bon voila ce que je te propose comme solution :
dans ton CSS ajoute :

Code:

.forumline {
    background: none repeat scroll 0 0 #F7F2D9;
    border: 2px solid #A1894D;
    border-radius: 20px;
    padding: 5px;
}

A toi de faire les réglage sur ce bout de code, entre l'arrondi des coins, et le padding (qui rajoute une marge autour des boites pour éviter que tes coins soient couper par celles qui sont à l'intérieur).

Fabien B.
***

Masculin
Messages : 159
Inscrit(e) le : 14/06/2009

http://www.meauxleforum.fr
Fabien B. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de mon forum

Message par vh le Sam 6 Aoû 2011 - 11:03

Bonjour

Alors j'ai essayé le dernier code que tu m'as donné, déja sa marche, mais j'ai remarqué que sa le fait aussi quand on écris un message, c'est possible de ne pas le faire ?

vh
***

Messages : 173
Inscrit(e) le : 16/06/2010

http://chuchote-ane.forumsactifs.com
vh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de mon forum

Message par Fabien B. le Sam 6 Aoû 2011 - 11:32

c'est le problème avec la classe forumline, c'est qu'elle est mise par défaut un peu partout. Et que les réglages pour l'adapter au cas par cas sont compliqués pour cette raison.

Dans ton cas on peut l'enlever pour la saisie des messages... en remplaçant la classe "forumline" dans le template des messages par un "forumline2" (par exemple) auquel on donne les mêmes valeurs que forumline moins les coins arrondis.

Mais la je te laisse chercher, je t'ai déjà mâché beaucoup le travail. ;-)

Fabien B.
***

Masculin
Messages : 159
Inscrit(e) le : 14/06/2009

http://www.meauxleforum.fr
Fabien B. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins de mon forum

Message par vh le Sam 6 Aoû 2011 - 11:34

Ok, merci pour ton aide Smile

vh
***

Messages : 173
Inscrit(e) le : 16/06/2010

http://chuchote-ane.forumsactifs.com
vh 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