Welcome

Halloween Administration

Meithea Validation

Halloween, LS codage Forumactif Fiches & Messages Administration Validation Meithea

Toutes versions

Optimisé L'image latérale est en 120*300px, et se change dans le CSS au commentaire "IMAGE". De nombreuses fiches sont disponibles : intrigue, règlement, contexte, présentation, prédéfinis, bottin, fiche de relations, nouveautés, présentation du staff, bestiaire et fiche de partenariat.

Réalisé pour : Les Chroniques de Meithea

Retour

Codage validation Meithea Halloween Forumactif

HTML

Donec dapibus vestibulum libero non maximus. Fusce sit amet risus a tortor accumsan bibendum sit amet vel lorem. Praesent mi nisl, fermentum id nibh eu, imperdiet blandit neque. Curabitur nec lectus sit amet dolor consequat tempus quis ac felis. Morbi aliquet ipsum at urna gravida, eu elementum nibh tincidunt. Etiam augue purus, porta a auctor et, congue iaculis turpis. Suspendisse egestas dignissim lorem vestibulum convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et metus vel neque fringilla vulputate. Ut nec scelerisque eros. Aenean in magna hendrerit, varius eros eget, eleifend velit.</div></div><div class="clear"></div></div>

CSS

/****************************************************** VALIDATION ******************************************************/
.validation {
        width: 500px;
        height: 300px;
        margin: auto;
}

.clear {
  	clear: both;
}

/* IMAGE */
.validation .laterale {
        background: url('https://i.imgur.com/tNpAFwa.png');
        width: 120px;
        height: 300px;
        object-fit: cover;
        float: left;
  	position: relative;
}

.validation .droite {
        float: left;
        width: 380px;
}

/* TITRES */
.validation .header {
        background: #100b0f;
        box-sizing: border-box;
        padding: 7%;
        height: 100px;
}

.validation h2 {
        color: #fff;
        font-family: Times New Roman;
        font-size: 30px;
  	text-align: center;
        margin: 0;
        border-bottom: 1px solid #eb433d;
        font-style: italic;
        padding: 0 0 4% 0;
}

.validation h3 {
        font-size: 12px;
        letter-spacing: 2px;
        margin: 2% 0 0;
        text-transform: uppercase;
        font-family: 'Economica', sans-serif;
        font-weight: normal;
  	text-align: center;
  	color: #fff;
  	letter-spacing: 3px;
}

/* CONTENU */
.validation .content {
        background: url('https://i.imgur.com/jqJcw5O.jpg');
        height: 200px;
        overflow: auto;
        padding: 5%;
        box-sizing: border-box;
        color: #fff;
        font-size: 14px;
        font-family: Economica, sans-serif;
        letter-spacing: 1px;
        text-align: justify;
}

/* SCROLLBAR */
.validation ::-webkit-scrollbar {
    	width: 5px;
}

.validation ::-webkit-scrollbar-thumb {
        background: #eb433d;
        border-radius: 100px;
}

.validation ::-webkit-scrollbar-track {
    	background: #d9d9d9;
}

/* CREDITS */
.validation .credits {
        border-bottom: 1px solid #eb433d;
        color: #fff;
        display: block;
        font-size: 8px;
        margin: auto;
        text-align: center;
        text-transform: uppercase;
        width: 30px;
        position: absolute;
        bottom: 2%;
        left: 50%;
        text-shadow: 1px 1px #000;
}

#meithea #validation #forumactif #codage #libreservice

Halloween