| | Tags de modération (messages) |  |
|
|
 Kimi Sâto 
{ Membre actif }
 Messages : 335
 | Désolée du double-post, mais peux tu aussi me donner le code css que tu as mis ainsi que le code que tu as mis dans ton message s'il-te-plaît ^w^?
Bisous~ | | |
|
| | |
Invité Invité
| ça marche aufaite j'ai eu un bug dans mon css, merci  | | |
|
| | |
Suzuki
{ Membre }
 Messages : 10
| - Basil Hawkins a écrit:
- Comment ça ?
 Euh ben j'ai voulue tester ton code et j'ai copier tout avec le texte corbeille, ça m'affiche que corbeille ^^ | | |
|
| | |
Nélow
{ Membre }
Messages : 39
| Jiben j'aurais aimé savoir comment tu as fait pour arrondir ton rectangle  Je sais pas trop ou mettre le moz-border-radius | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Eh bien, il te suffit de l'ajouter au code départ, comme ceci: - Citation :
- .corbeille{background-image: url('http://www.dzvet.net/forum/images/corb.png');
background-repeat: no-repeat;
background-position: center left;
background-color: #365a68;
border: 1px solid #000000;
color: #000000;
padding-left: 55px;
min-height: 60px;
-moz-border-radius:?px;
-webkit-border-radius:?px;
-border-radius:?px;} Evidemment, j'ai repris le code départ, mais tu dois l'ajouter sur le tien ^-^ | | |
|
| | |
Nélow
{ Membre }
Messages : 39
| Merci beaucoup ca marche super bien | | |
|
| | |
Anto2009
{ Membre }
Messages : 9
| J'ai une question svp... cest possible de faire plusieurs tags ? | | |
|
| | |
Ikø' 
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Oui~
Il faut simplement créer plusieurs class x) Donc faire le tutoriel plusieurs fois, mais avec un nom différent pour chaque tag. | | |
|
| | |
Anto2009
{ Membre }
Messages : 9
| |
| | |
Zakuro
{ Membre }
Messages : 18
| On l'est enregistre ou les class ? Ou je doit toujours taper et retaper la mise en page ? | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Eh bien tu fais différentes class que tu mets dans la feuille de css. Tes class auront toujours la même base, mais au lieu de «corbeille», tu mettras d'autres mots à chaque fois. Ensuite, tu peux les mettre dans ton message, toujours en remplacent «corbeille» par le mot que tu as choisis.
Les codes de bases pour la feuille de css et le message sont tous au début, et très clair ^-^ | | |
|
| | |
Zakuro
{ Membre }
Messages : 18
| Ok je les mets tout en haut du code css du forum ? et tout le monde pourra les utiliser ? | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Eh bien peut importe où tu les mets dans ton css, du moment que tu ne coupes pas un autre code ^w^
Non, personne ne pourras les utiliser si jamais il ne connaisse pas le nom de la class que tu as attribuée aux tags. Pour cela, tu dois créer un sujet ou le faire passer au membre que tu souhaites ^w^
Bisous~ | | |
|
| | |
Zakuro
{ Membre }
Messages : 18
| donc si j'ai bien compris (merci de votre patience) j'enregistre le premier code dans le truc de css et je colle celui ci : - Code:
-
<div class="corbeille">Corbeille !</div> dans le message ? | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Eh bien en gros c'est ça oui ^w^ - Citation :
TA CLASS">TON MESSAGE DE MODÉRATION Mais si tu as plusieurs class, c'est comme ca que ça se présente. En rouge, tu mets le nom de la class que tu as dans ton css(ici, corbeille, car on ne garde pas le point bien sûr). Et en vert, tu mets le message que tu veux que les membres voit. Bisous~ | | |
|
| | |
Zakuro
{ Membre }
Messages : 18
| je suis obligé de mettre les couleurs ?
ok sa marche | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Non non, tu n'es pas obligé de mettre les couleurs xD c'est moi qui les ais mis pour te montrer ._. en plus mon code à mal pris ^w^ | | |
|
| | |
Zakuro
{ Membre }
Messages : 18
| - Code:
-
corbeille {
background-image: url('http://www.dzvet.net/forum/images/corb.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #365a68; /*--- Couleur de fond ---*/
border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
a.mainmenu{
font-size: 11px;
color: #23aa9c;
font-variant: small-caps;
background-color: #e0dddd;
text-decoration: none;
border: 1px dotted #ffffff;
-moz-border-radius: 6px;
text-align: center;
}
a.mainmenu:hover{
font-size: 11px;
color: #22c419;
font-variant: small-caps;
background-color: #e0dddd;
text-decoration: none;
border: 1px dotted #ffffff;
-moz-border-radius: 6px;
text-align: center;
}
.mainmenu img {display: none;}
a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #FFFFFF;
border-bottom: 5px double #9ab224;
color:#9ab224;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: center;
}
a.forumlink:hover{
color:rgb(170,170,170);
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
text-align: center;}
body {
padding:2px;
filter: alpha (opacity=200);
-moz-opacity: 2.00;
opacity: 2.00; }
.barre1{
background-color:#D9E5F5;border: 1px #2D81EA solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:left;
text-decoration: none !important;
height:auto}
.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:200px;}
.groupes{
background-color:#D9E5F5;border: 1px #2D81EA dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;
height:auto}
C'est çà mon csss ^^ j'ai mis des truc dedan je pense mai sbon c'est comme çà que sa doit être ? | | |
|
| | |
poussette59
{ Membre }
Messages : 236
| super ce code merci beaucoup <3 | | |
|
| | |
Zakuro
{ Membre }
Messages : 18
| Ho vous avez réussi ? zut ^^ | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Tiens, voilà ton code css corrigé, il y avait quelques fautes. - Code:
-
.corbeille{background-image:url('http://www.dzvet.net/forum/images/corb.png');
background-repeat:no-repeat;
background-position:center left;
background-color:#365a68;
border: 1px solid #000000;
color:#000000;
padding-left:55px;
min-height:60px;}
a.mainmenu{font-size:11px;
color:#23aa9c;
font-variant: small-caps;
background-color:#e0dddd;
text-decoration:none;
border:1px dotted #ffffff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
text-align:center;}
a.mainmenu:hover{font-size:11px;
color:#22c419;
font-variant:small-caps;
background-color:#e0dddd;
text-decoration:none;
border:1px dotted #ffffff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
text-align:center;}
.mainmenu img{display: none;}
a.forumlink{
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
background-color:#FFFFFF;
border-bottom:5px double #9ab224;
color:#9ab224;
font-family:georgia;
font-size:14px;
font-weight:lighter;
letter-spacing:2px;
display:block;
text-align:center;}
a.forumlink:hover{color:rgb(170,170,170);
font-family:georgia;
font-size:14px;
font-weight:lighter;
letter-spacing:2px;
text-align:center;}
.body{padding:2px;
filter:alpha(opacity=200);
-moz-opacity: 2.00;
opacity: 2.00;}
.barre1{background-color:#D9E5F5;
border: 1px #2D81EA solid;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight:bold;
text-align:left;
text-decoration:none !important;
height:auto;}
.statistiques{border:0px;
background-repeat:no-repeat;
background-position:center;
height:200px;}
.groupes{background-color:#D9E5F5;
border:1px dotted #2D81EA;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration:none !important;
height:auto;} Alors je t'explique comme même tes erreurs: Au début d'une class, donc une partie de ton css que tu appliques à une partie du forum, doit toujours commencer par un point. Par contre, là où tu l'appliques, tu écrit ta class sans le point au départ. Ensuite, pas la peine de mettre: - Code:
-
-moz-border-radius:5px 5px 5px 5px; Il te suffit de mettre: - Code:
-
-moz-border-radius:5px; En plus ce code ne marche que pour Firefox, alors autant rajouter safari et opéra: - Code:
-
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; Et pour finir, chaque ligne de css doit toujours finir par un point-virgule, sinon ça ne marche pas ^w^ Voilà, c'est tout. Je te l'ai corrigée avec ce que je t'ai dit. Bisous~ | | |
|
| | |
Zakuro
{ Membre }
Messages : 18
| J'ai mis du texte là et sa fonctionne pas T-T | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Montre moi ce que tu as fait pour que je puisse te dire ce qui ne va pas ^w^ | | |
|
| | |
Zakuro
{ Membre }
Messages : 18
| j'ai recopier ton code ^^ et j'ai mis la balise de class dans le message et sa veut pas ^^ | | |
|
| | |
Kimi Sâto
{ Membre actif }
Messages : 335
| Eh bien justement, je te demande de me donner ce que tu as mis dans ton message xD il n'y a pas de raison que ça ne marche pas si ton code css est correct ._. enfin, normalement ça devrait être ceci, lettre pour lettre: - Code:
-
<div class="corbeille">TON MESSAGE</div> Bisous~ | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Tags de modération (messages) | |
|
