Aimer un ami c'est faire de sa joie notre félicité suprême
Nos boutons
Première version
460x60 : (Recadrée à 400px de large pour pas déformer le forum)
- Code:
<a href="http://homo-gigantis.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2017/27/6/1499526073-homogigantis460x60v1.png" /></a>
- Code:
<a href="http://homo-gigantis.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2017/27/6/1499526072-homogigantis100x35v1.png" /></a>
- Code:
<a href="http://homo-gigantis.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2017/27/6/1499526072-homogigantis88x31v1.png" /></a>
- Code:
<a href="http://homo-gigantis.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2017/27/6/1499526072-homogigantis50x50v1.png" /></a>
Seconde version
460x60 : (Recadrée à 400px de large pour pas déformer le forum)
- Code:
<a href="http://homo-gigantis.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2017/27/6/1499526073-homogigantis460x60v2.png" /></a>
- Code:
<a href="http://homo-gigantis.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2017/27/6/1499526072-homogigantis100x35v2.png" /></a>
- Code:
<a href="http://homo-gigantis.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2017/27/6/1499526072-homogigantis88x31v2.png" /></a>
- Code:
<a href="http://homo-gigantis.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2017/27/6/1499526072-homogigantis50x50v2.png" /></a>
Notre fiche
- Code:
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet"><style>.hautFicheHG {background-color: #3d4045;color: #cfcac5;font-family: Dosis, sans-serif;font-size: 24px;font-variant: small-caps;margin: auto;padding: 10px;text-align: center;text-shadow: 0 0 1px #000;width: 480px;}.contentFicheHG{font-family: Dosis, sans-serif; background-color: #bec1b6;margin: auto;padding: 10px;position: relative;width: 480px;}.imgFicheHG{width: 500px;margin-left: -10px; margin-top: -10px;}.contexteFicheHG{width:400px; margin: auto; color: white; background-color: #617179; padding: 10px; font-family: Dosis, sans-serif; text-align: justify; font-size: 14px}.txtOmbreHG{text-shadow: 0px 0px 1px #fff;font-size: 16px;}.contentStatHG{position: relative; height: 220px;}.staffImgHG{position: absolute; left: 29px;background-image: url('http://68.media.tumblr.com/941eb525749acb1b08c4957593c553ca/tumblr_moy2r6ZPBV1ruveyuo1_500.gif'); background-size: cover; width: 200px; height: 50px;}.staffTxtHG{position: absolute; background-color: rgba(255,255,255,0.9);width: 200px; height: 50px; display:none; text-align: center; font-size: 20px; font-family: Dosis, sans-serif; font-weight: bold;}.staffImgHG:hover .staffTxtHG{display:block;}.statBlocHG{width: 180px; position: absolute; color: white; background-color: #617179;left: 29px;top: 60px; padding: 10px;font-size: 14px;}.fait{color: #90ee90;font-weight: 700;}.imgBasHG{width: 500px;margin-left: -10px; margin-bottom: -10px;}.rejoindre{background-color:#35454e; padding:10px; width: 250px;font-size: 14px; text-align: center; margin: auto; margin-top: 10px;}.contentFicheHG a {color: white !important;}.liensNavHG{position: absolute; right:29px;font-size: 14px; text-align: center;background-color:#35454e; padding:10px; width: 185px}.contexteFicheHG a{color: lightskyblue!important;text-shadow: 0 0 1px #6697ff;}</style><div class="hautFicheHG">On a souvent besoin d’un plus petit que soi</div><div class="contentFicheHG"><img src="https://i.imgur.com/YKbK43C.png" class="imgFicheHG"/>
<div class="contexteFicheHG"><span class="txtOmbreHG">Tokyo, 2017</span> - La peur... Ce sentiment diffus anime les humains depuis peu. Ce bruit si inhabituel... Inhabituel ? La bonne blague ! Ces supposés prédateurs ont décidé d’envahir la zone. Un sinistre craquement se fait entendre... Les créatures sont entrées. Ils n'ont pas pu prévoir leur arrivée cette fois-ci. Encore une fois, l'éternel jeu du chat et de la souris recommence, malgré les années d'observation. La lumière rouge finit par envahir l'espace. Il est temps d'évacuer. Une explosion... le plafond qui s'effondre... Voici tout ce qui reste d'une population fuyant l'enfer. Cette ombre... Une main !? Ouf, c'est pas passé loin, personne ne pouvait les imaginer aussi grands. <a href="http://homo-gigantis.forumactif.com/t26-ii-contexte-du-forum"> - Suite du contexte</a></div>
<div class="contentStatHG"><div class="staffImgHG"><div class="staffTxtHG">Jacek N. Eklund<br /> <span style="font-size:14px;">Fondatrice</span></div></div><div class="statBlocHG"><span class="fait">Ω</span> Forum ouvert le 9 Juillet 2017
<span class="fait">Ω</span> Créé par Night Neko
<span class="fait">Ω</span> Pas de nombre minimum de ligne
<span class="fait">Ω</span> Avatar occidentaux et orientaux
<span class="fait">Ω</span> Mélange de city, SF, survie et intrigue politique</div><a href="http://homo-gigantis.forumactif.com/f1-textes-importants"><div class="liensNavHG" style="top: 5px;">Textes importants</div></a><a href="http://homo-gigantis.forumactif.com/t37-bottin-des-avatars"><div class="liensNavHG" style="top: 47px;">Bottin</div></a><a href="http://homo-gigantis.forumactif.com/f13-postes-vacants"><div class="liensNavHG" style="top: 89px;">PV et scénarios</div></a><a href="http://homo-gigantis.forumactif.com/f12-partenariats"><div class="liensNavHG" style="top: 131px;">Partenariats</div></a><a href="http://homo-gigantis.forumactif.com/f10-invites"><div class="liensNavHG" style="top: 173px;">Invités</div></a></div><a href="http://homo-gigantis.forumactif.com/"><div class="rejoindre">Homo Gigantis - Nous rejoindre</div></a>
<img src="https://i.imgur.com/Iv4zbFg.png" class="imgBasHG"/></div><div class="hautFicheHG"></div>