Règle de la section

Avatar : The Curse Récits : 51 Plumes : 167 Arrivé le : 20/04/2019

Vous avez reçu un mail !

Restez en contact avec ses proches, ses amis ou l'amour de sa vie n'a jamais été aussi simple. Pour se faire, ouvre un nouveau sujet (un sujet par personnage) en y indiquant une adresse mail. Ci-dessous vous y trouverez un codage optionnel dont vous pouvez vous en servir si vous n'avez pas d'autres codages sous la main. Concernant la manière de faire des mails, il vous suffit de vous rendre sur la boîte mail du personnage que vous désirez contacter. De prendre le codage de son mail et de lui laisser un message à la suite de son sujet. Quant à lui, il viendra vous répondre directement sur votre propre sujet et ainsi de suite. N'hésitez pas à contacter l'un des membres du staff pour toute question.
Merci à Terrible pour ce codage de boîte mail !

code by Laxy Dunbar

Visuel du codage:

Code:: <link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'><style> .wrap-mail { font-family: helvetica, arial, sans-serif; width: 500px; border: 1px solid #ccc; padding: 15px; } .objet-mail { font-family: 'Open Sans', sans-serif; font-size: 25px; margin-bottom: 17px; font-weight: normal; } .info-mail { border-top: 1px solid #ccc; } .info-mail img { float: left; margin: 0 20px 0 0; } .info-mail ul { margin: 8px 0 0 0; } .info-mail ul li { list-style-type: none; font-size: 11px; line-height: 17px; } .info-mail ul li label { color: #666; width: 50px; display: inline-block; } .corps-mail { color: #444; font-weight: 300; padding-top: 30px; font-size: 11px; line-height: 16px; } .reponse { margin: 30px auto auto 20px; border-left: 1px solid #ccc; padding: 0 0 0 20px; } .corps-mail h4 { font-weight: normal; font-size: 11px; margin: -15px 0 0 -25px; position: absolute; } .mail-credit { margin: 2px 0 0 5px; } .mail-credit a{ letter-spacing: 2px!important; color: #B1B1B1!important; text-decoration: none!important; font: normal 9px source-sans-pro, arial, sans-serif; } </style>
<div class="wrap-mail"><div class="header-mail"><div class="objet-mail">Objet du mail</div><div class="info-mail"><img src="http://placehold.it/60x60" /><ul><li><label>De :</label> <strong>Nom de l'expéditeur</strong> (expediteur@mail.com)</li><li><label>Envoyé :</label> sam. 02/04/16 13:27</li><li><label>À :</label> Alias (alias@mail.com)</li></ul></div></div><div class="corps-mail"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
<div class="corps-mail reponse"><h4>Le sam. 02/04/16 13:27, expéditeur a écrit :</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div><div class="mail-credit"><a href="http://terrible.forumactif.org/" target="_blank">awful</a></div>

Règle de la section

Le sam. 02/04/16 13:27, expéditeur a écrit :