Bonjour !
Tout d'abord, j'espère que tout se passe très bien ici. Et félicitation pour votre survie, vu que le forum semble marcher
De notre côté, nous avons fait une refonte totale, du contexte au design.
De ce fait, nous vous présentons notre nouvelle fiche pour que vous puissiez mettre à jour de votre côté~
- Code:
<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(https://thumbs.dreamstime.com/x/baroque-background-4339283.jpg); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px; box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D;} .titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px;}.titre:hover{color: #3A1F2D;} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB;} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px;} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg);}.bulle span{position: absolute; top: auto; left: auto; width: 300px; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; z-index: 999;}.bulle:hover span{display: block;}.titre2{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #F6ECDB;} .blocbis {background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 240px; height: 100px; overflow: auto; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px;}</style>
<div class="fond"><img class="head" src="http://24.media.tumblr.com/dd671f466b1b98646e338de7e53505e8/tumblr_muttkoa56L1s5zaedo2_500.gif" alt="550 de large"><div style="text-align: center"><span class="titre">Brecheliant</span></div><br /><div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 150px; float: left;"><div class="titre2">Des Liens utiles</div><div class="blocbis">[url=http://brecheliant.forumactif.org/t32-contexte]Contexte[/url]
[url=http://brecheliant.forumactif.org/t31-reglement-lecture-obligatoire]Règlement[/url]
[url=http://brecheliant.forumactif.org/f41-groupes]Groupes[/url]</div></div><div style="width: 240px; height: 150px; float: right;"><div class="titre2">Staff</div><div class="blocbis" style="margin-left: -14px;">Administratrice/Fondatrice : Luan</div></div><div style="clear: both;"></div></div><div class="head"></div><div style="text-align: center"><span class="titre">Contexte</span></div><div class="bloc" style="margin-top: -18px; padding-top: 20px;">Toute votre vie, vous vous avez eu cette impression d'être incomplet. Comme si on vous avait arraché un jumeau, ou une part de votre âme. Vous voilà mort, puis mystérieusement ramené à la vie. Votre mission ? Trouvez votre moitié perdue. Vos seuls indices ? Une marque sur le poignet et une clé...</div><div class="head"></div>
<div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 150px; float: left;"><div class="titre2">Nous lier</div><div class="blocbis">[url=http://brecheliant.forumactif.org/][img]http://img4.hostingpics.net/pics/317889bloggif580c80329a331.png[/img][/url]</div></div><div style="width: 240px; height: 150px; float: right;"><div class="titre2">Quelques Stat'</div><div class="blocbis" style="margin-left: -14px;">Créé le 27/10/2016
1 personnages
1 membres
0 messages de RP
~25 messages</div></div><div style="clear: both;"></div></div>
<div style="text-align: center;"><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px;"> Narja - Never-Utopia</a></div></div>
Merci beaucoup, et bonne continuation