Welcome

Halloween Administration

Contexte Meithea

Halloween, LS codage Forumactif Fiches & Messages Administration Contexte Meithea

Toutes versions

Optimisé L'image de fond est en 500*450px et se change dans le CSS (seule URL). De nombreuses fiches sont disponibles : intrigue, règlement, fiche de validation, 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 contexte Meithea Halloween Forumactif

HTML

Suspendisse rutrum lectus sit amet nisl sollicitudin, non euismod ante pharetra. Suspendisse potenti. Aliquam cursus dictum purus, et dapibus odio euismod a. Nullam ultrices ante sed lacus ultricies porttitor. Sed sollicitudin mollis imperdiet. Ut nec velit sit amet urna laoreet sagittis. Maecenas porttitor luctus scelerisque. Cras vitae iaculis mauris.

Nunc non commodo magna, ut ornare felis. Maecenas at tempus lorem, vel fringilla lectus. Aliquam rutrum egestas purus vitae ultricies. Proin volutpat massa eu quam accumsan scelerisque. Aliquam maximus ultrices mauris, nec aliquet felis convallis et. Integer malesuada leo justo, sit amet vestibulum purus pharetra consequat. Pellentesque non sem ante. Nam hendrerit vel enim nec commodo.

Pellentesque condimentum neque ipsum, nec mattis nulla interdum sed. Cras semper consectetur urna. Mauris venenatis porttitor dolor, in euismod arcu gravida sit amet. Sed nec tempus ligula, a blandit metus. Praesent in dignissim arcu, vitae luctus arcu. Cras pulvinar consequat finibus. Nulla metus tellus, hendrerit mattis auctor sit amet, aliquam id erat. Vestibulum ac mi quis mauris mollis fermentum vel eu nisi. Vivamus nunc lacus, euismod at nisi pharetra, facilisis tempor magna. Proin euismod lectus eu tortor aliquam egestas. Pellentesque fringilla rhoncus viverra. Pellentesque metus enim, pharetra vel risus vitae, fermentum hendrerit enim. Aenean tristique turpis nisi, at mattis ligula posuere tempus. Aliquam vitae cursus quam, in rutrum mauris.

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.</p></div></div>

CSS

/****************************************************** CLASSES MOBS REGIONS ******************************************************/
.fiche {
        width: 500px;
        margin: auto;
        text-align: justify;
        font-size: 12px;
  	 position: relative;
}

/* ENTETE, TITRE ET SOUS TITRE */
.fiche .header {
        width: 100%;
        height: 100px;
        box-sizing: border-box;
        text-align: right;
        background: #100b0f;
        padding: 5%;
        color: #fff;
}

.fiche h2 {
        color: #fff;
        font-family: Times New Roman;
        font-size: 36px;
        margin: 0;
        border-bottom: 1px solid #eb433d;
        font-style: italic;
        padding: 0 0 4% 0;
        width: 450px;
}

.fiche h3 {
        font-size: 12px;
        letter-spacing: 2px;
        margin: .5% 0 0;
        text-transform: uppercase;
        font-family: 'Economica', sans-serif;
        font-weight: normal;
}

/* CONTENU DE LA FICHE ET BLOC DE DROITE */
.fiche .content_classe {
        background: url('https://i.imgur.com/hQUfQVw.png');
        height: 450px;
}

.fiche p {
    	margin: 0;
  	display: inline-block;
}

.fiche .texte_droite {
        border: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
        height: 400px;
        margin: 5%;
        overflow: auto;
        padding: 2%;
        position: absolute;
        right: 1%;
        width: 220px;
        font-family: 'Economica', sans-serif;
        font-size: 14px;
  	background: rgba(0,0,0,.5);
        letter-spacing: 1px;
}

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

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

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

#meithea #Contexte #forumactif #codage #libreservice

Halloween