Comment faire ceci ?
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Comment faire ceci ?
Bonjour,
J'aimerais savoir comment je peux faire CECI (les genre de bouton rouge et vert).
Et si je peux faire un mix de CSS et HTML pour ne pas avoir de longs codes.
Merci d'avance pour vos réponses
Cordialement,
Caddaric
J'aimerais savoir comment je peux faire CECI (les genre de bouton rouge et vert).
Et si je peux faire un mix de CSS et HTML pour ne pas avoir de longs codes.
Merci d'avance pour vos réponses
Cordialement,
Caddaric
Dernière édition par Caddaric le Lun 1 Nov 2010 - 20:11, édité 1 fois
Re: Comment faire ceci ?
Petit UP
Re: Comment faire ceci ?
Bonjour,
→ Vous pouvez le faire en image, ce sera plus facile (mais je vous mets les codes quand même )
→ Voilà pour le codage :
__________________________________________
► Codage entier :
__________________________________________
► Graphisme :
→ Tout le reste est une question de graphisme Pour donner de la couleur, une police, une " forme " au cadre.
- - - - - - - - - - - - - - - - - --
► Correspond à la couleur du contour du cadre. Pour changer la couleur, il faut modifier la valeur #000000 (blanc)
► Correspond à la couleur du fond du cadre. Pour changer la couleur, il faut modifier la valeur : #FFFFF (noir)
→ Ensuite, pour les raccourcis de ces codes là, je ne sais pas... Je ne suis pas assez forte en codage pour pouvoir t'aider plus loin (sauf si c'est une question de graphisme ).
Bonne journée
→ Vous pouvez le faire en image, ce sera plus facile (mais je vous mets les codes quand même )
→ Voilà pour le codage :
__________________________________________
► Codage entier :
Votre texte |
- Code:
[table style="margin: 10px; border: 2px solid #000000; background:#FFFFFF ; "][tr][td vertical-align="middle" style="padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px;"][color=darkblue][color=black]Votre texte[/color][/color][/td][/tr][/table]
__________________________________________
► Graphisme :
→ Tout le reste est une question de graphisme Pour donner de la couleur, une police, une " forme " au cadre.
- - - - - - - - - - - - - - - - - --
► Correspond à la couleur du contour du cadre. Pour changer la couleur, il faut modifier la valeur #000000 (blanc)
- - - - - - - - - - - - - - - - - --2px solid #000000
► Correspond à la couleur du fond du cadre. Pour changer la couleur, il faut modifier la valeur : #FFFFF (noir)
- - - - - - - - - - - - - - - - - --background:#FFFFF
→ Ensuite, pour les raccourcis de ces codes là, je ne sais pas... Je ne suis pas assez forte en codage pour pouvoir t'aider plus loin (sauf si c'est une question de graphisme ).
Bonne journée
Dernière édition par Waaapi le Lun 1 Nov 2010 - 19:10, édité 1 fois (Raison : Erreur)
Re: Comment faire ceci ?
Waaapi a écrit:
- - - - - - - - - - - - - - - - - --
► Correspond à la couleur du fond du cadre. Pour changer la couleur, il faut modifier la valeur #000000 (blanc)- - - - - - - - - - - - - - - - - --2px solid #000000
► Correspond à la couleur du contour du cadre. Pour changer la couleur, il faut modifier la valeur : #FFFFF (noir)- - - - - - - - - - - - - - - - - --background:#FFFFF
C'est l'inverse. x)
Background, c'est le fond, et border c'est la bordure.
Donc pour reprendre Waaapi mais la corriger :
- - - - - - - - - - - - - - - - - --
► Correspond à la couleur de la bordure du cadre. Pour changer la couleur du cadre, il faut modifier la valeur #000000 (blanc)- - - - - - - - - - - - - - - - - --2px solid #000000
► Correspond à la couleur du fond du cadre. Pour changer la couleur de fond, il faut modifier la valeur : #FFFFF (noir)- - - - - - - - - - - - - - - - - --background:#FFFFF
Re: Comment faire ceci ?
Ah mince ! (ça reste entre nous, hein ? )
[Quand je dis que le codage c'est pas totalement ça... x)]
Merci
Je vais modifier mon message
[Quand je dis que le codage c'est pas totalement ça... x)]
Merci
Je vais modifier mon message
Dernière édition par Waaapi le Lun 1 Nov 2010 - 19:09, édité 2 fois (Raison : Erreur de frappe)
Re: Comment faire ceci ?
Ah cool merci =)
Par contre il y aurait un moyen de mettre tout le code dans la feuille CSS, pour avoir moins de code ?
Par contre il y aurait un moyen de mettre tout le code dans la feuille CSS, pour avoir moins de code ?
Re: Comment faire ceci ?
Mmmh...
Je sais qu'on peu faire des raccourcis, mais pour les cadres...
Je vais chercher et je posterais après
Je sais qu'on peu faire des raccourcis, mais pour les cadres...
Je vais chercher et je posterais après
Re: Comment faire ceci ?
Si pour les cadres on peut pas, c'est pas grave. Le principal c'est d'avoir le moins possible e code pour que se soit plus facile à lire.
Re: Comment faire ceci ?
Oui.
Comme ceci (dans le css):
Et ensuite :
(vous retrouvez le cadre dans la classe, dans le tableau)
Comme ceci (dans le css):
.cadre {
margin: 10px;
border: 2px solid #000000;
background-color: #FFFFFF; }
Et ensuite :
- Code:
<table class="cadre"><tr><td vertical-align="middle" style="padding: 5px;><font color="black">Votre texte</font></td></tr></table>
(vous retrouvez le cadre dans la classe, dans le tableau)
Re: Comment faire ceci ?
Je venais de la trouvais
Bon... Autre astuce tant qu'on y est, hein
Si vous voulais faire des cadre avec des coins arrondis, vous pouvez rajoutez cette partie :
Ce qui vous donnera donc :
L'arrondi ce forme ainsi :
→ Plus vous metterez haut (comme 20px), vous aurez un plus belle arrondi.
Exemple :
► avec 4px =>
► avec 20px =>
Voilà
Bon... Autre astuce tant qu'on y est, hein
Si vous voulais faire des cadre avec des coins arrondis, vous pouvez rajoutez cette partie :
; -webkit-border-radius:4px;-moz-border-radius:20px; border-radius:4px;
Ce qui vous donnera donc :
- Code:
[table style="margin: 10px; border: 2px solid #000000; background:#FFFFFF ; -webkit-border-radius:4px;-moz-border-radius:20px; border-radius:4px;"]
L'arrondi ce forme ainsi :
→ Si vous mettez 4, vous aurez arrondi peu visible; -webkit-border-radius:4px;-moz-border-radius:20px; border-radius:4px;
→ Plus vous metterez haut (comme 20px), vous aurez un plus belle arrondi.
Exemple :
► avec 4px =>
Votre texte |
Votre texte |
Voilà
Re: Comment faire ceci ?
Ah c'est fantastique =)
Merci pour les arrondis, ça peut me servir ^^
Merci beaucoup, je met en
Merci pour les arrondis, ça peut me servir ^^
Merci beaucoup, je met en
Re: Comment faire ceci ?
De rien
Bonne soirée
Bonne soirée
Re: Comment faire ceci ?
Merci bonne soirée à vous aussi
Sujets similaires
» Comment faire ceci
» Comment faire ceci
» Comment faire ceci pour mon forum ?
» Comment supprimer ceci ?
» Comment enlever ceci svp.
» Comment faire ceci
» Comment faire ceci pour mon forum ?
» Comment supprimer ceci ?
» Comment enlever ceci svp.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum