Welcome

Halloween Administration

Wicked

Halloween, LS codage Forumactif Fiches & Messages Administration Wicked validation

Toutes versions

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

Retour

Codage validation Wicked Halloween Forumactif

CSS

/* VALIDATION */
.validation {
        width: 500px;
        margin: auto;
        background: #cecbcc;
        position: relative;
        padding: 0 0 1%;
        font-family: Calibri, sans-serif;
        font-weight: bold;
        color: #858386;
}

.validation header {
        background: url(https://i.servimg.com/u/f26/19/99/69/81/fond_f11.png);
        padding: 5% 0 10%;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 20px;
}

img.validation_img {
        margin: -8% auto 2%;
        display: block;
}

.validation p {
        width: 70%;
        margin: 2% auto;
        text-align: justify;
}

.validation .separation {
    	text-align: center;
}

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

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

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

HTML

<div class="validation"><header><h2>Validation</h2></header><img src="https://i.servimg.com/u/f26/19/99/69/81/hexago13.png" alt="" class="validation_img" /><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit, erat a pulvinar finibus, erat felis condimentum urna, at condimentum nulla tellus non massa. Etiam sed commodo risus, eu pellentesque ante. Sed bibendum ex felis, fermentum hendrerit purus ultrices sit amet. Nullam et odio at mauris molestie convallis quis id eros. Sed mattis, lectus quis dapibus imperdiet, ex ipsum sodales est, ut pretium metus leo vitae sem. Fusce sed ornare odio. Fusce ullamcorper aliquet ultricies. Vestibulum et orci et lorem eleifend mollis consequat ut odio. Maecenas ultrices eu diam et viverra. Maecenas vehicula, ex ac vehicula pellentesque, ipsum lacus tempus nulla, vitae suscipit sem arcu eu dolor. Sed id cursus nulla, nec semper purus. Phasellus vel porta massa.</p><div class="separation">• <span>•</span> • <span>•</span> • <span>•</span> • <span>•</span> • <span>•</span> • <span>•</span></div><a href="http://ls-halloween.fr/" target="_blank" class="wicked_credits">Halloween</a></div>

#wicked #validation #forumactif #codage #libreservice

Halloween