Rappel du premier message :
Cher pirates, il est l'heure de voter pour la fiche qui remportera ce premier maître d'œuvre !
N'hésitez pas à commenter votre choix (:
Vous avez jusqu'au 16 septembre pour voter.
#1 par Nihil Scar Winspeare
#2 par Scavenger
#3 par Ehawee
#4 par A-Lice
© Catwoman
Cher pirates, il est l'heure de voter pour la fiche qui remportera ce premier maître d'œuvre !
N'hésitez pas à commenter votre choix (:
Vous avez jusqu'au 16 septembre pour voter.
#1 par Nihil Scar Winspeare
Mort à la justice absolue.
“ She did make a choice, Scott.
It was you. ”
It was you. ”
Un petit texte d'introduction. Born with super-human senses and the power to heal from almost any wound, Wolverine was captured by a secret Canadian organization and given an unbreakable skeleton and claws.
Hazmat. New threats. Veil. Finesse.
Will they be the next generation of Earths Mightiest Heroes or the greatest threat to the Marvel Universe. Avengers Assemble. Hes self-assured, and he would never, ever stop fighting for a worthwhile cause. While others have described Thor as an over-muscled, oafish imbecile, hes quite smart and compassionate.
Earths Mightiest Heroes reunite with their biggest guns at the forefront to take on familiar enemies and new threats alike. Everyones favorite super team presented in true blockbuster fashion.
Wounded, captured and forced to build a weapon by his enemies, billionaire industrialist Tony Stark instead created an advanced suit of armor to save his life and escape captivity. Striker. At the dawn of the Heroic Age, the Avengers will assemble once again. The Avengers return . . .
Will they be the next generation of Earths Mightiest Heroes or the greatest threat to the Marvel Universe. Avengers Assemble. Hes self-assured, and he would never, ever stop fighting for a worthwhile cause. While others have described Thor as an over-muscled, oafish imbecile, hes quite smart and compassionate.
- Allez, on fait une conversation rapide !
- Oui, tout le monde intervient.
- Moi aussi j'ai le droit de parler ?!
- Finesse. Everyones favorite super team presented in true blockbuster fashion.
- Mettle. Reptil.
Iron Man, Thor, Captain America and the rest of Earths Mightiest Heroes unite to stand against the threats none can face alone. Hazmat. See the Avengers go up against Ultron, Kang, the Masters of Evil and more over three decades of epic action. Will they be the next generation of Earths Mightiest Heroes or the greatest threat to the Marvel Universe.- Oui, tout le monde intervient.
- Moi aussi j'ai le droit de parler ?!
- Finesse. Everyones favorite super team presented in true blockbuster fashion.
- Mettle. Reptil.
Flashback
Caught in a gamma bomb explosion while trying to save the life of a teenager, Dr. Bruce Banner was transformed into the incredibly powerful creature called the Hulk. The Avengers team like youve never seen them before. Iron Man, Thor, Captain America and the rest of Earths Mightiest Heroes unite to stand against the threats none can face alone. Everyones favorite super team presented in true blockbuster fashion.
This is where youll find all the big-time action, major storylines and iconic Spider-Man magic youd come to expect from the Wall-Crawler. The Avengers team like youve never seen them before. New roster. An all too often misunderstood hero, the angrier the Hulk gets, the stronger the Hulk gets.
This is where youll find all the big-time action, major storylines and iconic Spider-Man magic youd come to expect from the Wall-Crawler. The Avengers team like youve never seen them before. New roster. An all too often misunderstood hero, the angrier the Hulk gets, the stronger the Hulk gets.
This is where youll find all the big-time action, major storylines and iconic Spider-Man magic youd come to expect from the Wall-Crawler. The Avengers team like youve never seen them before. New roster. An all too often misunderstood hero, the angrier the Hulk gets, the stronger the Hulk gets.
This is where youll find all the big-time action, major storylines and iconic Spider-Man magic youd come to expect from the Wall-Crawler. The Avengers team like youve never seen them before. New roster. An all too often misunderstood hero, the angrier the Hulk gets, the stronger the Hulk gets.
Wounded, captured and forced to build a weapon by his enemies, billionaire industrialist Tony Stark instead created an advanced suit of armor to save his life and escape captivity. Striker. At the dawn of the Heroic Age, the Avengers will assemble once again. The Avengers return . . .
- Code:
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,700,400italic);.fiche-888931254-marvel br{display:none}.fiche-888931254-marvel .cc-u br{display:block}.fiche-888931254-marvel{background:#444349 url(http://image.noelshack.com/fichiers/2014/36/1410123358-stardust.png);width:600px;overflow:hidden;position:relative;color:#fff;font-family:'Old Standard TT',serif;margin:auto;font-size:16px;line-height:1.5}.f-888931254-header{height:300px;background-color:#952716;background-image:url(http://image.noelshack.com/fichiers/2014/36/1410123702-avatar.jpg);background-position:center;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;overflow:hidden;position:relative;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}.f-888931254-header:after{content:"";position:absolute;top:100%;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(0,0,0,0),0),color-stop(rgba(0,0,0,.65),1));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(0,0,0,0),0),color-stop(rgba(97,89,144,.65),1));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(97,89,144,.65) 100%);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(97,89,144,.65) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(97,89,144,.65) 100%);background:linear-gradient(top,rgba(0,0,0,0) 0,rgba(97,89,144,.65) 100%);background:-webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-moz-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-o-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:0}.f-888931254-header-title{position:absolute;bottom:0;right:0;background:#F0141E;padding:0 10px;z-index:2;line-height:35px;max-width:250px;font-weight:700}.f-888931254-header-subtitle{position:absolute;bottom:0;left:0;right:0;top:30px;color:#fff;z-index:1;height:55px;width:80%;margin:auto;padding:10px;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;text-align:center;font-style:italic;font-size:30px;text-shadow:0 0 5px #000;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}.f-888931254-header-title:before{content:"";position:absolute;top:0;left:-17px;width:25px;height:35px;background:#F0141E;-webkit-transform:skew(-25deg,0deg);-moz-transform:skew(-25deg,0deg);-ms-transform:skew(-25deg,0deg);-o-transform:skew(-25deg,0deg);transform:skew(-25deg,0deg);z-index:1}.f-888931254-header:hover{background-position:center -205px}.f-888931254-header:hover:after{opacity:1;top:20%}.f-888931254-header:hover .f-888931254-header-subtitle{top:100px;opacity:1;color:#fff;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.f-888931254-context{padding:20px;border-bottom:1px dashed #222;overflow:hidden;font-style:italic}.f-888931254-context .text{height:100px;overflow:auto}.f-888931254-musique{height:25px;overflow:hidden}.f-888931254-content{padding:20px;border-top:1px dashed #222;line-height:1.6}.f-888931254-highlight{background:rgba(0,0,0,.5);padding:15px;margin:10px -20px 0;border-left:5px solid #F0141E}.f-888931254-avatar{float:left;width:100px;height:100px;margin-right:30px;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}.f-888931254-avatar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:rgba(0,0,0,.5);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}.f-888931254-context:hover .f-888931254-avatar:after{opacity:0}.f-888931254-memories{margin:10px -20px;position:relative;height:400px;-webkit-box-shadow:0 20px 15px -15px #000;-moz-box-shadow:0 20px 15px -15px #000;box-shadow:0 20px 15px -15px #000}.f-888931254-illustration{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#000}.f-888931254-illustration img{-webkit-transition:all 1s .5s;-moz-transition:all 1s .5s;-o-transition:all 1s .5s;transition:all 1s .5s}.f-888931254-title-memory{text-align:center;position:absolute;bottom:0;top:0;left:0;right:0;width:80%;height:100px;margin:auto;font-size:50px;font-style:italic;text-shadow:0 0 15px #000;-webkit-transition:all 1s 1s;-moz-transition:all 1s 1s;-o-transition:all 1s 1s;transition:all 1s 1s}.f-888931254-shape-title{background:rgba(255,0,0,.49);width:800px;height:50px;top:43%;left:-50px;position:absolute;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg);-webkit-transition:all 1s 1s;-moz-transition:all 1s 1s;-o-transition:all 1s 1s;transition:all 1s 1s}.f-888931254-text-memory{padding:20px;position:absolute;top:0;bottom:0;overflow:auto;opacity:0;visibility:hidden;-webkit-transition:all 1s 0s;-moz-transition:all 1s 0s;-o-transition:all 1s 0s;transition:all 1s 0s}.f-888931254-memories:hover .f-888931254-shape-title{top:-50px;-webkit-transition:all 1s 0s;-moz-transition:all 1s 0s;-o-transition:all 1s 0s;transition:all 1s 0s}.f-888931254-memories:hover .f-888931254-title-memory{top:-150%;letter-spacing:10px;-webkit-transition:all 1s .05s;-moz-transition:all 1s .05s;-o-transition:all 1s .05s;transition:all 1s .05s}.f-888931254-memories:hover .f-888931254-illustration img{opacity:.2}.f-888931254-memories:hover .f-888931254-text-memory{opacity:1;visibility:visible;-webkit-transition:all .8s 1.25s;-moz-transition:all .8s 1.25s;-o-transition:all .8s 1.25s;transition:all .8s 1.25s}.f-888931254-footer{border-top:1px solid #464646;background:#363636;font-style:italic;font-size:14px;text-align:center;padding:5px}.f-888931254-middle-part{overflow:hidden;max-height:0;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;transition:all 2s}#open-fiche{display:none}.f-888931254-close-fiche,.f-888931254-open-fiche{color:#fff;background:#000;padding:5px;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;transition:all .1s;cursor:pointer}#open-fiche:checked+.fiche-888931254-marvel .f-888931254-middle-part{max-height:1500px}#open-fiche:checked+.fiche-888931254-marvel .f-888931254-open-fiche{opacity:0;visibility:hidden}#open-fiche:checked+.fiche-888931254-marvel .f-888931254-close-fiche{opacity:1;visibility:visible}#open-fiche+.fiche-888931254-marvel .f-888931254-close-fiche{opacity:0;visibility:hidden}</style><input type="checkbox" id="open-fiche" /><div class="fiche-888931254-marvel">
<div class="f-888931254-header">
<div class="f-888931254-header-title">Mort à la justice absolue.</div>
<div class="f-888931254-header-subtitle cc-u">“ She did make a choice, Scott.
It was you. ”</div>
</div>
<div class="f-888931254-context">
<div class="f-888931254-avatar" style="background-image: url(http://media.giphy.com/media/f7otQDvUZhWeI/giphy.gif)">
</div>
<div class="f-888931254-text"><div class="cc-u">Un petit texte d'introduction. Born with super-human senses and the power to heal from almost any wound, Wolverine was captured by a secret Canadian organization and given an unbreakable skeleton and claws.<label for="open-fiche" class="f-888931254-open-fiche">Lire</label></div>
</div>
</div>
<div class="f-888931254-middle-part">
<div class="f-888931254-musique"><iframe width="600" height="25" src="//www.youtube.com/embed/q4BxJzcIw7I?rel=0" frameborder="0"></iframe></div>
<div class="f-888931254-content cc-u">Hazmat. New threats. Veil. Finesse.
Will they be the next generation of Earths Mightiest Heroes or the greatest threat to the Marvel Universe. Avengers Assemble. Hes self-assured, and he would never, ever stop fighting for a worthwhile cause. While others have described Thor as an over-muscled, oafish imbecile, hes quite smart and compassionate.
<div class="f-888931254-highlight">- Allez, on fait une conversation rapide !
- Oui, tout le monde intervient.
- Moi aussi j'ai le droit de parler ?!
- Finesse. Everyones favorite super team presented in true blockbuster fashion.
- Mettle. Reptil.</div>Iron Man, Thor, Captain America and the rest of Earths Mightiest Heroes unite to stand against the threats none can face alone. Hazmat. See the Avengers go up against Ultron, Kang, the Masters of Evil and more over three decades of epic action. Will they be the next generation of Earths Mightiest Heroes or the greatest threat to the Marvel Universe.
<div class="f-888931254-memories">
<div class="f-888931254-illustration"><img src="http://image.noelshack.com/fichiers/2014/36/1410124724-memories.jpg" alt=""><div class="f-888931254-shape-title"></div><div class="f-888931254-title-memory">Flashback</div></div>
<div class="f-888931254-text-memory">Caught in a gamma bomb explosion while trying to save the life of a teenager, Dr. Bruce Banner was transformed into the incredibly powerful creature called the Hulk. The Avengers team like youve never seen them before. Iron Man, Thor, Captain America and the rest of Earths Mightiest Heroes unite to stand against the threats none can face alone. Everyones favorite super team presented in true blockbuster fashion.
This is where youll find all the big-time action, major storylines and iconic Spider-Man magic youd come to expect from the Wall-Crawler. The Avengers team like youve never seen them before. New roster. An all too often misunderstood hero, the angrier the Hulk gets, the stronger the Hulk gets.
This is where youll find all the big-time action, major storylines and iconic Spider-Man magic youd come to expect from the Wall-Crawler. The Avengers team like youve never seen them before. New roster. An all too often misunderstood hero, the angrier the Hulk gets, the stronger the Hulk gets.</div>
</div>Earths Mightiest Heroes reunite with their biggest guns at the forefront to take on familiar enemies and new threats alike. Everyones favorite super team presented in true blockbuster fashion.
Wounded, captured and forced to build a weapon by his enemies, billionaire industrialist Tony Stark instead created an advanced suit of armor to save his life and escape captivity. Striker. At the dawn of the Heroic Age, the Avengers will assemble once again. The Avengers return . . . <label for="open-fiche" class="f-888931254-close-fiche">[X]</label></label></div>
<div class="f-888931254-footer">Images : Marvel</div>
</div></div>
#2 par Scavenger
Atouts
Force: 9000
Agilité: -1
Endurance: 42
Intelligence: 450
Magie: 0
pseudo
Mes pouvoirs
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Curabitur convallis tellus leo, et malesuada odio fermentum sit amet. Morbi eleifend, nibh non iaculis pharetra, ligula turpis porta felis, ut egestas nisi elit at risus. Morbi in mollis metus. Vivamus lobortis maximus nisl. Donec convallis orci ut orci tempor tincidunt.
Roleplay
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur convallis tellus leo, et malesuada odio fermentum sit amet. Morbi eleifend, nibh non iaculis pharetra, ligula turpis porta felis, ut egestas nisi elit at risus. Morbi in mollis metus. Vivamus lobortis maximus nisl. Donec convallis orci ut orci tempor tincidunt.
- Code:
<style>#never-utopia-hulk br{display:none}#never-utopia-hulk p>br{display:initial}#never-utopia-hulk *{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}#never-utopia-hulk{position:relative;width:500px;padding:15px;min-height:800px}#never-utopia-hulk>img{position:absolute;z-index:42}#body-hulk{position:relative;overflow:hidden;left:0;top:0;margin:25px 35px;border:1px solid #000;min-height:600px;background:url(http://img15.hostingpics.net/pics/729865darkwallgreen.png) center center;border-top-right-radius:20px;padding:50px 40px}#body-hulk>img{float:left}#body-hulk>div{display:inline-block;width:100%}#caract-hulk{padding:10px;display:inline-block;width:110px;border:1px solid #fff;opacity:.6;border-radius:10px;float:right;background-color:#222B11}#caract-hulk h2{color:#ADC0B7;font-size:140%;text-align:center;border-bottom:1px #fff solid}#caract-hulk p{color:#ADC0B7;margin-top:5px}#body-hulk>h1{line-height:115%;font-size:250%;width:100%;text-align:center;margin-top:-15px;color:#2f3b18;text-shadow:0 0 1px #6d8839;font-weight:700;font-family:arial,Cursive;border-bottom:1px rgba(255,255,255,.5) solid}#body-hulk>h1:first-letter{color:transparent;text-transform:capitalize;text-shadow:0 0 2px #5e8e00}#power-hulk{margin-top:20px;height:115px;box-shadow:0 0 3px #5e8e00 inset;background-color:rgba(255,255,255,.2);position:relative;border-radius:5px}#power-hulk p{padding:15px 8px;overflow:hidden;height:84px;text-align:justify}#power-hulk p:hover{overflow-y:scroll;width:349px}#power-hulk h2{position:absolute;top:-15px;left:-15px;font-size:150%;background:url(http://img15.hostingpics.net/pics/729865darkwallgreen.png) center center;color:rgba(255,255,255,.5);padding-right:10px;padding-bottom:3px;text-shadow:-1px 0 1px rgba(255,255,255,.5);border-radius:15px}#rp-hulk{margin-top:20px;height:200px;box-shadow:0 0 3px #5e8e00 inset;background-color:rgba(255,255,255,.2);position:relative;border-radius:5px}#rp-hulk p{padding:15px 8px;overflow:hidden;height:169px;text-align:justify}#rp-hulk p:hover{overflow-y:scroll;width:349px}#rp-hulk h2{position:absolute;top:-15px;left:-15px;font-size:150%;background:url(http://img15.hostingpics.net/pics/729865darkwallgreen.png) center center;color:rgba(255,255,255,.5);padding-right:10px;padding-bottom:3px;text-shadow:-1px 0 1px rgba(255,255,255,.5);border-radius:15px}@-webkit-keyframes ban-hulk{from{background-position:0 0}to{background-position:200% 0}}@-moz-keyframes ban-hulk{from{background-position:0 0}to{background-position:200% 0}}@keyframes ban-hulk{from{background-position:0 0}to{background-position:200% 0}}#ban-hulk{position:absolute;right:0;left:0;bottom:0;height:100px;background-image:url(http://img15.hostingpics.net/pics/658570marvelbandeau.png);background-repeat:repeat-x;background-position:50px 0;-webkit-animation:ban-hulk 15s infinite linear;animation:ban-hulk 15s infinite linear}</style>
<div id="never-utopia-hulk">
<img src="http://img4.hostingpics.net/pics/323678hulktorse.png" alt="image hulk haut-gauche"/>
<div id="body-hulk">
<div>
<img src="http://img4.hostingpics.net/pics/252181emplacementimage.png" alt="image à remplacer"/>
<span id="caract-hulk">
<h2>Atouts</h2>
<p>
Force: 9000
Agilité: -1
Endurance: 42
Intelligence: 450
Magie: 0
</p>
</span>
</div>
<h1>pseudo</h1>
<div id="power-hulk">
<h2>Mes pouvoirs</h2>
<p id="power-desc-hulk">
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Curabitur convallis tellus leo, et malesuada odio fermentum sit amet. Morbi eleifend, nibh non iaculis pharetra, ligula turpis porta felis, ut egestas nisi elit at risus. Morbi in mollis metus. Vivamus lobortis maximus nisl. Donec convallis orci ut orci tempor tincidunt.
</p>
</div>
<div id="rp-hulk">
<h2>Roleplay</h2>
<p id="rp-desc-hulk">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur convallis tellus leo, et malesuada odio fermentum sit amet. Morbi eleifend, nibh non iaculis pharetra, ligula turpis porta felis, ut egestas nisi elit at risus. Morbi in mollis metus. Vivamus lobortis maximus nisl. Donec convallis orci ut orci tempor tincidunt.
</p>
</div>
<div id="ban-hulk"></div>
</div>
</div>
#3 par Ehawee
Prénom P² Nom
Patronyme? réponse
Prénoms? réponse
Âge? réponse
Date de naissance? réponse
Lieu de naissance? réponse
Prénoms? réponse
Âge? réponse
Date de naissance? réponse
Lieu de naissance? réponse
Métier? réponse
Lieu de vie? réponse
Renommée? réponse
Pouvoir? réponse
Famille? réponse
Lieu de vie? réponse
Renommée? réponse
Pouvoir? réponse
Famille? réponse
Je ressemble à...
Décrivez ici le physique de votre personnage en XX lignes.Je pense à ...
Décrivez ici le caractère de votre personnage en XX lignes.J'ai vécu...
Décrivez ici l'histoire de votre personnage en XX lignes.blabla à propos du joueur
copyright images
- Code:
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Shadows+Into+Light&subset=latin-ext,latin' rel='stylesheet' type='text/css'><style>#asaofond {width: 500px; background-color: #070920; margin: auto; overflow: hidden; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; background-clip: border-box; background-size: 30% 30%; background-repeat: repeat; background-image: url(http://img15.hostingpics.net/pics/654688tileabledarkwoodtextures8.jpg)} #asaohead {width: 600px; opacity: 0.5; transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; transition: 1s} #asaohead:hover {opacity: 1; transition: 1s;} #asaotitre {width: 600px; height: 40px; background: #D3CDD1; transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; text-align: center; } .asaorealtitre {color: #333448 ; font-family: 'Shadows Into Light', cursive; font-size: 50px; display: inline-block; border-bottom: 2px solid #333448; padding-bottom: 13px; transition: 1s; } .asaorealtitre:hover {color: black; border-bottom: 2px solid black; padding-bottom: 13px; transition 1s; } .asaoicone {width: 100px; height: 100px; border-radius: 50px; background-clip: border-box; background-size: cover; transition: 1s} .asaoicone:hover {transform: rotate(360deg); transition: 1s; } .asaoinfos {position: relative; height: 100px; width: 100px; overflow: visible;}.asaoinfos .asaoinfos .asaoicone:hover {background-color: red;}.asaoinfos .asaoinfobulle {position: absolute; top: 80px; left: -100px; width: 300px; height: 100px; background-color: #080605; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; opacity: 0; visibility: hidden;} .asaoinfos:hover .asaoinfobulle {opacity: 1; visibility: visible; z-index: 999;} .asaoask {font-style: italic; text-shadow: 1px 1px 0px black; font-weight: bold} #asaoavatar {width: 200px; height: 320px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; overflow: hidden;} #asaocoulisse{width: 200px; height: 320px; background-size: cover; transform: translateY(0px) transition: 1s;} #asaodescriptif {width: 190px; height: 310px; background-color: #080605; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px;}</style>
<div id="asaofond"><img src="http://img11.hostingpics.net/pics/559716HforHerobyaTTe1.jpg" id="asaohead" /><div id="asaotitre"><span class="asaorealtitre">Prénom P² Nom</span></div>
<div style="margin: auto; width: 250px;"><div class="asaoinfos" style=" float: left"><div class="asaoicone" style="background-image: url(http://img15.hostingpics.net/pics/607309lisabyemilysotod7xcluc.jpg);"></div><div class="asaoinfobulle"><span class="asaoask">Patronyme? </span> réponse
<span class="asaoask">Prénoms? </span> réponse
<span class="asaoask">Âge? </span> réponse
<span class="asaoask">Date de naissance? </span> réponse
<span class="asaoask">Lieu de naissance? </span> réponse</div></div><div class="asaoinfos" style="float: right"><div class="asaoicone" style="background-image: url(http://img15.hostingpics.net/pics/607309lisabyemilysotod7xcluc.jpg);"></div><div class="asaoinfobulle"><span class="asaoask">Métier? </span> réponse
<span class="asaoask">Lieu de vie? </span> réponse
<span class="asaoask">Renommée? </span> réponse
<span class="asaoask">Pouvoir? </span> réponse
<span class="asaoask">Famille? </span> réponse</div></div><div style="clear: both"></div></div>
<div style="margin: auto; background-color: #080605; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Je ressemble à...</div>Décrivez ici le physique de votre personnage en XX lignes.</div>
<div style="margin: auto; background-color: #080605; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Je pense à ...</div>Décrivez ici le caractère de votre personnage en XX lignes.</div>
<div style="margin: auto; background-color: #080605; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">J'ai vécu...</div>Décrivez ici l'histoire de votre personnage en XX lignes.</div>
<div id="asaoavatar" style="float: left"><div id="asaocoulisse" style="background-image: url(http://img15.hostingpics.net/pics/607309lisabyemilysotod7xcluc.jpg)"></div></div> <div style="float: right; background-color: #080605; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 10px; text-align: justify; font-size: 14px; width: 280px; height: 300px; oveflow: auto; min-height: 50px; box-shadow: 0px 0px 5px black">blabla à propos du joueur</div>
<div style="text-align: center; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; clear: both">copyright images</div>
</div>
#4 par A-Lice
••••
Nom Prénom
Catwoman
Some Information :
Surnom : Catwoman
Âge : Non connu
Métier : Cambrioleuse/voleuse et supervilaine
Arme(s) : Costume de chat et fouet
Capacité : Athlète, acrobate et agile.
Points faibles : Sa passion pour tous les objets de valeur liés aux chats, du coup elle peut très facilement se mettre en danger par avarice.
Âge : Non connu
Métier : Cambrioleuse/voleuse et supervilaine
Arme(s) : Costume de chat et fouet
Capacité : Athlète, acrobate et agile.
Points faibles : Sa passion pour tous les objets de valeur liés aux chats, du coup elle peut très facilement se mettre en danger par avarice.
Whim of her/his life :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit odio at bibendum tristique. Mauris elementum nunc a sapien feugiat, eget pharetra orci vulputate. Aliquam sed cursus odio. Suspendisse vitae lobortis tortor. Fusce euismod nibh quis efficitur tempus. Nam feugiat eros non lectus auctor, eget dapibus tortor ultricies. Nullam ac posuere augue. Aenean vulputate eleifend sem vel laoreet. Vestibulum nec eros aliquet, semper justo at, tincidunt tellus. Donec luctus tortor odio, quis consectetur est mattis eget. Nulla semper libero eget nunc bibendum, nec mattis velit scelerisque. Suspendisse vitae massa a leo aliquet semper in ut lacus. In odio elit, consequat vel varius ut, tincidunt non est. Sed nec ullamcorper velit, ut aliquet ante.
Miaou ♥
© Catwoman
- Code:
<link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<div style="width:565px; margin:auto; border: 2px solid MediumOrchid; background:black; padding:10px; box-shadow:0px 0px 6px MediumOrchid;">
<div style="margin-top:-30px; margin-left:-30px;"><img src="http://img11.hostingpics.net/pics/331283griffes01.png" /></div> <div style="opacity:0.7;-webkit-filter: blur(10px); filter:blur(10px); color:purple; font-size:500px; margin-top:-170px; margin-left:150px; letter-spacing:-60px; position:relative; z-index:0;">••••</div>
<div style="font-size:50px; text-decoration:line-through; font-family: 'Alex Brush', cursive; margin-top:-20px; margin-left:200px; position:relative; z-index:10; color:white;">Nom Prénom</div>
<div style="font-size:30px; font-weight:bold; font-family: 'Alex Brush', cursive; margin-top:-10px; margin-left:270px; position:relative; z-index:10; color:white;">Catwoman</div>
<div style="display:inline-block; width:200px; height:320px; overflow:hidden; position:relative; top:100px;"><img src="http://img4.hostingpics.net/pics/749331Vavacatwoman.png" /></div> <div style="display:inline-block; width:250px; color:white; padding-left:10px; font-size:20px; font-family: 'Alex Brush', cursive; text-decoration:underline; font-weight:bold; text-align:right; position:relative; top:-200px; display:inline-block;">Some Information : </div><div style="display:inline-block; position: relative; top:-240px;"><img src="http://img11.hostingpics.net/pics/649001chat01.png" /></div>
<div style="margin-left:210px; margin-top:-235px; width:330px; height:265px; padding:10px; color:white; overflow:auto; background:#12001A; box-shadow:0px 0px 6px MediumOrchid;"><span style="font-weight:bold; font-size:18px; font-family: 'Alex Brush', cursive;">Surnom :</span> Catwoman
<span style="font-weight:bold; font-size:18px; font-family: 'Alex Brush', cursive;">Âge :</span> Non connu
<span style="font-weight:bold; font-size:18px; font-family: 'Alex Brush', cursive;">Métier :</span> Cambrioleuse/voleuse et supervilaine
<span style="font-weight:bold; font-size:18px; font-family: 'Alex Brush', cursive;">Arme(s) :</span> Costume de chat et fouet
<span style="font-weight:bold; font-size:18px; font-family: 'Alex Brush', cursive;">Capacité :</span> Athlète, acrobate et agile.
<span style="font-weight:bold; font-size:18px; font-family: 'Alex Brush', cursive;">Points faibles :</span> Sa passion pour tous les objets de valeur liés aux chats, du coup elle peut très facilement se mettre en danger par avarice.
</div>
<div style="display:inline-block;"><img src="http://img11.hostingpics.net/pics/341702chat02.png" /></div> <div style="display:inline-block; width:230px; color:white; padding:10px; font-size:20px; font-family: 'Alex Brush', cursive; text-decoration:underline; font-weight:bold; position:relative; top:30px;">Whim of her/his life :</div>
<div style="width:330px; height:300px; padding:10px; color:white; text-align:justify; overflow:auto; background:#12001A; box-shadow:0px 0px 6px MediumOrchid;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit odio at bibendum tristique. Mauris elementum nunc a sapien feugiat, eget pharetra orci vulputate. Aliquam sed cursus odio. Suspendisse vitae lobortis tortor. Fusce euismod nibh quis efficitur tempus. Nam feugiat eros non lectus auctor, eget dapibus tortor ultricies. Nullam ac posuere augue. Aenean vulputate eleifend sem vel laoreet. Vestibulum nec eros aliquet, semper justo at, tincidunt tellus. Donec luctus tortor odio, quis consectetur est mattis eget. Nulla semper libero eget nunc bibendum, nec mattis velit scelerisque. Suspendisse vitae massa a leo aliquet semper in ut lacus. In odio elit, consequat vel varius ut, tincidunt non est. Sed nec ullamcorper velit, ut aliquet ante.
</div>
<div style="width:100px; height:100px; border-radius:100px; background:url(http://img11.hostingpics.net/pics/416788icon07.png); box-shadow:0px 0px 6px MediumOrchid; border: 2px solid MediumOrchid; margin-top:-360px; margin-left:450px;"></div> <div style="width:100px; height:100px; border-radius:100px; background:url(http://img11.hostingpics.net/pics/896111icon08.png); box-shadow:0px 0px 6px MediumOrchid; border: 2px solid MediumOrchid; margin-top:-20px; margin-left:400px;"></div> <div style="width:100px; height:100px; border-radius:100px; background:url(http://img11.hostingpics.net/pics/879265icon09.png); box-shadow:0px 0px 6px MediumOrchid; border: 2px solid MediumOrchid; margin-top:-40px; margin-left:460px;"></div> <div style="width:100px; height:100px; border-radius:100px; background:url(http://img11.hostingpics.net/pics/935608icon10.png); box-shadow:0px 0px 6px MediumOrchid; border: 2px solid MediumOrchid; margin-top:-60px; margin-left:370px;"></div><div style="width:100px; color:white; padding:10px; font-size:20px; font-family: 'Alex Brush', cursive; font-style:italic; font-weight:bold; margin-left:450px;">Miaou ♥</div>
<a href="http://www.never-utopia.com/" style="display:block; text-align:center; text-decoration:none; color:white; font-family: 'Alex Brush', cursive;">© Catwoman</a></div>
Dernière édition par A-Lice le Mar 19 Mai 2015 - 18:37, édité 2 fois
J'ai dit que je ne participais pas parce que je ne voulais pas le dire avant la fin des votes /pan Ce qui est con en soit mais voilà c'est tout moi ça x)