Mutants 2.0

Altérations Mutantes 2.0

   

   

Création du forum : 16/07/2022

   Ouverture du forum : 28/07/2022

   Avatars réels 200x400px

   Crossover/Multivers

   16 ans minimum


   Annexes

   Contexte explicatif

   Règlement

   Avatars indisponibles

   Nous rejoindre

   

Vous entrez dans un monde où, clairement, il y a des méchants et des gentils. Une guerre sans merci est en cours que les combats soient au grand jour ou dans l'ombre. Il y a des victimes colatérales malheureusement, à savoir des civils dépourvus de pouvoirs. Choisissez bien votre camp, il sera le point de départ de votre vie et vous ne pourrez peut-être pas faire marche arrière...

Une dernière chose, nous sommes actuellement en Juin 2022 !

Altérations Mutantes 2.0, seras-tu un Héro ou un Vilain...?

   

(c) Sieben

Code de notre fiche :

Code:

<link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet"/><link href="https://fonts.googleapis.com/css?family=Teko&display=swap" rel="stylesheet"/>
   <div class="administration"><div class="contenu"><img src="https://zupimages.net/up/20/01/ueqy.png" /><div><h1>Mutants 2.0</h1><h2>Altérations Mutantes 2.0</h2>
   <div>
   <p class="specs">Création du forum : 16/07/2022

   Ouverture du forum : 28/07/2022

   Avatars réels 200x400px

   Crossover/Multivers

   16 ans minimum


   <a href="https://mutants-2-0.forumactif.com/f1-annexes">Annexes</a>

   <a href="https://mutants-2-0.forumactif.com/t8-contexte-explicatif-du-forum-15-08-2022-update">Contexte explicatif</a>

   <a href="https://mutants-2-0.forumactif.com/t4-reglement-du-forum">Règlement</a>

   <a href="https://mutants-2-0.forumactif.com/t7-listing-des-avatars-indiponibles">Avatars indisponibles</a>

   <a href="https://mutants-2-0.forumactif.com/">Nous rejoindre</a></p>
   <p class="context">Vous entrez dans un monde où, clairement, il y a des méchants et des gentils. Une guerre sans merci est en cours que les combats soient au grand jour ou dans l'ombre. Il y a des victimes colatérales malheureusement, à savoir des civils dépourvus de pouvoirs. Choisissez bien votre camp, il sera le point de départ de votre vie et vous ne pourrez peut-être pas faire marche arrière...

Une dernière chose, nous sommes actuellement en Juin 2022 !</p></div><p style="text-align:center;"><a href="https://mutants-2-0.forumactif.com">Altérations Mutantes 2.0, seras-tu un Héro ou un Vilain...?</a></p>
   <p class="credit"><a href="https://www.pub-rpg-design.com/">(c) Sieben</a></p></div> <img src="https://zupimages.net/up/20/01/qyqq.png" /></div></div>

Le CSS adapté :

Code:

.administration{width:600px;margin:0 auto 59px}.administration::before{content:'';background:url(https://zupimages.net/up/20/01/ufra.png) no-repeat;height:91px;width:600px;position:absolute}.administration::after{content:'';background:url(https://zupimages.net/up/20/01/hvuo.png) no-repeat 0 -5px;height:59px;width:600px;position:absolute}.administration .contenu{display:flex;justify-content:space-between;background:url(https://zupimages.net/up/20/03/f9iz.png) no-repeat;background-color:#181C1D;font-family:Roboto,sans-serif}.administration .contenu>img{margin-top:51px;z-index:3}.administration .contenu>div{width:83%;margin-top:51px}.administration .contenu>div>div{display:flex;justify-content:space-around}.administration h1{font-size:65px;font-family:'Teko',sans-serif;color:#FF12DE99;letter-spacing:.4rem;font-variant:small-caps;margin:inherit;text-align:center}.administration h2{border:0;position:relative;letter-spacing:.05em;color:#03EAEFCC;font-family:'Teko',sans-serif;font-variant:small-caps;font-size:32px;margin:5px 0 0 5px;display:inline}.administration h2::before{border-right:2px solid;border-top:2px solid;transform:skewX(25deg);position:absolute;content:'';width:calc(100% + 95px);height:73%;top:-5px;left:-45px;z-index:1}.administration p{color:#B8B9B9;padding:0 10px;font-size:1.1em}.administration .contenu .specs,.administration a{text-align:center;font-family:'Oswald',sans-serif;font-size:1.2em}.administration .contenu .context{text-align:justify;width:70%}.administration a{color:#03EAEFCC;transition:all .5s ease-in-out;text-decoration:none}.administration a:hover{color:#cd07b3;letter-spacing:.1rem}.administration .credit{text-align:center;font-size:.7em}

Logo 50x50 :

Code:

[url=https://zupimages.net/viewer.php?id=22/35/v1fy.jpg][img]https://zupimages.net/up/22/35/v1fy.jpg[/img][/url]

Logo 100x35 :

Code:

[url=https://zupimages.net/viewer.php?id=22/35/o5l9.jpg][img]https://zupimages.net/up/22/35/o5l9.jpg[/img][/url]