WSA TEST
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
YOUPIYOUP. MOI C'est Amel, et j'écris des trucs chelous
le soir parce que j'ai le cerveau fatigué
et que j'ai la flemmasse d'aller chercher
un lorem ipsum loà. Fin vous voyez.
Même que je mets mes "br" à la wouarhala
(a) YOUPOIIIIIIIIIIIIIII
Le Deal du moment :
Sortie PlayStation 5 Pro : où ...
Voir le deal

 

 code feuille css

Aller en bas 
2 participants
AuteurMessage
Admin
Admin
Admin


Messages : 106
Date d'inscription : 23/02/2012

code feuille css Empty
MessageSujet: code feuille css   code feuille css Icon_minitimeSam 9 Juin - 21:38

Code:
/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre
{
  clear: both;
  height: 30px;
  margin-top: 50px;
}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 725px;
margin-left: auto;
  margin-right: auto;
  margin-top: -100px;
text-align: center;
padding: 2px;
  border-bottom: 0px dotted #191817;
}
.catetitre
{
color: #A4A4A4;
font-family: arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.forum_bloc
{
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
}
.forum
{
float: left;
width: 340px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}
a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #A4A4A4;
  text-align: center;
font-family: arial;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
  letter-spacing: 4px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background-color: #E3F8C9;
  border-left: 2px solid #F8D1D9;
  border-right: 2px solid #F8D1D9;
  border-bottom: 2px solid #F8D1D9;
  border-top: 5px solid #F8D1D9;
}
.description
{
  display: block;
  width: 320px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #F2D9CF;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #ffffff;
  -htm-box-shadow: 1px 1px 1px #ffffff;
  -webkit-box-shadow: 1px 1px 1px #ffffff;
  -o-box-shadow: 1px 1px 1px #ffffff;
  text-align: justify;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 310px;
  height: 91px;
  overflow: auto;
  background-color: #FEF8E2;
  font-size: 10px;
  color: #464646;
  text-align: jutsify;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats
{
  width: 300px;
  margin: auto;
  margin-top: -30px;
}
.stats_lastpost
{
  display: block;
  width: 160px;
  height: 80px;
  margin-left: 10px;
  background-color: #FEF8E2;
  border: 1px dotted #F2D9CF;
  padding: 5px;
  text-align: center;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-bottom: 2px dotted #F2D9CF;
  padding-bottom: 5px;
  font-size: 10px;
  color: #ED7C4A;
}
.lastpost
{
  display: block;
  font-size: 11px;
}
.sforum
{
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #DFF2F2;
  color: #A4A4A4;
  overflow: hidden;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
  position: relative;
  z-index: 3;
  display: block;
  float: right;
  width: 120px;
  margin-right: 20px;
  background: #DFF2F2;
  color: #A4A4A4;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
  height: 50px;
  background: #DFF2F2;
  color: #A4A4A4;
  padding: 4px;
  overflow: auto;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.sous_forum a
{
  color: #1D1A3F !important;
  text-shadow: 0px 0px 0px #000000;
}
.sous_forum a:hover
{
  color: #ffffff !important;
}
Revenir en haut Aller en bas
https://wsatest.forumgratuit.org
Jen'
Admin



Messages : 12
Date d'inscription : 23/02/2012

code feuille css Empty
MessageSujet: Re: code feuille css   code feuille css Icon_minitimeMer 31 Oct - 13:41

James Sorensen
Présence

contact

Evie Lyons
Présence

contact

Samuel Holloway
Présence

contact

Abigaël Harlows
Présence

contact

Nom Modo

contact

Nom Modo

contact

Nom Modo

contact


Revenir en haut Aller en bas
 
code feuille css
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
WSA TEST :: Les Déesses de WSA. :: blablabla-
Sauter vers: