Mélodie
Messages : 29 Date d'inscription : 26/10/2009
| Sujet: css test.............. Jeu 11 Avr - 20:59 | |
| - Code:
-
a { text-decoration: none; }
body { margin : 0px; }
.forumline{ background:#E5C3AB; padding:20px; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
.cate{ margin-top:-150px; margin-left:-350px; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
.forumlink{ margin-bottom:10px; margin-top:5px; margin-left:15px; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
.titred{ border-right:5px solid #B16C42; border-left:5px solid #B16C42; height:120px; text-align:center; overflow:auto; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
a.forumlink{ font-size:16px; text-shadow: 1px 1px 1px #000000; -webkit-transition:All 3s ease-in-out; -moz-transition:All 3s ease-in-out; -o-transition:All 3s ease-in-out; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
a.forumlink:hover{ font-size:16px; margin-left:90px; letter-spacing:5px; text-shadow :1px 1px 1px #000000; -webkit-transition:All 2s ease-in-out; -moz-transition:All 2s ease-in-out; -o-transition:All 2s ease-in-out; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
.bascate{ background: url("LIEN") no-repeat transparent; height: 180px; margin-top:-1px; margin-left:26px; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
.last{ border-bottom:4px solid #B16C42; border-top:4px solid #B16C42; color:#ffffff; font-size:11px; padding:3px; margin-left:12px; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
.lastpost{ border-right:5px solid #B16C42; border-left:5px solid #B16C42; color:#ffffff; font-size:11px; padding:3px; margin-top:5px; margin-left:12px; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
.desc{ background:#B16C42; color:#ffffff; font-size:11px; text-align:justify; padding:4px; margin-left:12px; height:120px; overflow:auto; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ } .bouton-profil { cursor: pointer; /* curseur au survol */ margin: 2px 0; /* petite marge en haut et en bas */ padding: 2px; /* espacement entre le texte et la bordure */ text-align: center; /* centrage du texte dans le bloc */ /* -- mise en forme -- */ background: #CCCCCC; /* couleur de fond */ border: 3px double #000000; /* bordure */ color: #B74C08; /* couleur texte */ font-size: 11px; /* taille du texte */ font-variant: small-caps; /* effet petites majuscules */ font-weight: bold; /* effet gras */ letter-spacing: 2px; /* espace entre les lettres */ -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
.profil-cache { border: 3px double #000000; margin: 2px 0; padding: 2px; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ } .cathead { background: url('http://img11.hostingpics.net/pics/487128hautcatgorie.png') top center no-repeat; width: 864px; height: 148px; margin: auto; /*Permet de centrer la partie du corps*/ } .catbody { background: url('IMG DU MILIEU') center repeat-y; width: 864px; margin: auto; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ }
.catfoot { background: url('http://img4.hostingpics.net/pics/320634bascatgorie.png') bottom center no-repeat; width: 864px; height: 153px; margin: auto; -border-radius: 10px; /* tous les côtés sont arrondis */ -moz-border-radius: 10px; /* tous les côtés sont arrondis */ -webkit-border-radius: 10px; /* tous les côtés sont arrondis */ } | |
|