Thème ls

design en folis
 
AccueilPortailS'enregistrerConnexionPartenaires MP

Partagez | 
 

 css test..............

Aller en bas 
AuteurMessage
Mélodie
avatar

Messages : 29
Date d'inscription : 26/10/2009

MessageSujet: 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 */
}
Revenir en haut Aller en bas
http://essaietheme.fra.co
 
css test..............
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [résolu]horloge test en swf
» test du text-rich qui tourne
» Crash-test by Renault
» Graph test de Kelkun [Photoshop]
» test de rendu render(in)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Thème ls :: Aux Portes de Mélodie pub :: Annonces du forum-
Sauter vers: