Welcome

Halloween Administration

Meithea Règlement

Halloween, LS codage Forumactif Fiches & Messages Administration Règlement Meithea

Toutes versions

Optimisé De nombreuses fiches sont disponibles : contexte, intrigue, 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 règlement Meithea Halloween Forumactif

HTML

<h4>Titre ;</h4><p>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>

<a href="http://ls-halloween.fr/" target="_blank" class="credits">Halloween</a></div></div>

CSS

/****************************************************** REGLEMENT ******************************************************/
.fiche {
        background: url('https://i.imgur.com/jqJcw5O.jpg');
        font-size: 12px;
        margin: auto;
        position: relative;
        text-align: justify;
        width: 500px;
        height: fit-content;
}

/* 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;
}

.fiche h4 {
        font-family: Economica, sans-serif;
        font-size: 20px;
        margin: 0 0 5%;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
}

.fiche h4::before {
        content: "▷ ";
        color: #eb433d;
        margin: 0 2% 0 0;
}

/* CONTENU DE LA FICHE */
.fiche .content {
        background: rgba(0,0,0,.4);
        padding: 5%;
        box-sizing: border-box;
        height: auto;
        border: 1px solid #fff;
        margin: 5%;
        color: #fff;
}

.fiche p {
        display: inline-block;
        margin: 0;
        font-family: 'Economica', sans-serif;
        font-size: 14px;
        letter-spacing: 1px;
}

/* CREDITS */
a.credits {
        display: block;
        color: #fff;
        font-size: 8px;
        text-transform: uppercase;
        border-bottom: 1px solid #eb433d;
        width: 30px;
        margin: auto;
        text-align: center;
}
                
                /* SCROLLBAR */
.fiche ::-webkit-scrollbar {
    	width: 5px;
}

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

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

#meithea #reglement #forumactif #codage #libreservice

Halloween