Welcome

Halloween Administration

Morsmordre

Halloween, LS codage Forumactif Fiches & Messages Administration Morsmordre

Toutes versions

Optimisé Une navigation, un footer, un index complet, une liste des sujets, un profil, une liste des membres, une fiche administrative, une fiche publicité et une fiche de présentation sont également disponibles.

Retour

Codage Morsmordre listing Halloween Forumactif

CSS

/*********************************** MESSAGE TYPE ***********************************/
.back_fond {
        background: url(https://i.imgur.com/4MLFN8w.png) no-repeat bottom right, url(https://i.imgur.com/q46je9p.jpg);
        width: 550px;
        margin: auto;
        padding: 5% 5% 0;
        box-sizing: border-box;
        border-left: 5px solid #183d23;
  	position: relative;
  	color: #d9d9d9;
  	font-family: 'Volkhov', serif;
}

.back_cont::before {
        background: url(https://i.imgur.com/U9R1dx1.png);
        content: "";
        width: 100px;
        height: 90px;
        display: block;
        position: absolute;
        top: -50px;
        transform: rotate(40deg);
        right: -60px;
}

.back_cont {
    	text-align: justify;
}

.titre {
        background: url(https://i.imgur.com/f2Gmrxf.png) center no-repeat;
        display: block;
        font-family: times new roman;
        font-size: 35px;
        font-style: italic;
        letter-spacing: -2px;
        margin: auto;
        padding: 11% 0;
        text-align: center;
  	color: #d9d9d9;
        text-transform: lowercase;
}

.citation {
        font-family: 'Alegreya Sans SC', sans-serif;
        letter-spacing: 2px;
        text-align: center;
        margin-top: -10%;
}

.citation::before {
        background: url(https://i.imgur.com/JMQCncn.png);
        content: "";
        height: 10px;
        display: inline-block;
        width: 10px;
        margin: 0 2% 0 0;
}

.back_cont h2::before {
        background: url(https://i.imgur.com/uvFlIUJ.png);
        content: "";
        display: inline-block;
        height: 18px;
        margin: 0 2% 0 0;
        width: 10px;
}

.back_cont h2 {
        text-align: center;
        font-family: Times New Roman;
        font-style: italic;
        font-size: 24px;
        letter-spacing: -2px;
        margin: 2% 0 0;
  	color: #d9d9d9;
}

.back_cont a {
        color: #d9d9d9 !important;
        font-style: italic;
        letter-spacing: -1px;
        background: #568a25;
        padding: 0 2%;
}

a.morsmordre_credits {
        color: #d9d9d9;
        display: block;
        font-family: Helvetica;
        font-size: 10px;
        font-style: italic;
        letter-spacing: -1px;
        margin: 4% 0 0;
        text-align: center;
        text-decoration: none;
        text-transform: lowercase;
        padding: 0 0 1%;
}

/* CODE */
dl.codebox {
    	font-family: 'Alegreya Sans SC', sans-serif;
}

.codebox dt::before {
        background: url(https://i.imgur.com/JMQCncn.png);
        content: "";
        display: inline-block;
        height: 10px;
        margin: 0 1% 0 0;
        width: 10px;
}

dl.codebox dt .genmed {
        font-family: Times New Roman;
        letter-spacing: -2px;
        color: #1697A8;
        font-size: 20px;
        font-style: italic;
        font-weight: bold;
        text-transform: lowercase;
}

dd.code {
        background: url(https://i.imgur.com/q46je9p.jpg);
        border: 0;
        border-left: 5px solid #1697A8 !important;
        color: #fff;
        padding: 1% 2%;
        text-transform: initial;
        margin: 3% 0 0 0;
}

.selectCode {
        cursor: pointer;
        float: right;
        text-transform: uppercase;
        background: #183d23;
        font-family: 'Alegreya Sans SC', sans-serif;
        font-size: 14px;
        padding: 1% 2%;
}
    
div.cont_code { 
  	clear: right; 
}

HTML

<h2>A - B - C</h2>
- Alex Louis Armstrong, Full Metal Alchemist - Elwin Treharne - Arjuna, Fate/Grand Order - Altaïr Shafiq - Asami Sato, Avatar : the Legend of Korra- Demelza Tremayne - Brigitte, Overwatch - Galaëlle Rowena Delawear - Ciri, The Witcher III  - Cynn E. Delavey

<h2>D - E - F</h2>
- Daenerys Targaryen, Game of Thrones - Lior C. Delavey - Elend Venture, Mistborn - Ronan Darling - Evie Frye, Assassin's Creed Syndicate - Cleio Deauclaire - Frollo, The Hunchback of NDdP - Isaac Fawley

<h2>G - H - I</h2>
 - Prince Hans of the Southern Isles, male version, Frozen - Cecil Lawford - Prince Hans of the Southern Isles, female version, Frozen - Vivian Lawford - Hermione Granger, black skin version, Harry Potter - Regina Shacklebolt - Hiccup, How to train your dragon - Leo Lassey - Hinata shouyou, Haikyu !! - Lance Jenkins - Hitoka Yachi, Haikyuu - Olivia Armstrong

<h2>J - K - L</h2>
- Kadoc Zemlupus, Fate/Grand Order  - Aurèle P. Beaumarchais - Kuroo Tetsurou, Haikyuu !! - Lucian Marshall

<h2>M - N - O</h2>
- Merida, male version, Brave - Angus MacKenzie - Midoriya Izuku, My Hero Academia  - Joshua K. Starbreak - Moana, Moana- Anewa Huhana

<h2>P - Q - R</h2>
- Pidge, Voltron - Judith Weasley - Portgas D. Ace, One Piece - Noah Jenkins - Risa Koizumi, Lovely Complex - Amy Jenkins

<h2>S - T - U</h2>
- Sakuma Rei, Ensemble Stars - Alastair Montague - Selina Kyle, DC Comics - Diana Mulciber - Shihoin Yoruichi, Bleach - Aariya Patil - Sirius Black, Harry Potter (fanart de Space Dementia, sur Pinterest) - Edern Le Manchec - Starfire, DC Comics - Talia Kennedy - Tom Riddle with glasses, Harry Potter - Lawrence Rosier - Tony Stark, Marvel Comics - Jedaiah Smith - Two zero, Darling in the FRANXX  - Lindsay Daniels

<h2>Y - Z - 123</h2>
- Yagimi Namie, Durarara ! - Wallis Gordon-Murray

<h2> O.C. </h2>
- O.C. de Ilya Kuvshinov, Artstation - Freya Ivanova - O.C. de Len-Yan, DeviantArt - Matthew Burke - OC de Mckadesinsanity, Deviantart - Mona Galina - O.C. de <a href="https://pheberoni.tumblr.com/tagged/nilie+surana" class="postlink" target="_blank" rel="nofollow">Pheberoni</a>- Millicent Weiss - O.C. de RossDraws - Charline Lambertson

Petit code à remplir et poster à la suite:

[code]<div class="cont_code">[b]- Nom du visu, [i]source[/i][/b]  - Nom du personage</div>[/code]

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

#morsmordre #listing #forumactif #codage #libreservice

Halloween