par Fiche Partenariat
Gène-V
 |
• NC ? : 18 ans • Thème : Bit-lit / Fantasy • Membres : 5 • Avatar : 200*400 — Type manga/fan art/semi-réaliste (ex : Heise)/ jeux vidéos • Minimum de ligne : 15 lignes hors dialogue |
Notre Staff...
 Julian Conteria Fonda |  Ethan Quinn Co-Fonda |  Kieran Fitzgerald Admin |  Pseudo Poste |
Résumé du Contexte
Vous connaissez Vlad Tépès, alias Dracula ? Oui, bien sûr qui ne connait pas Dracula, surtout grâce à B.Stoker. Et si je vous disais que vous n’êtes pas obligé d’aller dans son château en Roumanie pour en savoir plus sur sa vie, ou sur Wikipédia. A New York, se trouve ses descendants en chair et en crocs. La progéniture de Dracula circule librement parmi les mortels, tout comme les descendants de Van Helsing, les lycae. Cependant, tout n’est pas rose dans cette vie, une guerre à trois voies à lieu dans l’ombre du grand public, qui a bien conscience de l’existence de ces croques mitaines. La guerre n’a pas lieu entre les trois espèces, non, ce serait trop simple. Les instigateurs de ce conflit sont des jumeaux, ceux de Tépès en personnes ! Les deux hommes se haïssent, ils ont enrôlé dans leur camp des lycaes et des humains qui suivent leurs idéaux. Et à côté ça, nous avons un groupe de chasseurs voyous, qui se sont séparer de l’Église, pour se chasser tout ce qui est surnaturelle.
Voilà la situation dans laquelle vivent les Américains du 22ème siècle. Allez-vous prendre un passeport et jouer un rôle crucial ?
Voilà la situation dans laquelle vivent les Américains du 22ème siècle. Allez-vous prendre un passeport et jouer un rôle crucial ?
Nos prédéfinis...
 |  |  |  |
Notre bouton
- Code:
<a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/513657382.gif" /></a>
- Nos autres boutons:
- 50*50
- Code:
<a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/399502481.gif" /></a>
100*35
- Code:
<a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/493603333.gif" /></a>
250*60
- Code:
<a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/971747784.gif" /></a>
468*60
- Code:
<a href="http://gene-v.forumactif.fr/"><img src="http://i86.servimg.com/u/f86/16/87/23/62/qyxv8710.jpg" /></a>
Par P'tit Loup inspiré par Ariemm - Pour Epicode
- Code:
<link href="https://fonts.googleapis.com/css?family=Oswald|PT+Sans+Narrow" rel="stylesheet">
<div class="corps"><div style="height: 25px; background-color: #303841;"></div><div class="bandtitre">Fiche Partenariat</div><div class="marge"><div class="soustitre">Gène-V</div><div class="contenu"><table><tr><td><div style="width: 470px; height: 235px; border: 5px solid #303841; margin-left: -3px;"><img src="https://i.imgur.com/6zvetsq.png" /></div></td><tr><td><div style="width: 470px; height: 30px; margin-top: 10px; margin-left: -3px; font-size: 14px; font-family: Oswald;"><b>• <a href="http://gene-v.forumactif.fr/t358-les-regles-de-survie">Règlement</a><span style=" margin-left: 1em;">• </span><a href="http://gene-v.forumactif.fr/t360-l-histoire-d-une-nouvelle-societe">Contexte</a><span style=" margin-left: 1em;">• </span><a href="http://gene-v.forumactif.fr/f148-groupes-informations-complementaires">Groupes</a><span style=" margin-left: 1em;">• </span><a href="http://gene-v.forumactif.fr/t42-bottin-d-avatar">Bottin d'avatar</a><span style=" margin-left: 1em;">• </span><a href="http://gene-v.forumactif.fr/t374-gene-pedia-le-lexique-qui-ne-manque-pas-de-mordant">Lexique</a><span style=" margin-left: 1em;">• </span><a href="http://gene-v.forumactif.fr">Nous rejoindre</a></div></td></tr><tr><td><div style="width: 470px; height: 115px; border: 5px solid #303841; margin-left: -3px; margin-top: 5px; font-size: 14px; font-family: Oswald;"><div style="margin: 5px;"><b>• NC ? :</b> 18 ans
<b>• Thème :</b> Bit-lit / Fantasy
<b>• Membres :</b> 5
<b>• Avatar :</b> 200*400 — Type manga/fan art/semi-réaliste (ex : Heise)/ jeux vidéos
<b>• Minimum de ligne :</b> 15 lignes hors dialogue
</div></div></td></tr></table></div><div class="soustitre">Notre Staff...</div><div class="contenu"><table><tr><td><div style="width: 100px; height: 100px; border: 5px solid #303841; margin-right: 10px; margin-left: -3px;"><div class="staff2"><img src="https://i.imgur.com/LFU7zSH.gif" class="img_100" /><div class="bulle_staff2"><span style="font-size: 11px; text-align: center;" class="objet2">Julian Conteria</span><br /><br /><span style="font-size: 12px; color:#71250D;" class="date2">Fonda</span></div></div></td><td><div style="width: 100px; height: 100px; border: 5px solid #303841; margin-right: 10px;"><div class="staff2"><img src="http://i67.tinypic.com/2d8s2gx.jpg" class="img_100" /><div class="bulle_staff2"><span style="font-size: 11px;" class="objet2">Ethan Quinn</span><br /><br /><span style="font-size: 12px; color:#71250D;" class="date2">Co-Fonda</span></div></div></td><td><div style="width: 100px; height: 100px; border: 5px solid #303841; margin-right: 10px;"><div class="staff2"><img src="https://i.imgur.com/qv4MuaK.png" class="img_100" /><div class="bulle_staff2"><span style="font-size: 11px;" class="objet2">Kieran Fitzgerald</span><br /><br /><span style="font-size: 12px; color:#71250D;" class="date2">Admin</span></div></div></td><td><div style="width: 100px; height: 100px; border: 5px solid #303841; margin-right: 10px;"><div class="staff2"><img src="https://i.imgur.com/REpUB3s.png" class="img_100" /><div class="bulle_staff2"><span style="font-size: 11px;" class="objet2">Pseudo</span><br /><br /><span style="font-size: 12px; color:#71250D;" class="date2">Poste</span></div></div></td></tr></table></div><div style="height: 15px;"></div><div class="soustitre">Résumé du Contexte</div><div style="height: 15px;"></div><div class="contenu" style="font-size: 14px;">Vous connaissez Vlad Tépès, alias Dracula ? Oui, bien sûr qui ne connait pas Dracula, surtout grâce à B.Stoker. Et si je vous disais que vous n’êtes pas obligé d’aller dans son château en Roumanie pour en savoir plus sur sa vie, ou sur Wikipédia. A New York, se trouve ses descendants en chair et en crocs. La progéniture de Dracula circule librement parmi les mortels, tout comme les descendants de Van Helsing, les lycae. Cependant, tout n’est pas rose dans cette vie, une guerre à trois voies à lieu dans l’ombre du grand public, qui a bien conscience de l’existence de ces croques mitaines. La guerre n’a pas lieu entre les trois espèces, non, ce serait trop simple. Les instigateurs de ce conflit sont des jumeaux, ceux de Tépès en personnes ! Les deux hommes se haïssent, ils ont enrôlé dans leur camp des lycaes et des humains qui suivent leurs idéaux. Et à côté ça, nous avons un groupe de chasseurs voyous, qui se sont séparer de l’Église, pour se chasser tout ce qui est surnaturelle.<br /><br />Voilà la situation dans laquelle vivent les Américains du 22[sup]ème[/sup] siècle. Allez-vous prendre un passeport et jouer un rôle crucial ?
</div><div style="height: 15px;"></div><div class="soustitre">Nos prédéfinis...</div><div style="height: 15px;"></div><div class="contenu"><table><tr><td><div style="width: 100px; height: 100px; border: 5px solid #303841; margin-right: 10px; margin-left: -3px;"><div class="staff2"><img src="https://i.imgur.com/t0mUe9B.png" class="img_100" /><div class="bulle_staff2"><span style="font-size: 11px; text-align: center;" class="objet2">Damien DiVitale</span><br /><br /><span style="font-size: 12px; color:#71250D;" class="date2">Lycaë<br/><br/><a href="http://gene-v.forumactif.fr/t304-damien-divitale-libre">Sa Fiche</a></span></div></div></td><td><div style="width: 100px; height: 100px; border: 5px solid #303841; margin-right: 10px;"><div class="staff2"><img src="https://i.imgur.com/AT4UYcn.png" class="img_100" /><div class="bulle_staff2"><span style="font-size: 11px;" class="objet2">Pauline Ledef</span><br /><br /><span style="font-size: 12px; color:#71250D;" class="date2">Vampire<br/><br/><a href="http://gene-v.forumactif.fr/t96-pauline-ledef-libre">Sa Fiche</a></span></div></div></td><td><div style="width: 100px; height: 100px; border: 5px solid #303841; margin-right: 10px;"><div class="staff2"><img src="https://i.imgur.com/2Iwdc5l.png" class="img_100" /><div class="bulle_staff2"><span style="font-size: 11px;" class="objet2">Mikahaïl Markov</span><br /><br /><span style="font-size: 12px; color:#71250D;" class="date2">Lycaë<br/><br/><a href="http://gene-v.forumactif.fr/t305-mikhail-markov-libre">Sa Fiche</a></span></div></div></td><td><div style="width: 100px; height: 100px; border: 5px solid #303841; margin-right: 10px;"><div class="staff2"><img src="https://i.imgur.com/QIAg9rl.png" class="img_100" /><div class="bulle_staff2"><span style="font-size: 11px;" class="objet2">Haley Davis</span><br /><br /><span style="font-size: 12px; color:#71250D;" class="date2">Vampire<br/><br/><a href="http://gene-v.forumactif.fr/t197-haley-davis-libre">Sa Fiche</a></span></div></div></td></tr></table></div><div style="height: 15px;"></div><div class="soustitre">Notre bouton</div><div style="height: 15px;"></div><div class="contenu" style="font-size: 14px; text-align: center;"><a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/513657382.gif" /></a>
[code]<a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/513657382.gif" /></a>[/code]
[spoiler="Nos autres boutons"]50*50<br/><a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/399502481.gif" /></a>
[code]<a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/399502481.gif" /></a>[/code]
100*35<br/><a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/493603333.gif" /></a>
[code]<a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/493603333.gif" /></a>[/code]
250*60<br/><a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/971747784.gif" /></a>
[code]<a href="http://gene-v.forumactif.fr/"><img src="http://img11.hostingpics.net/pics/971747784.gif" /></a>[/code]
468*60<br/><a href="http://gene-v.forumactif.fr/"><img src="http://i86.servimg.com/u/f86/16/87/23/62/qyxv8710.jpg" /></a>
[code]<a href="http://gene-v.forumactif.fr/"><img src="http://i86.servimg.com/u/f86/16/87/23/62/qyxv8710.jpg" /></a>[/code]
[/spoiler]
</div><div class="credit">Par P'tit Loup inspiré par Ariemm - Pour <a class="creditliens" href="http://epicode.bbactif.com/">Epicode</a></div><div style="height: 5px; background-color: #303841;"></div></div></div>
Partie CSS à intégrer...
- Code:
/*--------------------------------------------------------------------------------- INSPIRATION PROJECT TIME DE ARIEMM PAR P'TIT LOUP --------------------------------------------------------------*/
.corps {
margin: auto;
width: 550px;
background-color: #303841;
}
.bandtitre {
height: 80px;
background: url(https://i.imgur.com/p2zoapy.png);
padding-left: 25px;
font-family: Oswald;
font-size: 50px;
letter-spacing: 3px;
color: #303841;
position: relative; /* on deplace l'element par rapport à sa position */
top: 25px; /* le deplacement se fait de 25px à partir du haut */
}
.marge {
margin: auto;
width: 510px;
}
.soustitre {
margin-top: 65px; /* puisqu'on a deplacé le titre de 25px vers le bas avec la position relative > top 25px, j'ajoute 25px à ta marge pour garder la même valeur d'espace entre tes deux titres */
height: 37px;
/*overflow: hidden;*/ /* je pense que ça ne sert à rien ici */
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
font-family: Oswald;
font-size: 28px;
color: #e6e6e6;
margin-bottom: 15px;
}
.soustitre2 {
font-size: 18px;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
.contenu {
margin: auto;
width: 480px;
background-color: #e6e6e6;
padding: 15px;
font-family: PT Sans Narrow;
text-align: justify;
font-size: 14px;
color: #303841;
}
.contenu ul > li > span {
font-weight: bold; /* tu as mis la balise b qui est du BBcode, ça marche aussi mais il vaut mieux éviter le BBcode dans le HTML */
}
.credit {
margin-top: 10px;
text-align: right;
font-family: PT Sans Narrow;
font-size: 12px;
color: #e6e6e6;
}
a.creditliens:link {
color: #e6e6e6;
text-decoration: none !important;
}
a.creditliens:visited {
color: #e6e6e6;
text-decoration: none !important;
}
a.creditliens:hover {
color: #e6e6e6;
text-decoration: none !important;
}
a.creditliens:active {
color: #e6e6e6;
text-decoration: none !important;
}
/*------------------------------------------------------------------------------- FIN FICHE INSPIRATION PROJECT TIME DE ARIEMM PAR P'TIT LOUP -------------------------------------------------------*/
