Welcome

Halloween Administration

Meithea News

Halloween, LS codage Forumactif Fiches & Messages Administration News Meithea

Toutes versions

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

Réalisé pour : Les Chroniques de Meithea

Retour

Codage news Meithea Halloween Forumactif

HTML

Praesent at interdum purus. Nulla tincidunt tempor nunc a lacinia. Nam quis ipsum diam. Nunc consequat nunc ac ante elementum, vel auctor eros efficitur. Quisque pulvinar gravida libero, sed porta risus convallis sit amet. Curabitur sit amet ligula tortor. Quisque nec enim neque. Nullam lobortis nec velit eu ultricies. Etiam malesuada tincidunt purus, ultricies laoreet leo tincidunt in. Vivamus turpis lacus, consequat sit amet tortor id, pellentesque aliquet nunc.

Sed dignissim viverra varius. Pellentesque fermentum mauris mi, sit amet aliquet odio dignissim nec. Nulla ac ornare mi, ut ornare arcu. Nunc id molestie tellus. Curabitur eget diam aliquam, vehicula urna ac, facilisis nunc. Nullam a magna neque. Fusce congue massa quam, ut pharetra purus dictum eu. Proin faucibus in felis eget rutrum. Vestibulum porta quam a dui finibus tincidunt. Nunc ullamcorper nulla eget odio mollis, et egestas odio pretium. Mauris enim enim, convallis sit amet laoreet eget, rutrum a neque. Fusce et egestas mauris. Praesent condimentum purus et neque sagittis, id laoreet est porttitor. Nam ac enim a arcu placerat aliquam sed commodo turpis. Quisque blandit varius est, eget imperdiet augue posuere quis. Nulla blandit lacus in tortor luctus consequat.

Praesent rutrum eros vitae quam interdum elementum. Donec quis quam orci. Pellentesque tempus tortor dolor, eu aliquet enim tincidunt ut. Suspendisse potenti. Nunc nisl sapien, ornare non sollicitudin sit amet, elementum non augue. Integer et pulvinar massa. Quisque ullamcorper purus condimentum ex mattis, at venenatis tellus eleifend.</div><div class="droite"><h4>Le staff</h4><a href="#"><img src="https://i.imgur.com/dWkaj6Y.png" alt="" /></a> <a href="#"><img src="https://i.imgur.com/dWkaj6Y.png" alt="" /></a> <a href="#"><img src="https://i.imgur.com/dWkaj6Y.png" alt="" /></a>

<h4>Les prédéfinis</h4><a href="#"><img src="https://i.imgur.com/dWkaj6Y.png" alt="" /></a> <a href="#"><img src="https://i.imgur.com/dWkaj6Y.png" alt="" /></a> <a href="#"><img src="https://i.imgur.com/dWkaj6Y.png" alt="" /></a>
<a href="#"><img src="https://i.imgur.com/dWkaj6Y.png" alt="" /></a> <a href="#"><img src="https://i.imgur.com/dWkaj6Y.png" alt="" /></a> <a href="#"><img src="https://i.imgur.com/dWkaj6Y.png" alt="" /></a>

0 membres
0 messages
Ouvert depuis le 00.00.0000

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

CSS

/****************************************************** NEWS ******************************************************/
.news {
        background: #262626;
        font-size: 12px;
        margin: auto;
        position: relative;
        text-align: justify;
        width: 500px;
        height: fit-content;
}

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

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

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

/* TITRES */
.news .header {
  	padding: 6.5%;
  	background: #100b0f;
}

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

.news 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 */
.news .gauche {
        box-sizing: border-box;
        color: #fff;
        float: left;
        font-family: Economica, sans-serif;
        font-size: 14px;
        height: 400px;
        letter-spacing: 1px;
        line-height: 1.5;
        margin: 5% 1%;
        overflow: auto;
        padding: 0 5%;
        width: 53%;
}

.news .droite {
        background: url('https://i.imgur.com/Y4m6vuW.jpg');
        float: left;
        width: 45%;
        box-sizing: border-box;
        padding: 8.7% 5%;
        text-align: center;
        font-family: Economica, sans-serif;
        font-size: 16px;
        letter-spacing: 1px;
        color: #fff;
}

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

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

#meithea #news #forumactif #codage #libreservice

Halloween