C'est un forum fait pour tester des codes HTML, des images, des hébergeurs, ... C'est mon forum mais si quelqu'un cherche un forum comme celui-ci, pour tester ses créations, il peut bien venir, je me sentirai moins seule ^^
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 CSS WE (pour le plaisir)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Emilie
Admin
avatar

Messages : 337
Date d'inscription : 01/11/2013
Age : 18

MessageSujet: CSS WE (pour le plaisir)   Mer 8 Oct - 20:06

/*COLLER LE HAUT ET LE BAS*/
.bodyline {border-width : 10px;
border-bottom: none;
border-top: none;
weight: 50px;
}

body{
margin-top: -9px;
margin-bottom: -9px;
}

/*COLLER LE HAUT ET LE BAS - END*/

/*COLLER LA BANNE AU CADRE*/

#i_logo {
 margin-left:-20px;
 margin-right:-20px;
 margin-top:-1px;
}
.bodyline {
position: center;
padding: 0px!important;
margin-left: 0px!important;
margin-right: 0px!important;
}
 
/*COLLER LA BANNE AU CADRE - END*/

/* Contour du forum ombré*/
.bodyline{

-moz-box-shadow: 0px 0px 20px #000000;
 box-shadow: 0px 0px 30px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;

}
/* fin contour du forum ombré*/

/*SROLLBAR MODIF*/

::-webkit-scrollbar {
 width: 6px; /*largeur de la scrollbar verticale*/
 height: 6px; /*hauteur de la scrollbar horizontale*/}

::-webkit-scrollbar-track {
  background-color: none;/*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
 background-color: #2E302B /*couleur de l\'ascenseur*/;
 border-radius: 10px;}

/*SROLLBAR MODIF - END*/

/*PA*/
.titrep{
 display: block;
 width: auto;
 color: #2E302B;
 font-size: 20px;
 text-transform:uppercase;
 border-bottom: 2px solid #2E302B;
 margin-left: 3px;
 Font: \'Century Gothic\';
}

.bloc1{
 width: 150px;
 height: 200px;
 background-color: #D4CCCC;
}

.bloc1texte{
 width: 145px;
 height: 200px;
 overflow: auto;
 padding: 3px;
 font-size: 10px;
 text-align: justify;
}

.bloc2{
 width: 300px;
 height: 200px;
 background-color: #D4CCCC;
 overflow: hidden;
}

.bloc2texte{
 width: 295px;
 height: 173px;
 overflow: auto;
 padding: 3px;
 font-size: 10px;
 text-align: justify;
}


.bloc3{
 width: 220px;
 height: 200px;
 background-color: #D4CCCC;
 text-align: justify;
 font-size: 10px;
 overflow: auto;
}

.bloc3texte{
 padding: 3px;
 font-size: 10px;
 text-align: justify;
}

.bloc4texte{
 padding: 3px;
 font-size: 10px;
 text-align: center;
}

.bloc4{
 width: 300px;
 height: 200px;
 background-color: #D4CCCC;
 overflow: auto;
}

.bloc4 img{
 margin: 3px;
}

.staff{
 margin: 3px;
 border: 1px solid #2E302B;
 -webkit-border-radius: 125px;
 -moz-border-radius: 125px;
 border-radius: 125px;
 width: 60px;
 height: 60px;
 text-align: center;
 background-color: #D4CCCC;
 overflow: hidden;
 font-size: 10px;
}

.staff img{
 -webkit-border-radius: 125px;
 -moz-border-radius: 125px;
 border-radius: 125px;
 margin-top: -45px;
 transition: transform 1s;
 -moz-transition: -moz-transform 2s;
 -o-transition: -o-transform 2s;
 -webkit-transition: -webkit-transform 2s;
}

.staff:hover img{
 -webkit-border-radius: 125px;
 -moz-border-radius: 125px;
 border-radius: 145px;
 transform: translateX(+98px);
 -moz-transform: translateX(+98px);
 -o-transform: translateX(+98px);
 -webkit-transform: translateX(+98px);
}





#slider div {

       background: #fff; /* Couleur du fond souhaitée */

       height: 100px; /* A remplacer par la hauteur en pixels de l\'image */

       margin: 0px;

       overflow: hidden;

       position: relative;

       width: 100px; /* A remplacer par la largeur en pixels de l\'image */

}



#slider div:hover img {

       transform: translateY(-100px);

       -moz-transform: translateY(-100px);

       -o-transform: translateY(-100px);

       -webkit-transform: translateY(-100px);

}



#slider div img {

       left: 0;

       position: absolute;

       top: 0;

       transition: transform 0.5s ease-in-out;

       -moz-transition: -moz-transform 0.5s ease-in-out;

       -o-transition: -o-transform 0.5s ease-in-out;

       -webkit-transition: -webkit-transform 0.5s ease-in-out;

}
/*PA - END*/

/*CATÉGORIE*/
 
.forumlink{
 color: #6a0f10;
 font-size: 11px;
 font-weight:normal;
 text-transform:uppercase;
 text-shadow: 1px 1px 0px #731718;
 margin-top: 10px;
 -webkit-transition-duration:2s,2s,2s,2s,2s,2s;
-moz-transition-duration:2s,2s,2s,2s,2s,2s;  
 -o-transition-duration:2s,2s,2s,2s,2s,2s;  
transition-duration:2s,2s,2s,2s,2s,2s;
}

.forumlink a:hover{
 font-weight:normal;
 text-transform:uppercase;
 color: #6a0f10;
 text-shadow: 1px 1px 0px #731718;
 margin-top: 10px;
 margin-left: 100px;
}

.derniermess{
 font-size: 10px;
 height: 60px;
 width: 150px;
 text-transform:uppercase;
 border-left: 2px solid #600614;
 border-radius: 15px;
 padding: 3px;
}

.topictitle, h1, h2{
 font-size: 16px;
 text-align: center;
 font-weight:normal;
 color: #6a0f10;
 text-transform:uppercase;
 text-shadow: 1px 1px 0px #731718;
}


/* FIN CATEGORIES */

/*AFFICHAGE DE LA SIGNATURE*/

.signature_div img{
 max-width: 500px !important;
 max-height: 200px !important;
   }

.signature_div {
 overflow: auto;
 width: 600px;
 height: 300px;
}

/*AFFICHAGE DE LA SIGNATURE - END*/

/*Affichage message*/

.bulle{
 width:auto;
 background-color: #D4CCCC;
 box-shadow: 0px 0px 10px #000000;
 padding : 5px;
 margin: 10px;
}
 
/*Affichage message -END*/

/*QEEL*/
#QEEL {
   background-image: url("http://img11.hostingpics.net/pics/567572sundownbylhuind4w5b1j.jpg");
background-repeat: no-repeat;
     margin: auto;
     text-align: justify;
     width: 800px; /* Modifier la valeur pour changer la taille */
     padding: 20px;
  }

.groupes {
     margin: auto;
     text-align: center;
     padding: 10px;
  }

.groupes a {
     /* Marges pour écarter les liens les uns des autres */
     margin-left: 10px;
     margin-right: 10px;
     /* Styles du lien */
     text-transform: uppercase;
     font-size: 12px;
     color: #ffffff;
     font-weight: bolder;
  }
 
/*QEEL - END*/

 


.forabg, .forumbg{
 border: 0px solid #50aa5d;
}
/*Cadre noire indésirable*/

td.catHead ,td.catBottom
{
border-width:0;
}

/*cadre noir indésirable - END*/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://monforum.forumgratuit.be
 
CSS WE (pour le plaisir)
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Pour le plaisir des yeux... sans prétention
» Juste pour le plaisir de partager
» le cadeau pour "au plaisir gustatif".
» code pour inséré les anime (Fond transparent)
» Plugins Firefox pour sécuriser votre navigateur.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum de test :: Sauvegardes :: Sauvegardes de codage-
Sauter vers: