<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>
Accueil 
Dernières images 
Rechercher 
S'enregistrer 
Connexion 
Mar 23 Mai - 21:23
