Welcome

Halloween Administration

Noir & Blanc

Halloween, LS codage Forumactif Fiches & Messages Administration Noir & Blanc

Toutes versions

Optimisé Une liste des membres, un profil, un index complet, une fiche de présentation ainsi qu'un footer sont disponibles.

Retour

Codage Noir & Blanc administration Halloween Forumactif

HTML

<div class="administration"><div class="entete"><h2>Titre de la fiche</h2><h3>Petit slogan</h3></div><div class="contenu">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus hendrerit dui nec tristique tempor. In sodales, ante id volutpat vestibulum, velit risus hendrerit sem, at cursus lacus ipsum sit amet purus. Nulla vel dolor sit amet magna auctor elementum eget eget dolor. Sed nec euismod risus. Mauris metus massa, pharetra nec venenatis at, commodo quis arcu. Nunc in ex magna. Aliquam erat volutpat. Morbi in mauris at nisl congue tincidunt vitae eu dolor. Sed a nibh scelerisque, iaculis urna a, pulvinar ipsum. Nullam congue ante non mollis cursus.

<div>Citation</div>

<h4>Sous titre</h4>

Ut finibus lorem vitae sem semper molestie. In venenatis interdum augue, finibus tincidunt nulla. Cras lacinia feugiat purus, rhoncus pellentesque mi bibendum sed. Etiam ac accumsan purus. Fusce auctor condimentum nibh nec aliquam. Vivamus aliquam nulla tortor, semper dictum velit congue consequat. Nullam lobortis congue sodales. Nam eget aliquet orci, quis congue odio. In nec arcu sed diam facilisis feugiat. Morbi cursus in turpis id porttitor. Integer quis semper quam. Donec suscipit ante in sollicitudin egestas.

Integer in nulla odio. Nam neque diam, elementum in ligula nec, egestas aliquet dolor. Suspendisse orci purus, rutrum bibendum maximus ut, eleifend vel leo. Vivamus egestas arcu facilisis sapien varius, eleifend tincidunt magna vehicula. Nulla ut metus ante. Suspendisse quis ornare nibh. Nullam sollicitudin, ligula at auctor placerat, enim eros maximus dui, eget feugiat ante neque ut augue. Pellentesque mi odio, malesuada faucibus ante ac, semper porttitor nulla. Vestibulum dolor nulla, tincidunt et euismod eget, scelerisque sed dui. Sed a nulla urna. Etiam quis orci eu urna interdum iaculis.</div></div>

CSS

/********************* FICHE ADMINISTRATION *********************/
.administration {
        background: url(https://redcdn.net/hpimg11/pics/390440footer.png) no-repeat bottom right #fff;
        width: 500px;
  	    border: 1px solid;
        margin: auto;
}

.administration .entete {
        background: url(https://img11.hostingpics.net/pics/168287texture.jpg);
        padding: 5% 0;
        margin: 0 0 2% 0;
}

.administration .entete h2 {
        font-size: 24px;
        color: #fff;
        text-align: center;
        font-style: italic;
        letter-spacing: -2px;
}

.administration .entete h3 {
        color: #fff;
        text-align: center;
        margin: 2% 0;
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: 5px;
}

.administration .contenu {
        width: 80%;
        margin: 5% auto;
        text-align: justify;
        padding: 2%;
}

.administration .contenu div {
        border-left: 5px solid #37cb99;
        padding: 2%;
        margin: 0 0 0 5%;
}

.administration h4 {
        text-transform: uppercase;
        border-bottom: 1px solid;
        padding: 0 0 2% 0;
}

.administration h4::before {
        content: "▷";
        padding: 0 2% 0 0;
        color: #37cb99;
}

#noirblanc #administration #forumactif #codage #libreservice

Halloween