:: ADMINISTRATION :: Annonces Voir le sujet précédent Voir le sujet suivant Aller en bas
COOOOOOOOOOOOOOOOOODE
avatar

AGE : 34 ans
RACE : hybride biche
LIE(E) A : Teddy J. Oswald
METIER : voleuse à plein temps
STATUT : SDF, célibataire et deux enfants
AVIS SUR LA GUERRE : ceci est mon avis sur la guerre wesh ceci est mon avis sur la guerre wesh ceci est mon avis sur la guerre wesh ceci est mon avis sur la guerre wesh ceci est mon avis sur la guerre wesh ceci est mon avis sur la guerre wesh ceci est mon avis sur la guerre wesh ceci est mon avis sur la guerre wesh
Voir le profil de l'utilisateur http://rftm.forumactif.org/ http://rftm.forumactif.org/
TEST RANG
Mar 23 Mai - 21:23
Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

  /* --------------------------------------------------------------------- BACKGROUND + LIENS --------------------------------------------------------------------- */
.backgroundxxx {
    background-color:#E2DEDE;
    width: 900px ;
    height:330px;}
 
a {text-decoration: none!important;}
a:link {text-decoration: none!important;}
a:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none!important;}
a.topiclink:hover {text-decoration: none!important;}
 
 
    /* --------------------------------------------------------------------- CONTEXTE --------------------------------------------------------------------- */
 
.contextebackground {
    background-color:#202020;
    width: 185px ;
    height:275px;
    z-index: 1;
    position:relative;
    top:-84px;
    left:5px;}
 
.contextetext {
    background-color:#202020;
    position:relative;
    left:10px;
    top:8px;
    width: 145px ;
    height:235px;
    border:1px solid;
    border-color: #ffffff;
    padding:10px;
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    text-align: justify;
    overflow:auto;
    z-index: 1;}
 
.contextetitre {
    color: #AC2025;
    font-family: Montserrat;
    font-weight: bold;
    font-style: italic;
    font-size: 50px;
    line-height:135px;
    letter-spacing: -7px;
    text-shadow: 2px 0px 0px #ffffff;
    z-index: 2;
    position:relative;
    left:10px;
    top:-30px;}
 
      /* --------------------------------------------------------------------- STAFF --------------------------------------------------------------------- */
 
.stafftitre {
    color: #AC2025;
    font-family: Montserrat;
    font-weight: bold;
    font-style: italic;
    font-size: 50px;
    line-height:135px;
    letter-spacing: 0px;
    text-shadow: 2px 0px 0px #ffffff;
    z-index: 2;
    position:relative;
    left:40px;
    top:-17px;}
 
.infobulle{position: relative;padding:4px;}
 
.infobulle span {
    background-color: rgba(255, 255, 255, 0.7);
    color: #10191D;
    font-size: 10px;
    display: inline;
    left: 9px;
    top: 10px;
    width:166px;
    height:59px;
    position: absolute;
    text-align:center;
    opacity:0;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
    transition: all 1s ;}
 
        .infobulle:hover {background: none repeat scroll 0 0 transparent;z-index: 999;}
 
        .infobulle:hover span {opacity:1;}

 
.pseudo {
    padding: 3px;
    width:166px;
    height: auto;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #1B1B1B;
    letter-spacing: 0px;
    line-height: 100%;}
 
.border{
    border:1px solid;
    border-color: #ffffff;
    width:140px;
    margin-top:-3px;}
 
.rang {
    padding: 3px;
    width:166px;
    height: auto;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #1B1B1B;
    letter-spacing: 0px;
    line-height: 100%;}
 
.disponible {
    padding: 3px;
    width:166px;
    height: auto;
    margin-top:-5px;
    text-align: center;
    font-family: Montserrat;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    color: #386F24;
    letter-spacing: 0px;
    line-height: 100%;}
 
.absente {
    padding: 3px;
    width:166px;
    height: auto;
    margin-top:-5px;
    text-align: center;
    font-family: Montserrat;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    color: #892122;
    letter-spacing: 0px;
    line-height: 100%;}
 
.temporalite{   
    padding: 3px;
    width:180px;
    text-align: center;
    font-family: Montserrat;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #1B1B1B;
    letter-spacing: 0px;
    line-height: 100%;
position:relative;
  top:-20px;}
 
      /* --------------------------------------------------------------------- NEWS --------------------------------------------------------------------- */
 
 
.newsbackgroundtext {
    background-color:#202020;
    position:relative;
    left:0px;
    top:-73px;
    width: 166px ;
    height:80px;
    padding:10px;
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    text-align: justify;
    overflow:auto;} 
 
      /* --------------------------------------------------------------------- LIENS --------------------------------------------------------------------- */

.lienstitre {
    color: #AC2025;
    font-family: Montserrat;
    font-weight: bold;
    font-style: italic;
    font-size: 50px;
    line-height:135px;
    letter-spacing: 0px;
    text-shadow: 2px 0px 0px #ffffff;
    z-index: 2;
    position:;
    left:40px;
    top:-45px;}
 
.bloclinen {
    display:inline-block;
    vertical-align:top;
    position:relative;
    top:6px;}
 
.bloclinen a{
    display:block;
    margin:3px auto;
    height:25px;
    width:183px;
    background-color:#202020;
    color:ffffff;
    line-height: 25px;
    font-family: Montserrat;
    font-weight: bold;
    text-align:center;
    text-transform:uppercase;
    font-size:13px;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;}
 
.bloclinen a:hover {background-color:#AC2025; color:ffffff;}
 
        /* --------------------------------------------------------------------- MEMBRE DU MOIS --------------------------------------------------------------------- */

.infobulle1{position: relative;padding:4px;left:-4px;top:-10px;}
 
.infobulle1 span {
    background-color: rgba(255, 255, 255, 0.7);
    color: #10191D;
    font-size: 10px;
    display: inline;
    left: 9px;
    top: 9px;
    width:115px;
    height:69px;
    position: absolute;
    text-align:center;
    opacity:0;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
    transition: all 1s ;}
       
.infobulle1:hover {background: none repeat scroll 0 0 transparent;z-index: 999;}
 
 .infobulle1:hover span {opacity:1;}

 
.membredumois {
    margin-top:5px;
    padding: 3px;
    width:80px;
    height: auto;
    text-align: center;
    font-family: Montserrat;
    font-size: 13px;
    text-transform: uppercase;
    color: #1B1B1B;
    letter-spacing: 0px;
    line-height: 100%;}
 
.voteurdumois {
    margin-top:5px;
    padding: 3px;
    width:75px;
    height: auto;
    text-align: center;
    font-family: Montserrat;
    font-size: 13px;
    text-transform: uppercase;
    color: #1B1B1B;
    letter-spacing: 0px;
    line-height: 100%;}
 
.bordermois {
    border:1px solid;
    border-color: #ffffff;
    width:100px;
    margin-top:px;}
 
.pseudomois {
    padding: 3px;
    width:115px;
    height: auto;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #1B1B1B;
    letter-spacing: 0px;
    line-height: 100%;}
 
          /* --------------------------------------------------------------------- SCROLL --------------------------------------------------------------------- */
 
  /*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar { width: 5px;height: 5px;}
::-webkit-scrollbar-track {background-color: #050505;}
::-webkit-scrollbar-thumb {background-color: #ffffff /*couleur de l'ascenseur*/;}
</style>
</head>

<body><link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

  <div class="backgroundxxx">
  <table style="position:relative;top:-20px;">
   <tr>
          <td rowspan=2><div class="contextetitre">contexte</div><div class="contextebackground">
          <div class="contextetext">texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
            </div></div></td>
         
      <td rowspan=2><div class="stafftitre">staff</div><table style="position:relative;top:-70px;">
<tr>
<td><div class="infobulle">
  <img src="https://img4.hostingpics.net/pics/500935icon.png">
    <span><center><div class="pseudo">PSEUDO</div><div class="border"></div><div class="rang">ROLE</div><div class="disponible">Présent</div></center></span>
                  </div></td></tr>
      <tr><td> <div class="infobulle" style="position:relative;top:-8px;">
  <img src="https://img4.hostingpics.net/pics/500935icon.png">
    <span><center><div class="pseudo">PSEUDO</div><div class="border"></div><div class="rang">ROLE</div><div class="disponible">Présent</div></center></span>
                  </div></td></tr>
          <tr><td>  <div class="infobulle" style="position:relative;top:-16px;">
  <img src="https://img4.hostingpics.net/pics/500935icon.png">
    <span><center><div class="pseudo">PSEUDO</div><div class="border"></div><div class="rang">ROLE</div><div class="disponible">Présent</div></center></span>
                  </div></td>
   </tr>
            <tr><td><div class="temporalite">La période inrp se situe entre <br>juillet et octobre 2052.</div></td>
   </tr>
</table></td>
                  <td><a target="_blank" href="http://thenewdawn.forumactif.com/"><img src="http://www.zupimages.net/up/17/21/7qeh.png" style="position:relative;top:-15px;"/></a></td>
      <td>
                  <div class="bloclinen">
<a target="_blank" href="http://thenewdawn.forumactif.com/">Règlement</a>
<a target="_blank" href="http://thenewdawn.forumactif.com/">Contexte</a>
<a target="_blank" href="http://thenewdawn.forumactif.com/">Annexes</a>
<a target="_blank" href="http://thenewdawn.forumactif.com/">Bottin des avatars</a>
<a target="_blank" href="http://thenewdawn.forumactif.com/">Groupes</a>
<a target="_blank" href="http://thenewdawn.forumactif.com/">Postes Libres</a>
<a target="_blank" href="http://thenewdawn.forumactif.com/">Partenariats</a>
<a target="_blank" href="http://thenewdawn.forumactif.com/">Invités</a>                   
                    </div></td>
                  <td>  <div class="infobulle1">
  <img src="https://img4.hostingpics.net/pics/126439mdm.png">
    <span><center><div class="voteurdumois">VOTEUR DU MOIS</div><div class="bordermois"></div><div class="pseudomois">PSEUDO</div></center></span>
                  </div>
                  <div class="infobulle1">
  <img src="https://img4.hostingpics.net/pics/126439mdm.png">
    <span><center><div class="membredumois">MEMBRE DU MOIS</div><div class="bordermois"></div><div class="pseudomois">PSEUDO</div></center></span>
                  </div></td>
   </tr>
   <tr>
          <td><div class="newsbackgroundtext"><b>XX.XX.XXXX :</b> insérer news ici en plusieurs lignes si on veut<br>
            <b>XX.XX.XXXX :</b> insérer news ici en deux lignes même si ça te change, p'tête en trois avec scroll et en justify
                  </div></td>
            <td><table style="position:relative;top:-55px;"><tr>
              <td><a target="_blank" href="http://thenewdawn.forumactif.com/"><img src="http://www.zupimages.net/up/17/21/qzf9.png"/></a></td>
              <td><a target="_blank" href="http://thenewdawn.forumactif.com/"><img src="http://www.zupimages.net/up/17/21/4p6z.png"/></a></td>
              <td><a target="_blank" href="http://thenewdawn.forumactif.com/"><img src="http://www.zupimages.net/up/17/21/dh08.png"/></a></td>
              <td><a target="_blank" href="http://thenewdawn.forumactif.com/"><img src="http://www.zupimages.net/up/17/21/nmlv.png"/></a></td>
                </tr></table>               
              </td>
            <td><table style="position:relative;top:-80px;left:6px;">
              <tr><td><img src="https://img4.hostingpics.net/pics/981983predef.png"/></td><td><img src="https://img4.hostingpics.net/pics/981983predef.png"/></td></tr>
              <tr><td><img src="https://img4.hostingpics.net/pics/981983predef.png"/></td><td><img src="https://img4.hostingpics.net/pics/981983predef.png"/></td></tr></table></td>
   </tr>
</table>
 
  </div>
 
</body></center>
</html>

_________________
avatar

AGE : 25 ans.
RACE : Hybride Serpent Habu
LIE(E) A : Les Ileris le monde,
STATUT : Riche, beau gosse et styliste
Voir le profil de l'utilisateur
Ven 15 Sep - 14:29
.dab
Voir le sujet précédent Voir le sujet suivant Revenir en haut Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
-
 :: ADMINISTRATION :: Annonces Voir le sujet précédent Voir le sujet suivant Aller en bas
COOOOOOOOOOOOOOOOOODE
Sauter vers: