Welcome

Halloween Administration

Protego

Halloween, LS codage Forumactif Fiches & Messages Présentations & Prédéfinis Protego

Toutes versions

Optimisé Une fiche d'administration et un index complet sont également disponibles

Codage Protego présentation Halloween Forumactif

CSS

/* PRESENTATION */
.protego_pres {
    text-align: justify;
    width: 550px;
    margin: auto;
    background: #fff;
    border: 1px solid #383538;
}

.protego_pres .entete {
    background: url('https://i.imgur.com/g3lQaxw.png') center;
    border-bottom: 10px solid #513243;
    height: 231px;
    text-align: center;
}

.protego_pres .entete img {
    background: #dadddd;
    padding: 2%;
    border: 1px solid #513243;
    margin: 10% 0 0 0;
}

.pres_contenu {
    padding: 2% 5%;
}

.pres_contenu h2 {
    color: #513243;
    font-family: arial;
    font-size: 25px;
    font-weight: 400;
    text-align: right;
    text-shadow: 0.5px 0.5px #000;
    text-transform: uppercase;
}

.pres_contenu h3 {
    background: #513243;
    box-sizing: border-box;
    color: #fff;
    letter-spacing: 1px;
    padding: 4% 3%;
    text-transform: uppercase;
    width: 100%;
}

.protego_pres .pres_intro span {
    padding: 0 !important;
    border: 0 !important;
    display: inline !important;
}

.pres_intro {
    border-left: 5px solid #dadddd;
    padding: 0 0 0 2%;
    width: 80%;
    margin: auto;
}

.pres_contenu span {
    text-transform: uppercase;
    font-weight: bold;
    color: #d39661;
    border-bottom: 1px solid #d39661;
    padding: 0 0 1% 0;
    display: block;
    width: 90%;
    margin: auto;
}

.pres_conclusion {
    background: #fff;
    border: 15px solid #513243;
    padding: 5%;
}

HTML

<div class="protego_pres"><div class="entete"><img src="https://i.imgur.com/Bwvm1QY.png"></div>
<div class="pres_contenu"><h2>Nom du personnage</h2><div class="barre_titre"></div>

<h3>Revelio d'un Potterhead</h3>
<div class="pres_intro"><span>► Votre pseudo :</span> Texte
<span>► Âge réel :</span> Texte

<span>► Avez-vous déjà participé de près ou de loin à un forum RPG ?</span> Texte

<span>► Quel est votre livre préféré ?</span> Texte
<span>► Quelle est votre série et votre film préférés ?</span> Texte

<span>► Quel est votre livre préféré dans la saga Harry Potter ?</span> Texte
<span>► Quel est votre film préféré dans la saga Harry Potter ?</span> Texte
<span>► Quel est votre personnage préféré ? Et pourquoi ?</span> Texte

<span>► Comment avez-vous connu ce forum ?</span> Texte</div>

<h3>Votre personnage</h3>

<div class="pres_intro"><span>► Âge de votre personnage :</span> Texte
<span>► Quel est le sang de votre personnage ? (Sang-pur, Sang-mêlé, Né moldu, inconnu)</span> Texte</div>

<span>1. Quel est le caractère de votre personnage ? </span>
<p>
Texte - Minimum 5 lignes</p>

<span>2. Quel est le physique de votre personnage</span>
<p>
Texte - Minimum 5 lignes</p>

<span>3. Comment se compose la famille de votre personnage ?</span>
<p>
Texte - Minimum 7 lignes</p>

<span>4. Comment votre personnage a réagit quand il a reçu sa lettre pour Poudlard ? </span>
<p>
Texte - Minimum 8 lignes</p>

<div class="pres_conclusion">☑️ Règlement accepté
☑️ Vivre un bon moment</div>
</div></div>

#protego #Présentation #forumactif #codage #libreservice

Halloween