Code pour cadre rond

4 participants

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

Résolu Code pour cadre rond

Message par Aa-Creation Dim 20 Fév 2011 - 17:00

Bonjour j'ai encore 1 question.

1ere: Est ce que je pourrais avoir un code pour pouvoir avec mon cadre de forum arrondi et pas carré?

Merci ;D
avatar

Aa-Creation
Nouveau membre

Messages : 17
Inscrit(e) le : 31/12/2010

http://aa-creation.forumactif.com
Aa-Creation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour cadre rond

Message par MP.CiiTY Dim 20 Fév 2011 - 17:09

Bonjour ^^ ! ♥

Code:
.forumline{
background-color: #COLOR;
-moz-border-radius: 20px 20px 20px 20px ;
border-bottom: 8px #COLOR solid;
border-top: 8px #COLOR solid;
border-right: 8px #COLOR solid;
border-left: 8px #COLOR solid;}

Après à toi de changer à ta guise Wink
MP.CiiTY

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour cadre rond

Message par Aa-Creation Lun 21 Fév 2011 - 16:45

A ce n'était pas ce cadre la que je voulais c'était celui du tour
avatar

Aa-Creation
Nouveau membre

Messages : 17
Inscrit(e) le : 31/12/2010

http://aa-creation.forumactif.com
Aa-Creation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour cadre rond

Message par Aa-Creation Mar 22 Fév 2011 - 12:44

up?
avatar

Aa-Creation
Nouveau membre

Messages : 17
Inscrit(e) le : 31/12/2010

http://aa-creation.forumactif.com
Aa-Creation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour cadre rond

Message par AenigmA Mar 22 Fév 2011 - 17:41

Bonsoir,
A la place de .forumline tu mets .bodyline et il fonctionnera
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour cadre rond

Message par Aa-Creation Mer 23 Fév 2011 - 11:42

Alors je dois être vraiment pas doué mais ça ne marche pas...
avatar

Aa-Creation
Nouveau membre

Messages : 17
Inscrit(e) le : 31/12/2010

http://aa-creation.forumactif.com
Aa-Creation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour cadre rond

Message par AenigmA Mer 23 Fév 2011 - 17:03

Coucou

Code:
.bodyline {
background-color: #;
border: 1px black solid;
-moz-border-radius-bottomleft: 28px;
-moz-border-radius-bottomright: 28px;
-moz-border-radius-topleft: 68px;
-moz-border-radius-topright: 68px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 5px;
border: 5px solid #935838;
border-top-left-radius: 68px 68px;
border-top-right-radius: 68px 68px;
border-bottom-right-radius: 28px 28px;
border-bottom-left-radius: 28px 28px;
}
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour cadre rond

Message par Aa-Creation Jeu 24 Fév 2011 - 21:23

Alors okey merci la ça marche tu as juste oublié une } a la fin de ton code... Mais merci, et hum le seul truc c'est que je le voudrais un peux plus rond... Je sais je suis enquiquinant mais bon c'est moi.

Mais si c'est pas possible c'est très bien comme ça, merci Very Happy
avatar

Aa-Creation
Nouveau membre

Messages : 17
Inscrit(e) le : 31/12/2010

http://aa-creation.forumactif.com
Aa-Creation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour cadre rond

Message par Lixyr Jeu 24 Fév 2011 - 21:31

Je tiens à dire que

-moz-border-radius-bottomleft: 28px;
-moz-border-radius-bottomright: 28px;
-moz-border-radius-topleft: 68px;
-moz-border-radius-topright: 68px;
-moz-border-radius: 4px;


ça n'est pas obligatoire, puisque
-moz-border-radius: 4px;
prend en compte les quatre coins en même temps, et là vous modifiez chacun des coins.

Il suffit juste donc de mettre
-moz-border-radius-bottomleft: 28px;
-moz-border-radius-bottomright: 28px;
-moz-border-radius-topleft: 68px;
-moz-border-radius-topright: 68px;
et de changer les valeurs, pour un arrondis plus prononcé.



Enfin voilà, petit précision.


*sujet édité je me suis inversée*
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

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

Résolu Re: Code pour cadre rond

Message par Aa-Creation Ven 25 Fév 2011 - 18:20

Marchi Mademoiselle
avatar

Aa-Creation
Nouveau membre

Messages : 17
Inscrit(e) le : 31/12/2010

http://aa-creation.forumactif.com
Aa-Creation 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