Welcome

Halloween Administration

Wicked

Halloween, LS codage Forumactif Fiches & Messages Administration Wicked

Toutes versions

Optimisé Une liste des sujets, un profil & message, un index complet, des fiches de groupes, présentation, publicité, règlement et validation sont disponibles.
Réalisé pour le forum Wicked.

Retour

Codage contexte Wicked Halloween Forumactif

CSS

/******************************************************** FICHES ********************************************************/
/* CONTEXTE */
.contexte {
        width: 500px;
        margin: auto;
        background: #cecbcc;
        text-align: justify;
        position: relative;
  	padding: 0 0 2%;
  	font-family: Calibri, sans-serif;
        font-weight: bold;
        color: #858386;
}

.contexte header {
        background: url(https://i.servimg.com/u/f26/19/99/69/81/fond_f11.png);
        box-sizing: border-box;
        padding: 8% 0 3% 5%;
}

.contexte header h2 {
        font-size: 30px;
        text-transform: uppercase;
        margin: 0 0 2% 0;
}

.contexte .separation span {
    	margin: 0 4%;
    	color: #e51a5e;
}

.contexte header .separation span:last-child {
    	margin: 0 4%;
}

.contexte .content {
        width: 90%;
        margin: 180px auto 10%;
}

.contexte .img_footer_gauche {
        position: absolute;
        left: 0;
        bottom: 0;
}

.contexte .img_footer_droite {
        position: absolute;
        right: 0;
        bottom: 0;
}

img.img_contexte1 {
        position: absolute;
        top: 105px;
        left: 43%;
}

img.img_contexte2 {
        left: 35%;
        position: absolute;
        top: 173px;
}

img.img_contexte3 {
        position: absolute;
        right: 33%;
        top: 172px;
}

a.wicked_credits {
        text-align: right;
        display: block;
        font-style: italic;
        text-transform: lowercase;
        letter-spacing: -1px;
        font-size: 10px;
        margin: 0 2% 0 0;
        color: #b3afaf;
}

HTML

<div class="contexte"><header><h2>Contexte</h2><div class="separation">• <span>•</span> • <span>•</span> • <span>•</span> • <span>•</span> • <span>•</span> • <span>•</span></div></header><img src="https://i.servimg.com/u/f26/19/99/69/81/img_co10.png" alt="" class="img_contexte1" /><img src="https://i.servimg.com/u/f26/19/99/69/81/img_co12.png" alt="" class="img_contexte2" /><img src="https://i.servimg.com/u/f26/19/99/69/81/img_co11.png" alt="" class="img_contexte3" /><div class="content">Nous sommes passé de plus de 6 milliards d’être humain à quelques milliers et pourtant l’Homme à toujours soif de violence et de vengeance. Tu te retrouves en 2150. Un siècle ou la technologie n’est qu’un vaste souvenir oublié.

Les derniers survivants tentent tant bien que mal de vivre dans un monde ou les ressources sont limités et se font rares. Différents clans, différentes personnalités mais tous animés par les mêmes sentiments, la haine, la peur, la souffrance fait parfois ressortir le plus mauvais coté de l’être humain. Est-ce que les erreurs de nos ancêtres pourraient être un jour comprissent afin qu’elles ne se reproduisent plus ?

Est-ce que l’union pourra faire la force ? La force de s’unir pour bâtir un nouveau monde, un monde meilleur… Mais combien d’entre vous devront encore faire couler le sang pour que cela arrive ? Combien devront encore mourir avant de comprendre que sans les autres, nous ne sommes rien.

<a href="http://ls-halloween.fr/" target="_blank" class="wicked_credits">Halloween</a></div><img src="https://i.imgur.com/7YZWmOe.png" alt="" class="img_footer_gauche"/><img src="https://i.imgur.com/2pvVQrf.png" alt="" class="img_footer_droite"/></div>

#wicked #contexte #forumactif #codage #libreservice

Halloween