Sujets similaires

Dernière édition par Johian de M. le Lun 14 Sep 2009, 16:32, édité 1 fois

Bonsoir !

Et oui, c'est encore moi !!
Alors j'ai lu deux des tutos du site du zéro (celui sur lequel on arrive en passant par le lien donné dans les partenaires de ce forum, et celui juste après ! ^^), et j'ai décidé d'aller essayer de comprendre le code CSS qui est sur mon forum, auquel j'ai ajouté au fur et à mesure des bouts de codes au fil de mes recherches.
Le voici :

Code:: a {
font-variant: small-caps;
}

td.cat { text-align: center; }

a { text-decoration: none; }

a.mainmenu:link, a.mainmenu:visited{
margin-left : 6px;
margin-right : 6px;
font-family :default;
color: #5F1406;
background-image: url("http://localhostr.com/files/31bae6/fond.png");
text-align:left;
border-left: 4px solid #5F1406;
border-right: 9px solid: url("http://localhostr.com/files/31bae6/fond.png");
}

a.mainmenu:hover, a.mainmenu:hover:visited{
color: #78310F;
border-left: 1px solid #5F1406;
border-right: 1px solid #transp;}

{container
width: 80%;
padding: 1px;
border: 1px solid #666;
background: #ffffff;
}

a:hover { letter-spacing: 1px; }

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}

a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #5F1406;
}

.forumline{
background-color: #8C5521;
-moz-border-radius: 0px 0px 1px 1px ;
border-bottom: 1px #8C5521 solid;
border-top: 1px #8C5521 dotted;
border-right: 1px #8C5521 dotted;
border-left: 1px #8C5521 dotted;}

.forumline{
-moz-border-radius:1px;
}

input, textarea, select {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
}

Si j'ai bien compris ce que m'a raconté le site du zéro (et ce que m'a appris Lilypad), il y a plusieurs trucs que je peux regrouper, non ? Par exemple, au début du code je dis que les lien (a) doivent être en petite majuscules, et, un peu plus loin, je redis que les liens (a) ne doivent pas être soulignés. Donc, si j'ai bien compris, je pourrais rassembler ces deux infos comme ceci :

Code:: a {
font-varian: small-caps;
text-decoration: none;
}

Au lieu de

Code:: a {
font-varian: small-caps;
}

a {
text-decoration: none;
}

Et donc par extension, toutes les fois où je parle de a:hover ou de .forumline ou autre, je peux les regrouper en suivant le même principe ?

Ahhh... Je crois que je commence à comprendre un peu mieux.
Bref, merci de prendre le temps de me répondre, et à bientôt pour de nouvelles questions ! xD

Puis-je regrouper des trucs dans mon code ? (résolu ^^)

Puis-je regrouper des trucs dans mon code ? (résolu ^^)

Sujets similaires

Sujets similaires

Partenaires Or