Welcome

Halloween Administration

Meithea

Halloween, LS codage Forumactif Fiches & Messages Publicités Publicité Meithea

Toutes versions

Optimisé De nombreuses fiches sont disponibles : intrigue, règlement, contexte, fiche de validation, présentations, prédéfinis, bottin, fiche de relations, nouveautés et présentation du staff.

Réalisé pour : Les Chroniques de Meithea

Retour

Codage partenaires et publicité Meithea Halloween Forumactif

HTML

Aliquam sollicitudin purus ut sodales egestas. Phasellus vel lacus id quam efficitur aliquet ut eu erat. Pellentesque et mi egestas, dapibus est eu, malesuada nisi. Nam libero ipsum, aliquam eget tortor vel, semper congue elit. Nulla facilisi. Nunc vulputate magna enim, sit amet facilisis metus dictum viverra. Aliquam eget tempus dui. Donec porttitor arcu tellus, nec pellentesque lectus convallis sed. Quisque sodales pellentesque dui, et molestie sapien interdum id. Morbi aliquam aliquam egestas. Curabitur ante ipsum, faucibus non fringilla elementum, rutrum eget felis. Phasellus vel mauris leo.</p><div class="footer"><a href="#" target="_blank"><img src="https://i.imgur.com/uA2H4r7.png" alt="" /></a>
<a href="#" target="_blank">Lien du forum</a><a href="http://ls-halloween.fr/" target="_blank" class="credits">Halloween</a></div></div>

CSS

/****************************************************** FICHE PARTENAIRES ******************************************************/
.partenaires {
        background: #262626;
        font-size: 12px;
        margin: auto;
        position: relative;
        text-align: justify;
        width: 500px;
        height: fit-content;
    	color: #fff;
  	font-family: Economica, sans-serif;
}

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

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

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

/* TITRES */
.partenaires .header {
        width: 100%;
        height: 100px;
        box-sizing: border-box;
        text-align: right;
        background: #100b0f;
        padding: 5%;
        color: #fff;
}

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

.partenaires 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;
}

.partenaires h4 {
        font-family: Economica, sans-serif;
        font-size: 20px;
        font-style: italic;
        margin: 0 0 3% 13%;
        text-align: left;
        text-transform: capitalize;
        letter-spacing: 2px;
        font-weight: normal;
}

/* CONTENU */
.l1 {
        text-align: center;
        width: 95%;
        margin: 2% auto;
}

.b1, .b2 {
        float: left;
        width: 50%;
}

.b1 p {
        border: 0;
        height: auto;
        letter-spacing: 2px;
}

/* LIENS UTILES */
.liens_utiles {
        width: 90%;
        margin: 3% auto;
        font-size: 24px;
        font-style: italic;
        text-align: center;
}

.liens_utiles a {
        color: #fff;
        margin: 0 2%;
}

/* ZONE DE TEXTE */
.partenaires .intro {
        width: 90%;
        margin: 0 auto 2%;
        display: block;
        height: 250px;
        overflow: auto;
        border: 1px solid;
        padding: 2%;
        box-sizing: border-box;
}

/* BOUTON ET LIEN */
.footer {
        text-align: center;
        margin: 0 0 3% 0;
}

.footer a {
        color: #fff;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
}

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

CSS & HTML

#meithea #partenaires #forumactif #codage #libreservice

Halloween