<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style>
.fond{
width:700px;
height:600px;
background-image:url(IMAGEDEFOND);
}
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
width: 5px; /*largeur de la scrollbar verticale*/
height: 5px; /*hauteur de la scrollbar horizontale*/
background-color: #F0C27D;
}
::-webkit-scrollbar-track {
background-color: #F0C27D; /*couleur du fond de la scrollbar*/
}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #28315A /*couleur de l'ascenseur*/;
}
a{
color:#28315A;
}
strong{
color:#28315A;
}
.scénarios{
position:relative;
top:10px;
left:10px;
background-color:#F0C27D;
width:163px;
height:200px;
padding:5px;
color:#8D838B;
font-style:'Cuprum';
font-size:12px;
text-align:center;
opacity:0.9;
}
.imsc{
border:1px solid #28315A;
width:50px;
opacity:1;
}
.contexte{
position:relative;
top:-200px;
left:200px;
background-color:#F0C27D;
width:470px;
height:400px;
padding:10px;
color:#8D838B;
font-style:'Cuprum';
font-size:12px;
text-align:justify;
overflow:auto;
opacity:0.9;
}
.imcon{
width:150px;
float:left;
padding-right:10px;
opacity:1;
}
.météo{
position:relative;
top:-395px;
left:10px;
background-color:#F0C27D;
width:163px;
height:75px;
padding:5px;
color:#8D838B;
font-style:'Cuprum';
font-size:12px;
text-align:justify;
overflow:auto;
opacity:0.9;
}
.liens{
position:relative;
top:-375px;
left:10px;
background-color:#F0C27D;
width:163px;
height:235px;
padding:5px;
color:#8D838B;
font-style:'Cuprum';
font-size:12px;
text-align:center;
opacity:0.9;
}
.honneur{
position:relative;
top:-510px;
left:200px;
background-color:#F0C27D;
width:150px;
height:125px;
padding:5px;
color:#8D838B;
font-style:'Cuprum';
font-size:12px;
text-align:center;
opacity:0.9;
}
.staff{
position:relative;
top:-645px;
left:380px;
background-color:#F0C27D;
width:150px;
height:125px;
padding:5px;
color:#8D838B;
font-style:'Cuprum';
font-size:12px;
text-align:center;
opacity:0.9;
}
.crédit{
position:relative;
top:-780px;
left:560px;
background-color:#F0C27D;
width:120px;
height:125px;
padding:5px;
color:#8D838B;
font-style:'Cuprum';
font-size:12px;
text-align:justify;
overflow:auto;
opacity:0.9;
}
</style>
</head>
<body>
<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet" />
<div class="fond">
<div class="scénarios">
Adoptes-le...<br/>
<a href="URL" target="_blank"><img src="IMAGESCENARIO" class="imsc" /></a>
<a href="URL" target="_blank"><img src="IMAGESCENARIO" class="imsc" /></a>
<a href="URL" target="_blank"><img src="IMAGESCENARIO" class="imsc" /></a><br/>
<a href="URL" target="_blank"><img src="IMAGESCENARIO" class="imsc" /></a>
<a href="URL" target="_blank"><img src="IMAGESCENARIO" class="imsc" /></a>
<a href="URL" target="_blank"><img src="IMAGESCENARIO" class="imsc" /></a><br/>
...et fais un heureux !
</div>
<div class="contexte">
<img src="IMAGECONTEXTE" class="imcon" />TEXTE<br/><br/>
<a href="URL" target="_blank">Lire la suite</a>
</div>
<div class="météo">
<img src="IMAGEMETEO" style="float:left;padding-right:5px;" />
Nous sommes actuellement le <strong>Date</strong> et nous avons l'honneur de fêter les <strong>Fête</strong><br/>
Et pour fêter ce formidable jour, TEMPS.
</div>
<div class="liens"><br/>
<a href="URL">Lien</a><br/><br/>
<a href="URL">Lien</a><br/><br/>
<a href="URL">Lien</a><br/><br/>
<a href="URL">Lien</a><br/><br/>
<a href="URL">Lien</a><br/><br/>
<a href="URL">Lien</a><br/><br/>
<a href="URL">Lien</a><br/><br/>
<a href="URL">Lien</a><br/><br/>
</div>
<div class="honneur">
<a href="URL" target="_blank"><img src="IMAGEMEMBREDUMOIS" class="imsc" /></a>
<a href="URL" target="_blank"><img src="IMAGEMEMBREDUMOIS" class="imsc" /></a><br/>
Merci <strong>pseudo</strong> et <strong>pseudo</strong> pour votre implication sur le forum !
</div>
<div class="staff">
<a href="URL" target="_blank"><img src="IMAGESTAFF" class="imsc" /></a>
<a href="URL" target="_blank"><img src="IMAGESTAFF" class="imsc" /></a><br/>
N'hésitez pas à contacter <strong>moi</strong> et <strong>moi</strong> en cas de soucis !
</div>
<div class="crédit">
<strong>Forum type<br/>
Avatars type<br/>
Nombre de lignes minimum</strong><br/><br/>
Le forum est l'entière propriété de ses créateurs. Toute reproduction totale ou partielle est totalement interdite.<br/>
<a href="https://tourmaline.forumactif.com/" target="_blank">PA réalisée par Loukoum</a>. RESTE DE VOS CREDITS
</div>
</div>
</body>
</html>
Accueil
