AccueilAccueil  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
ouverture du forum
le 01/08/2013 - nous avons 1 an ! *champagne*

Partagez| .

CSS version 2-1

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




louha
Admin
avatar
http://louha.forumactif.org
Messages : 557
Date d'inscription : 15/08/2013


MessageSujet: CSS version 2-1 Jeu 30 Juil - 21:04

Code:
/*--------------------------------------------------
              FLECHES DE NAVIGATION
---------------------------------------------------*/
.haut{     
  position:fixed;
  bottom:50px;   
  right:50px;
}
.bas{
  position:fixed;     
  bottom:50px;
  right:100px;
}
/* ---------------------------------
        Barre de navigation
--------------------------------- */   
#navigation{
  padding-bottom: 3px;
  opacity: 0.7;
  position: fixed;
  valign : center ;
  width : 100% ;
  margin-top: -9px;
  margin-left: -7px;
  z-index : 999;
  text-align: center;
    }
a.mainmenu{
  color:#60A1C4;
  font-family: 'Nothing you could do';
  font-size: 15px;
  text-align:center;
  letter-spacing:2px;
}
a.mainmenu:hover{color:#deeafd;}
a{text-decoration: none;}
/*--------------------------------------------------
                  MODIFICATIONS header
---------------------------------------------------------*/     
 body{
  background-image: url();
background-color: #091117;
background-position:top;
background-repeat:no-repeat;
}

.bodyline{
  border-left: 4px solid #11112D;
  border-right: 4px solid #11112D;
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

/****** ------------------------------
      ANNONCE EN HAUT DU FORUM
---------------------------********/
/***** pour modifier le fond des annonces defilantes ****/
#fa_ticker_container {
  border-top : 2px solid #52526E;
  border-bottom:2px solid #52526E;
}
.annoncetitre{
  font-family:Ruthie;
  font-size:20px;
  color:#068EA0;
}
.texteannonce{
  font-family:Delius;
  font-size:11px;
}

/*--------------------------------------------------
                  MODIFICATIONS DES CATEGORIES
---------------------------------------------------------*/

.cathead{
  background: url('http://image.noelshack.com/fichiers/2015/22/1433011086-catehaut.png') top center no-repeat;
  width: 750px;
  height: 185px;
  margin: auto; /*Permet de centrer la partie du corps*/
  margin-bottom: -5px;
}
.catbody{
  background-color:#091219;
  width: 750px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
.catfoot{
  background: url('http://image.noelshack.com/fichiers/2015/22/1433011296-bascate.png') bottom center no-repeat;
  width: 750px;
  height: 80px;
  margin: auto;
  margin-top: -5px;
}       
/*Gère le squelette du titre catégorie*/
.catetitre{
  position:relative;
  left:-10px;
  top:60px;
}
/*Gère l'aspect esthétique du titre catégorie*/
.catetitre h2{
 font-size: 40px;
  color: #0C0000;
  font-family: 'Tangerine' cursive;
  opacity:0.7;
        }
/*Le forum en lui même, le fond, la bordure, l'ombre etc..*/
.catforum{
  background-color: #;
  border: 2px solid #;
  width: 700px;
  height: 170px;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}
#colonneinfo{
  width: 170px;
  height: 50px;
  background-color: #;
  color:#;
  font-size: 10px;
  font-style: normal;
  position: absolute;
  text-align: center;
  z-index: 1;
}
#lastmsg {
  width: 120px;
  height: 20px;
  position: absolute;
  font-size: 9px;
  text-align: center;
  z-index: 1;
}
.nomcat{
  font-size: 18px;
  text-align: left;
  padding-left: 100px;
  font-family: 'UnifrakturMaguntia', ;
  color: #0A6A6D;
  border-bottom: 1px solid #0A6A6D;
}
.description{
    width: 420px;
      height : 80px;
      margin-top: 10px;
  margin-left:1px;
      background-color: #;
  border-top: 3px solid #0A6A6D;
  border-bottom: 3px solid #B8C6C6;
      overflow: hidden;
      font-size: 11px;
      font-family: 'Caption';
      text-align: justify;
}
.titredesc{
  color: #9C5951;
  display: inline;
  font-family:Metrophobic;
}
.desccolonne{
      width: 690px;
      height: 140px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      padding: 10px;
}
.sousfocat{
  margin-top: -25px;  margin-left:65px;
}
/* pour les sous forum en infobulle*/
.Infobulleliens img {  height:70px;}
.Infobulleliens {
  position : relative;
  width: 60px;
  height: 50px;
  margin-top: 50px;
}
.Infobulleliens .Infobulle_contenuliens {
  position : absolute;
  top : 1px;
  left : 1px;
  width : 418px;
  height: 78px;
  overflow: auto;
  font-size: 10px;
  font-family: verdana;
  background-color: #091117;
  text-align: justify;
  border-left: 1px #0A6A6D solid; 
  border-right: 1px solid #0A6A6D ;
  border-top: 3px solid #0A6A6D;
  border-bottom: 3px solid #B8C6C6;
  display : none; /*Cache l'infobulle*/
}
.Infobulleliens:hover .Infobulle_contenuliens {
  display : block; /*Fait apparaître l'infobulle*/
  z-index:3;
}

/*---------------------------------
          FIN CATEGORIES
--------------------------------- */

/*============================================================
                      * liste des sujets *
===============================================================*/
.bloc_sujets{
  width: 740px;
  margin: auto;
  padding: 5px;
}
.sujets{
  border: 1px solid #52526E;
  padding: 3px;
  border-radius:30px;
}
.topictitle{
  font-size: 12px;
  font-family:"Kite One";
}
.sujets_auteur{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last{
  display: block;
  width: 200px;
  height: 40px;
  background: #001F35;
  border-left: 3px solid #52526E;
  border-right: 3px solid #52526E;
  border-radius:30px;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats{
  width: 700px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu{
  font-size: 10px;
  color: #40464A;
}
.lastpost-avatar {
  float: left;
  position:relative;
  margin-left: 10px;
  margin-top:5px;
}
.lastpost-avatar img {
  height: 40px;
  width: auto;
  border-radius:15px
}

/*REVUE DES SUJETS par Alu pour N-U*/
.postrevoir{background:#001F35;margin:15px 0;padding:20px; box-shadow:2px 2px 5px lightgrey;}
.postrevoir .name{text-transform:uppercase;font-weight:400;}
.postnom{background:#091117;padding:5px;border-top:1px dotted gray;}
.postrevoir .postdetails{font-family:Sans-serif;}
/* --------------------------------
            PROFIL
--------------------------------- */
.pseudoprofil{
  text-align: center;
  font-size: 22px;
  font-family: 'Metal Mania';
  z-index: 1;
}
.toutprofil{
  width: 256px;
  height: auto;
  -webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
  background-color: #52526E;
  background-image:radial-gradient(#000000, #061B2B);
}
.profil{
  width: 210px;
  height: auto;
  margin-left: 18px;
  background-color: #080605;
  background-image:radial-gradient(#000000, #0C0C0F);
  padding:5px;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.avatarprofil{
  border: 5px solid #061B2B;
  background-image:url('http://institutchevalier.forumactif.org/users/1617/46/94/12/avatars/gallery/111.jpg');
  width: 200px;
  height: 320px;
border-radius: 15px;
}
.avatarprofil img{border-radius: 15px;}
.avatarprofil:hover{ opacity: 0.7; }
.rangprofil{
  background-color: #061B2B;
  width: 190px;
  height: auto;
  font-size: 10px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: auto;
  -webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
}
.infoprofil{  padding: 5px;}
.infoprofil img{
 width: 190px;
  height: auto;
  -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
  overflow: hidden;
  border: 5px solid #061B2B;
}

/* ---------------------------------
          FIN PROFIL
--------------------------------- */
/*-----------------------------------------------------
                MODIFICATIONS GENERALES
---------------------------------------------------*/

/*fond de la feuille de personnage */
textarea, input, select {
  background-color: #091117;
  border-radius: 15px;
  border : 1px solid #;
  padding: 5px;
}

/* pas de soulignement de liens */
a:link {text-decoration: none!important; font-style:"Vibur";}
a:visited {text-decoration: none!important;}
a:hover {text-decoration: none !important;}

div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(http://image.noelshack.com/fichiers/2015/04/1422025552-ntbg.png);
  z-index:10;
    -moz-border-radius: 12px;}
div.nicetitle p {    margin: 0; padding: 0 3px;}
div.nicetitle p.destination {    font-size: 7px;    text-align: left;    padding-top: 3px;}
       
.realTime_alert{
  background:#091117 no-repeat 10px center;
  -webkit-background-size:50px;
  -moz-background-size:50px;
  -o-background-size:50px;
  background-size:50px;
  position:fixed;
  top:50px;
  right:20px;
  min-height:60px;
  font-size:13px;
  width:200px;
  padding:10px 10px 10px 70px;
}
.realTime_alert b{  display:block;  margin-bottom:5px;  font-size:15px;}
.realTime_alert .close{
  position:absolute;
  right:10px;
  top:5px;
  font-size:15px;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  height:16px;
  width:16px;
  text-align:center;
  line-height:13px;
  cursor:pointer;
}
.realTime_alert .close:hover{  color:#FFF;  background:#666;}
#ebtzd .tooltip{
  opacity:0;
  position:relative;
  overflow:visible;
  z-index:100!important;
  display:inline-block;
  top:5px;
  -webkit-transition-duration:500ms;
  -moz-transition-duration:500ms;
  -o-transition-duration:500ms;
  transition-duration:500ms;
  background:rgba(0, 0, 0, .8);
  padding:10px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  font-family:Helvetica;
  letter-spacing:1px;
  font-size:13px;
  width:300px;
  color:#091117;
}
/*------------------------------------------------------
                      CSS pour tous les postes
-------------------------------------------------------*/
.postbody {text-align: justify !important;}
.t-title /* modifie le titre des topics si marche pas prendre cattitle*/ {
  font-family:"Delius";
  font-size:14px;
 
}
.post-options /* modifie le fond des images "edit" & co */ {
  border-top : 2px solid #52526E;
  border-bottom : 2px solid #52526E;
  border-radius: 25px;
}
.titsuj{
  padding-left:5px;
  border-top : 2px solid #52526E;
  border-bottom : 2px solid #52526E;
  border-radius: 25px;
}
.wrapmsg{
  background: #091117;
  font-family:Condensed;
  font-size:12px;
  border-left : 2px solid #52526E;
  border-right : 2px solid #52526E;
  border-top : 5px solid #52526E;
  padding: 30px;
  text-align: justify;
  min-height : 100px;
  border-radius: 25px;
}
.signature_div{
  background: #091117;
  border-left : 2px solid #52526E;
  border-right : 2px solid #52526E;
  border-bottom : 5px solid #52526E;
  padding: 30px;
  text-align: justify;
  border-radius: 25px;
}
.row3Right{border: none !important;}
.thHead{border: none !important;}
.thCornerL, .thCornerR, .thTop{border: none !important;}
.thLeft, .thRight{border-left: none !important;border-right: none !important;}
.catLeft, .catRight{border: none! important;}
.catHead{border: none !important;}
.catBottom{border: none !important;}

/*==================================
Sélectionner le contenu
====================================*/
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
  color: #E4D8B3;
  font-size:10px;
}
::selection{
  background: #E4D8B3;
  color: #2B2626;
}
/*-----------------------------------------------------
          MODIFICATIONS SPOILER/CODE/QUOTE
---------------------------------------------------*/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
  text-align : justify; /* alignement standart d'un spoiler */
  border: 1px solid #52526E; /* c'est ceci qui fera disparaître votre cadre */
  padding:10px; /* espacement entre le bord de votre cadre et votre texte */
  max-height:420px;
  width:350px!important;
  overflow:auto;
}
.code, .quote {
  text-align : justify; /* alignement standart d'un spoiler */
  border: 1px solid #52526E; /* c'est ceci qui fera disparaître votre cadre */
  display:block;
  max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
  padding:5px;
  overflow:auto;
}
.hidecode dd{
  color:#2B2626;
    background-color: #52526E;
  text-align : justify; /* alignement standart d'un spoiler */
  border: 1px solid #52526E; /* c'est ceci qui fera disparaître votre cadre */
  display:block;
  position: center;
  text-align:justify;
  padding:5px;
  overflow:auto;
}
/*-----------------------------------------------------
            MODIFICATIONS ZONE DE TEXTE
---------------------------------------------------*/

/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #091117 !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #091117 !important;}
/*---  Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {  background-color: #091117 !important;    width: 540px !important;}
/*---  Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #091117 !important;
  text-align:justify;
  margin:0 !important;
  line-height: 16px;
  width: 540px !important; 
  color: #52526E !important;
  font-size:11px !important;}
/*---  Groupe de boutons ---*/
div.sceditor-group {background-color: #091117 !important; }
/*---  Boutons ---*/
a.sceditor-button {      }
/*---  Boutons sélectionnés ---*/
a.sceditor-button.hover {background-color: #52526E !important;}
/*---  Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
/* bordure de l'éditeur */
div.sceditor-container {
  border: 1px solid #52526E;
  border-radius:25px;
  padding: 5px;
}
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar { border-radius:25px;}
/* bordure sous les groupes de bouton */
body div.sceditor-group {    box-shadow: none}
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {  box-shadow: none;  background-color: #52526E !important;}
/* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* Image du bouton */
.sceditor-button-fontawesome div { background:url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }
/* Popup */
.sceditor-fontawesome {
  width:220px;
  height:250px;
  overflow-y:auto;
  background-color: #52526E;
}
/* Icônes */
.sceditor-fontawesome i {
  font-size:20px;
  text-align:center;
  cursor:pointer;
  padding:3px 0;
  width:25%;
}
.sceditor-fontawesome i:hover { color:#666 }
/*-----------------------------------------------------
                MODIFICATIONS CHATBOX
---------------------------------------------------*/

#chatbox_header .catBottom .cattitle {color: #52526E;}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {  color: #60A1C4;} 
#chatbox_members ul li,#chatbox_members ul li a {  color: #60A1C4;}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3, .chatbox_row_1 a, .chatbox_row_2 a, .chatbox_row_3 a  {
  color: #60A1C4;}
body.chatbox {  background-image: none; background-color: #091117;}
#chatbox_header .cattitle:before { content: "Pendant ce temps, dans les placards"; }
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox_header .cattitle:before { content: "Pendant ce temps, dans les placards"; }

/*===========================
        QEEL
=============================*/
/* -------------------------------- QEEL -------------------------------- */
.fond_qeel {
  position: relative;
  background: url('http://image.noelshack.com/fichiers/2015/23/1433174231-qeel.png')center no-repeat;
  width: 750px;
  height: 350px;
}
/* Positionnement du bloc des statistiques */
.stats_qeel {
  position: absolute;
  top: 4.5em;
  left: 5em;
  width: 200px;
  padding:2px;
  height: 150px;
  font-size: 10px;
  text-align: justify;
  overflow:auto;
}
/* Positionnement du bloc des plumes passagères */
.plumes_passagères {
  position: absolute;
  top: 3.6em;
  left: 42em;
  width: 250px;
  height: 112px;
  font-size: 11px;
  overflow:auto;
  text-align: justify;
}
/* Positionnement du bloc des plumes présentes */
.plumes_presentes {
  position: absolute;
  top: 15em;
  left: 43em;
  width: 200px;
  height: 143px;
  overflow: auto;
  font-size: 11px;
  text-align: justify;
  overflow:auto;
}
/* Positionnement du bloc des groupes */
.groupes_qeel {
  position: absolute;
  top: 18em;
  left: 5em;
  width: 600px;
  text-align: center;
}
/* Mise en forme des liens des groupes */
.groupes_qeel a{
  text-transform: uppercase !important;
  letter-spacing: 3px;
  text-decoration: none !important;
}

        /* -------------------------------- FIN QEEL -------------------------------- */

/*=============================
          PAGE ACCUEIL
===============================*/
/* DEBUT BARRE DE NAVIGATION de la PA */
.nav_txt {
      text-align: center;
      font-variant: small-caps;
      font-family: Gerogia;
      color: #e6e7e7;
      background: #091016;
      font-size: 15px;
      height: 25px;
      border-bottom: 1px solid #091016;
}
.barre_nav a{
      text-align: center;
      font-variant: small-caps;
      font-family: Gerogia;
      color: #e6e7e7;
      font-size: 15px;
      margin-left: 5px;
      text-decoration: none !important;
      -moz-transition:  0.2s all;
      -webkit-transition:  0.2s all;
      -o-transition:  0.2s all;
      -ms-transition:  0.2s all;
      -khtml-transition:  0.2s all;
      transition:  0.2s all;
    }
.barre_nav {
  width:520px; /* à adapter selon la largeur de votre forum */
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left:30px;
  top: -470px; /* à adapter selon les éléments présents au dessus de votre barre */
  overflow: hidden;
  z-index: 10;
}
.nav_1 {
  width:100px;
      height:25px;
      background: #080e13;
      float: left;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
}
    .nav_2 {
      width:100px;
      height:25px;
      background: #080e13;
      float: left;
      border: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
    }
    .nav_3 {
      width:100px;
      height:25px;
      background: #080e13;
      float: left;
      border: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
    }
    .nav_4 {
      width:100px;
      height:25px;
      background: #080e13;
      float: left;
      border: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
    }
    .nav_5 {
      width:100px;
      height:25px;
      background: #080e13;
      float: left;
      border: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
    }
.nav_1:hover {
      width:110px;
      height:125px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    .nav_2:hover {
      width:110px;
      height:125px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    .nav_3:hover {
      width:110px;
      height:140px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    .nav_4:hover {
      width:110px;
      height:125px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    .nav_5:hover {
      width:110px;
      height:125px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    /* FIN BARRE DE NAVIGATION */
.intrigue {
  position: absolute;
  left:120px;
  top: -388px;
  height:135px;
  width:280px;
  overflow:auto;
  text-align:justify;
  color:#c0c0c0;
}
.infospa {
  position: absolute;
  left:580px;
  top: -435px;
  height:155px;
  width:140px;
  overflow:auto;
  text-align:justify;
  color:#c0c0c0;
}
div.cssactif_tableaupartenaire {
  width: 190px;
  position:absolute;
  top:-200px;
  left:70px;
  /* À adapter en fonction du nombre de colonnes désirées
  (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  line-height: 0; /* À ne pas modifier */
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {height: 18px; width: 50px;}
div.cssactif_tableaupartenaire a {
  display: inline-block; /* À ne pas modifier */
  position: relative; /* À ne pas modifier */
  margin: 1px; /* MARGE entre les images */
}
div.cssactif_tableaupartenaire a img {
  display: block; /* À ne pas modifier */
  position: absolute; /* À ne pas modifier */
  left: 0; /* À ne pas modifier */
  top: 0; /* À ne pas modifier */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
div.cssactif_tableaupartenaire a:hover img {      height: 35px;width: 100px;z-index: 99; left: -50%;top: -50%;}
.img_partenaires {opacity: 0.5; }
.img_partenaires:hover {opacity: 1;}
.infos {
  position: absolute;
  left:410px;
  top: -150px;
  height:80px;
  width:170px;
  overflow:auto;
  text-align:justify;
  color:#c0c0c0;
  font-size:9px!important;
}
.mdm{
width:50px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
}
/*Ce qui encadre l'infobulle*/
.Infobulle {   
  position : relative; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/
  width: 110px;
  height: 45px;
display: inline;
}
/*Contenu de l'infobulle quand on n'est pas sur l'image*/
.Infobulle .Infobulle_contenu {                       
      position : absolute; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/
      top : -5px; /*Position par rapport au haut*/
      left : 0px; /*Position par rapport à gauche*/
      width : 110px;
  height: 40px;
      font-size: 10px;
      font-family: verdana;
      background-image:url('http://image.noelshack.com/fichiers/2015/23/1433179689-191500bulles.png') ;
  overflow: auto;
  background-repeat: no-repeat;
      padding-top: 15px;
      color: #c0c0c0;
      text-align: center;
      display : none;/*Cache l'infobulle*/
    }

    /*Contenu de l'infobulle quand on passe sur l'image*/
    .Infobulle:hover .Infobulle_contenu {
      display : block; /*Fait apparaître l'infobulle*/
  z-index:99;
    }
/* BLOC CONTENANT L'INFOBULLE - L’ICÔNE */
.transition-tfax{
position: relative;
width: 70px;
margin: 10px auto;
padding: 0;
}
/* INFOBULLE */
.block_transitionx{
background: #091117;
border: 0px solid #C9E6E9;
width: 0;
height: 0;
position: absolute;
left:10px;
top: 40px;
overflow: hidden;
z-index: 990;
padding: 0;
text-align: justify;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-family:Muli;
  font-size:12px;
-webkit-transition: width 0.5s linear 0.2s, height 0.5s linear 0.2s, padding 0.5s linear 0.2s; /* pour navigateur webkit */
-moz-transition: width 0.5s linear 0.2s, height 0.5s linear 0.2s, padding 0.5s linear 0.2s; /* pour navigateur mozilla */
-o-transition: width 0.5s linear 0.2s, height 0.5s linear 0.2s, padding 0.5s linear 0.2s; /* pour navigateur opera */
transition: width 0.5s linear 0.2s, height 0.5s linear 0.2s, padding 0.5s linear 0.2s; /* pour les navigateurs récents */
}
/* INFOBULLE AU SURVOL */
.transition-tfax:hover .block_transitionx{
position: absolute;
width: 210px;
height: 80px;
padding: 5px 5px 5px 35px;
border-width: 1px;
font-family:Muli;
  font-size:12px;
}
/* IMAGE (icône) */
.transition-tfax img {
z-index: 999;
left: 0;
bottom: 0;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
/* IMAGE (icône) AU SURVOL */
.transition-tfax:hover img {
-webkit-transform: rotate(-360deg);/* pour navigateur webkit */
-moz-transform: rotate(-360deg); /* pour navigateur mozilla */
-o-transform: rotate(-360deg);/* pour navigateur opera */
transform: rotate(-360deg); /* pour les navigateurs récents */
}
/* TITRE DANS INFOBULLE */
.block_transitionx h3{
color: #3CCCE6;
font: 15px Muli;
border-bottom: 1px dotted #C9E6E9;
text-align: center;
width: 96%;
margin: auto;
padding: 0;
}

/* IMAGE (icône) */
.tfa_icones img{
width: 40px;
height: 40px;
margin: 5px;
border-radius:40px;
padding: 0;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
/* IMAGE (icône) AU SURVOL */
.tfa_icones:hover img {
-webkit-transform : rotate(-180deg);/* pour navigateur webkit */
-moz-transform : rotate(-180deg); /* pour navigateur mozilla */
-o-transform : rotate(-180deg);/* pour navigateur opera */
transform: rotate(-180deg); /* pour les navigateurs récents */
}
.rpmois{
  position: absolute;
  left:300px;
  top: -220px;
}
.memmois{
  position: absolute;
  left:300px;
  top: -150px;
}
.lucy{
  position: absolute;
  left:35px;
  top: -55px;
}
.alyx{
  position: absolute;
  left:153px;
  top: -55px;
}
.marcus{
  position: absolute;
 left:265px;
  top: -54px;
}
.callie {
  position: absolute;
  left:376px;
  top: -55px;
}
.lia{
  position: absolute;
  left:488px;
  top: -54px;
}
/* ------------------------------------------
        ONGLET DEVOILE EN CLIC à gauche
--------------------------------------------*/
#target_onglet, #target_onglet2{position: fixed;}
#onglet_clic{
  position: fixed;
  z-index: 999;
  width: 342px;
  height: 200px;
  margin-left: -310px;
  margin-top: 20px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
#onglet_contenu{
  width: 290px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  height: 190px;
  color: #9C5951;
  font-size: 15px;
}
.onglet_clic_navigation
{
  display: block;
  float: right;
  width: 40px;
  height: 120px;
  overflow: hidden;
  margin-top: 40px;
}
.onglet_ouvrir{  position: absolute;  z-index: 3;}
.onglet_fermer{position: absolute;z-index: 2;}
#onglet_clic_contenu{
  width: 300px;
  height: 200px;
  overflow: hidden;
  background: #091117;
  border: 1px solid #60A1C4;
}
#target_onglet:target #onglet_clic{
  margin-left: -10px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
#target_onglet:target .onglet_ouvrir{ z-index: 1;}
#target_onglet2:target #onglet_clic{
  margin-left: -310px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

/*------------------------------------------------------
                      AUTREs CODES
-------------------------------------------------------*/

//* téléphone *//
.datetel {font-size:12px; color:#fff; line-height:100%; letter-spacing:1px; margin-left:5px;}
.unlock {margin-top:175px; font-size:23px; opacity:.5; line-height:100%;}
.bwbgthing { overflow:hidden; }
.bwbgidk { position:relative; width:218px; height:327px; background-color:#fff; overflow:hidden; font-family:lato; font-weight:100; }
.bwbgpic { position:absolute; left:0px; width:218px; height:327px; background-color:#222; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgdarken { position:absolute; top:0px; left:0px; width:218px; height:327px; background-color:#000; opacity:.25; }
.bwbgover { position:absolute; top:0px; left:0px; width:218px; height:327px; font-family:lato; color:#fff; text-align:center;  font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out;  }
.bwbgidk:hover .bwbgpic { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbgover { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgwords { margin-top:20px; color:#fff; font-size:52px; line-height:100%; }
.bwbgbar { position:absolute; top:0px; left:0px; width:218px; height:7px; padding:4px; font-family:lato; color:#fff; text-align:center;  font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbgbar { top:0px; left:0px; color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbattery { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbatteryright { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbatterybar { background-color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwcirclefull { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwcircleempty { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .triangle-down { border-top: 7px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwcirclefull { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:#fff; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwcircleempty { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:none; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwprovider { line-height:15px; font-size:10px; display:inline-block; margin-left:2px; }
.bwtriangle-down { margin-left:2px; display:inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwcircle { position:absolute; left:95px; top:11px; width:30px; background-color:#fff; opacity:.7; height:4px; border-radius:30%; -webkit-border-radius:30%; -moz-border-radius:30%; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwcircle { top:-20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbattery { margin-left:3px; width:10px; height:4px; background-color:#fff; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbatteryright { width:3px; height:4px; background-color:none; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbatterybar { margin-bottom:2px; width:1px; height:2px; background-color:#fff; opacity:.5; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgtime { text-align:center; margin-top:9px; width:218px; font-size:10px; font-weight:bold; line-height:100%; color:#000; font-family:lato; }
.bwmessageheader { width:218px; height:20px; background-color:#fff; font-family:helvetica; line-height:20px; font-size:10px; border-bottom:1px solid #eee; }
.bwmessageblue { width:60px; display:inline-block; color:#56c8f7;}
.bwmessagebold { width:98px; display:inline-block; color:#000; text-align:center; font-weight:bold; }
.picture { width: 178px; height: 80px; -moz-border-radius:    10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom:5px; }
.bwtalkbubble { width: 148px; padding:15px; background: #128cf4; -moz-border-radius:    10px; -webkit-border-radius: 10px; border-radius: 10px; color:#fff; font-family:helvetica; font-size:10px; line-height:12px; text-align:justify; }
.bwtriangle-up { margin-left:5px; margin-right:133px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #128cf4; }

/*------------------------------------------------------
            CODAGE GENERAL POSTES
-------------------------------------------------------*/
.fondpost{
  width:400px;
  background-color:#091117;
  border:3px solid #52526E; 
  text-align:justify;
  padding:20px;
  border-radius:10px;
}
.imgpost{
  border:3px solid #52526E;
  padding: 2px;
  width:380px;
  z-index:1;
  position:relative;
}
.titrpost{
  font-family:'Metal Mania';
  font-size:30px;
  color:#66423E;
  position:relative;
  top:-50px;
  background-color:white;
  opacity: 0.5;
  z-index:2;
}
.titrpost2{
  font-family:'Metal Mania';
  font-size:30px;
  color:#66423E;
  position:relative;
  background-color:white;
  opacity: 0.5;
}
.stitrpost{
  font-family:'Orbitron';
  color:#77CED9;
  font-size:13px;
  border-bottom: 3px double #77CED9;
}
.corpspost{
  background-color:#05121C;
  border: 1px solid #52526E;
  padding: 5px;
  text-align: justify;
  font-size:12px;
  border-radius:10px;
}
.sstitre01{
  font-family:'Orbitron';
  color:#77CED9;
  text-transform:capitalize;
  font-size:13px;
}
.titrpostb{
  font-family:'Megrim';
  color:#77CED9;
  font-size:18px;
  border-bottom: 3px double #77CED9;
}
.cre{font-weight:normal;
    font-variant:small-caps;
    color:#c0c0c0;
    font-size:11px;
    text-align:center;
  font-family:arial, helvetica, sans-serif;}


/*------------------------------------------------------
          Posts administratifs
-------------------------------------------------------*/

.fondpost01{
  width:450px;
  border-radius:100px;
  background-color:#52526E;
  padding-top:15px;
  padding-bottom:15px;
}
.fondpost02{
  width:420px;
  border-radius:15px;
  background-color:#091117;
  padding:10px;
  marging-left:-30px;
  border:1px solid #52526E;
}
.imgpost01{
  width:300px;
  border-radius:10px;
  border:solid 1px #52526E;
}
.titrepost01{
  font-family:'Megrim';
  font-size:25px;
  color:#075360;
}
.text01{ font-style:Snippet;text-align: justify; padding:3px;}
.biov7 {  font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; }
.sstit02{  font-family:'Orbitron';color:#77CED9;text-transform:capitalize;font-size:12px;text-align:left;}
.stitrpost{ font-family:'Orbitron';  color:#77CED9;  font-size:13px;  border-bottom: 3px double #DBC1C0;}
.corps02 {
  background-color:#05121C;
  border-left: 5px solid #8E9AA0;
  border-right:5px solid #8E9AA0;
  border-top: 1px solid #8E9AA0;
  border-bottom: 1px solid #8E9AA0;
  padding: 5px;
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
}
.corpspost1{
  max-height:300px;
  overflow:auto;
  background-color:#05121C;
  border: 1px solid #8E9AA0;
  padding: 5px;
  text-align: justify;
  font-size:12px;
  border-radius:10px;
}
.corpspost2{
  max-height:150px;
  overflow:auto;
  background-color:#05121C;
  border: 1px solid #8E9AA0;
  padding: 5px;
  text-align: justify;
  font-size:12px;
  border-radius:10px;
}
.titreliens01{
  margin-top:-20px;
  font-family:'Carrois Gothic SC';
  font-size:25px;
  color:#81A9C6;
}
.icoliens{  width:100px;  border:solid 1px #394247;}
.texlien{  height:100px;overflow:auto; text-align:justify; padding: 10px;color:#DEDFE0; font-size:11px;}
/*DEBUT ARTICLE DE JOURNAL*/

.fondjournal{
  width: 400px;
  height: 600px;
  overflow: hidden;
  background:#F7F7F7 ;
}
.titrejournal{
  text-align: center;
  margin-top: 25px;
  font-size: 30px;
  color: #000000;
  font-family: 'Carrois Gothic SC', sans-serif;
}

.datejournal{
  position: absolute;
  font-size: 10px;
  text-align: center;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  color: #000000;
  width: 320px;
  height: auto;
  margin-left: 35px;
  font-family: 'Carrois Gothic SC', sans-serif;
}
.photojournal {
  width: 300px;
  max-height: auto;
 
opacity: 0.5;
}
.legendejournal{
  color: #000000;
  font-family: 'Carrois Gothic SC', sans-serif;
}
.textejournal{
  font-size: 15px;
  width: 320px;
  height: 200px;
  overflow: auto;
  color: #000000;
  font-family: 'Carrois Gothic SC', sans-serif;
  text-align:justify;
}

.auteurjournal{
  font-size: 10px;
  color: #000000;
  text-align:right;
  font-family: 'Carrois Gothic SC', sans-serif;
}
/*FIN ARTICLE DE JOURNAL*/
i {  color: #DEDFE0;}
lu {  line-height: 80%;  width: 400px;  letter-spacing: 1.9px;  font-family: courier new;
  font-size: 9px;  text-shadow: 1px 1px 0px #000000;  color: #BCDDE5;  text-transform: uppercase;}
vi {  font-family: "Kite One";  font-size: 14px;    color: #2CBCE0; }
.cs, cs {color:#59A58C; font-weight:800;}
ro {  font-size:15px;  color:#DD2A27;  font-style:bold;}
ve {  font-size:15px;  color:#0A875D;  font-style:bold;}
or {  font-size:15px;  color:#F9A536;  font-style:bold;}


Elaine Pendragon
Il parait que je suis quelqu'un d'important. Il parait... Je sais qui je suis : une orpheline parmi tant d'autres.
Revenir en haut Aller en bas




louha
Admin
avatar
http://louha.forumactif.org
Messages : 557
Date d'inscription : 15/08/2013


MessageSujet: Re: CSS version 2-1 Jeu 30 Juil - 21:04

page d'accueil

Code:
<img src="http://img11.hostingpics.net/pics/67101346pa.png"border="0" /><div style="position:relative; ">
<div class="barre_nav">
<div class="nav_1"><div class="nav_txt">L'arrivée<br /><br /></div><br /><a href="http://institutchevalier.forumactif.org/t284-01-les-regles-du-jeu">Règlement</a><br /><a href="http://institutchevalier.forumactif.org/t5-02-le-contexte">Contexte</a><br /><a href="http://institutchevalier.forumactif.org/f3-les-annexes">Annexes</a><br /><a href="http://institutchevalier.forumactif.org/f129-intrigues-version-2">Intrigue</a><br /></div>
<div class="nav_2"><div class="nav_txt">Les invités<br /><br /></div><br /><a href="http://institutchevalier.forumactif.org/t712-le-guide-du-debutant">Je débute</a><br /><a href="http://institutchevalier.forumactif.org/t1447-la-faq">FAQ</a><br /><a href="http://institutchevalier.forumactif.org/t304-02-toutes-vos-questions">Ask Us</a><br /><a href="http://institutchevalier.forumactif.org/t7-01-forum-rpg-qu-est-ce-que-c-est">RPG ?</a><br /></div>
<div class="nav_3"><div class="nav_txt">Partenariat<br /><br /></div><br /><a href="http://institutchevalier.forumactif.org/t79-la-liste-des-partenaires">La liste</a><br /><a href="http://institutchevalier.forumactif.org/t14-demander-un-partenariat">Devenir partenaire</a><br /><a href="http://institutchevalier.forumactif.org/t14-demander-un-partenariat#14643">  Notre fiche</a><br /><a href="http://institutchevalier.forumactif.org/f18-la-boite-a-fiches">Vos fiches</a><br /></div>
<div class="nav_4"><div class="nav_txt">Liens utiles<br /><br /></div><br /><a href="http://institutchevalier.forumactif.org/t1448-timeline-2015">Timeline (2015)</a><br /><a href="http://institutchevalier.forumactif.org/t30-03-la-repartition-des-chambres">Les chambres</a><br /><a href="http://institutchevalier.forumactif.org/t3-bottin-d-avatars">Bottin</a><br /><a href="http://institutchevalier.forumactif.org/f26-partir-a-l-aventure">Quêtes</a><br /></div>
<div class="nav_5"><div class="nav_txt">Animations<br /><br /></div><br /><a href="http://institutchevalier.forumactif.org/f31-le-flood">Le flood</a><br /><a href="http://institutchevalier.forumactif.org/f32-les-jeux">Les Jeux</a><br /><a href="http://institutchevalier.forumactif.org/f23-gossip-blog">GossipBlog</a><br /><a href="http://institutchevalier.forumactif.org/f119-follow-the-white-rabbit">Le Lapin</a><br /></div></div>
<div class="intrigue"> Depuis quelques semaines, d'étranges disparitions ont lieu dans l'Institut. Certains réapparaissent au bout de sept jours, dans les informations humaines et les détails de leurs morts font les gros titres des journaux, penant que les humains se gaussent de leur chasse aux sorcières... D'autres semblent tout simplement avoir disparu de la surface de la terre...<br /><br />
 Qu'est ce qu'il se passe ? Où se trouvent les disparus ? Saurez vous les retrouver ?  <a href="http://institutchevalier.forumactif.org/t1469-intrigue-1-disparitions">Par ici</a> </div>
<div class="infospa"><lu>20/07/15</lu>Réouverture des inscriptions aux intrigues <a href="http://institutchevalier.forumactif.org/t847-quete-04-liee-aux-intrigues-ouvert">ici</a><br />
<lu>02/07/15</lu> : Mina et Sarah sont nos membres du mois !<br />
<lu>01/07/15</lu> : Lancement d'une nouvelle intrigue<br />
<lu>15/06/15</lu> : Ouverture de la V2<br />
<lu>16/04/15</lu> : Maintenance prolongée pour la V2<br />
<lu>01/08/13</lu> Ouverture du forum</div>
<div class="cssactif_tableaupartenaire"><a href="http://www.pub-rpg-design.com/"><img src="http://image.noelshack.com/fichiers/2015/24/1433872644-rggseptv2.png" class="img_partenaires" /></a>
<a href="http://www.never-utopia.com/"><img src="http://img4.hostingpics.net/pics/666823logo6.jpg" class="img_partenaires" /></a>
<a href="http://lonelymountain.forumactif.org"><img src="http://nsm08.casimages.com/img/2014/01/03/14010303372214466011867238.png" class="img_partenaires" /></a>
<a href="http://talesofmiddleearth.forumactif.org/"><img src="http://img15.hostingpics.net/pics/582074335.png" class="img_partenaires" /></a>
<a href="http://the-silence-has-fall.pro-forums.fr"><img src="http://i81.servimg.com/u/f81/17/11/50/99/bouton11.png" class="img_partenaires" /></a>
<a href="http://onedaymore.forumactif.org/"><img src="http://nsm08.casimages.com/img/2014/09/28//14092807145511071512563189.png" class="img_partenaires" /></a>
<a href="http://closedge.forums-actifs.com/"><img src="http://image.noelshack.com/fichiers/2014/41/1412846409-bouton.png" class="img_partenaires" /></a> <a href="http://rhansidor.forumactif.org/"><img src="http://i38.servimg.com/u/f38/19/08/56/96/part210.png" class="img_partenaires"></a>
<a href="http://kiarie.free.fr/eden/"><img src="http://kiarie.free.fr/eden/images/link/100x35-13.png" class="img_partenaires" /></a></div>
<div class="infos"><vi>☼</vi>Dates jouables : du 01/09/15 au 15/09/15<br />
<vi>☼</vi>Météo : Grand Soleil<br />
<vi>☼</vi>T° ; 25-30°C</div>

<div class="rpmois"><div class="transition-tfax"><img alt="" src="http://image.noelshack.com/fichiers/2015/27/1435872085-crystal-crystal-reed-32530182-100-100.png" class="mdm" /><div class="block_transitionx">
<h3>Mina & Sarah </h3> <span>RP du mois<br /></span><center style=""> <a href="http://institutchevalier.forumactif.org/t1523-2-filles-2-paires-de-talons-2-chevilles-foulees-mina">par ici</a></center><span> </span></div></div></div>
<div class="memmois"><div class="transition-tfax"><img alt="" src="http://image.noelshack.com/fichiers/2015/27/1435872085-01.png" class="mdm" /><div class="block_transitionx">
<h3>Sarah Mancini</h3> <span>Membre du mois<br />Elle est présente et on l'aime<br /> </span><center style=""> <a href="http://institutchevalier.forumactif.org/t1557-juillet-2015">félicitez la !</a></center><span> </span></div></div></div>

<div class="lucy"><div class="Infobulle"><img src="http://image.noelshack.com/fichiers/2015/23/1433179402-lucy.png" class="imgPA" /><div class="Infobulle_contenu"><center>
<b>Lucy</b><br />Fondadrice</center></div></div></div>
<div class="alyx"><div class="Infobulle"><img src="http://image.noelshack.com/fichiers/2015/23/1433179402-alyx.png" class="imgPA" /><div class="Infobulle_contenu"><center>
<b>Alyx</b><br />Administratrice</center></div></div></div>
<div class="marcus"><div class="Infobulle"><img src="http://image.noelshack.com/fichiers/2015/24/1434110073-titi.png" class="imgPA" /><div class="Infobulle_contenu"><center>
<b>Marcus</b><br />Admin</center></div></div></div>
<div class="callie"><div class="Infobulle"><img src="http://image.noelshack.com/fichiers/2015/23/1433179402-melisandre.png" class="imgPA" /><div class="Infobulle_contenu"><center>
<b>Mélisandre</b><br />Modératrice</center></div></div></div>
<div class="lia"><div class="Infobulle"><img src="http://image.noelshack.com/fichiers/2015/29/1437322870-lia.png" class="imgPA" /><div class="Infobulle_contenu"><center>
<b>Emilia</b><br />Animatrice</center></div></div></div>
</div>


Elaine Pendragon
Il parait que je suis quelqu'un d'important. Il parait... Je sais qui je suis : une orpheline parmi tant d'autres.
Revenir en haut Aller en bas

CSS version 2-1

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Heartbreaker version girl [Finish]
» Nouvelle mise à jour ForumActif : Version Mobile
» Version N°15 : Bang bang you're dead !
» Version n°11 : Vamos a la playa, oh oh oh
» Parodie YuGiOh (version chevaliers du zodiaque abrégé)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
louha's personal forum :: archives-