Hello o/ ^^

#1 - "Déjà les joueurs devront rp majoritairement qu'à deux, ce qui empechera, selon moi, que les joueurs jouent avec d'autre personne que celle selectionnée"

Pas nécéssairement, on peut rp avec n'importe qui pour n'importe quoi ^^ se faire des liens inrp quoi


#2 - "Si j'ai bien compris les membres pourront être redirigée vers des PNJ, est ce que du coup certains prendront vraiment du plaisir à jouer "seul"."

Euh... comment ça ? oo j'ai pas parlé de pnj... enfin ou alors je me suis mal exprimée x_x...

#3 -"Du coup pour palier à ça, pour moi, il faudrait étendre un peu plus le background derrière l'application. Peut être que l'état forcerait les personnes à se socialiser lors d'évènements obligatoire une fois par mois ou par semaine. Permettant l'interaction entre les joueurs, et donc sortir du GSM"

J'y avais pas pensé mais ouai clairement ça pourrait être vraiment pas mal ça !


#4 - "Une question, que ce passe t'il si deux personnes tombent amoureuses alors qu'elles ne sont pas liées par l'application. (Si ils sont liés à une autre personne pour essaie et qu'il y a un coup de foudre ?)"

Justement, vis à vis de ça je bloque un peu, mais j'avais pensé a un refus de l'état de les unir légalement tout ça et que si l'un ou l'autre tombe sur celle/celui avec qui il devrait être ben voila ^^' mais j'trouve ça encore un peu léger ^^'

Je te remercie pour tes questions ^^

j'en prends bonne note, j'vais y réfléchir de nouveau tout ça tout ça :) merci !

Type de texte à corriger : Contexte #3
Adresse du forum :http://sephyriasworlddream.forumactif.com
Souhaitez-vous des remarques sur le style ? : non
Style de correction voulu : simple
Textes à corriger :

Spoiler:

Voici les annexes:

Vous trouverez ci-dessous les annexes vous expliquant plus en détail l’univers de Magic Hat.

Partie #1 : les groupes

- Les Red Hat ont été pucés récemment, ils ne contrôlent pas bien leurs nouvelles capacités et sont fragiles psychologiquement. Il est possible de pirater leurs puces et n’ont aucun moyen de se protéger des mauvaises intentions des Black Hat.

- Les Emerauld Hat gèrent mieux leurs émotions et leurs pouvoirs, ils sont plus difficiles à pirater, c’est même quasiment impossible. Il peut arriver qu’en dépit de leur expérience, ils perdent le contrôle, dans ce cas, ils font de gros dégâts.

- Un Red Hat peut devenir un Emerauld Hat au bout d’un certain temps et avec l’approbation de l’administrateur. Ces cas restent toutefois rares, l’emplacement de la puce ayant un rôle prépondérant dans les capacités à la gérer correctement ou non.

- Les Black Hat sont forcément des personnes qui n’ont pas reçu la puce. À leur arrivée en ville, ils n’avaient aucune mauvaise intention : c’est en découvrant qu’ils n’auraient jamais de pouvoir par eux-mêmes qu’ils ont choisi de pirater les puces des Red Hat pour prendre le contrôle des lieux.

Partie #2 : la puce.

- Les Black Hat et les White Hat ne possèdent pas de puces. Ils font parti d’un groupe placebo. Ils ne sont pas sensés savoir qu’ils n’ont pas de puces mais une partie d’entre eux s’en doute car ils n’ont développé aucune aptitude particulière.

- Pour les personnages possédant une puce, celle-ci se situe dans le cortex cérébral. Son emplacement est aléatoire et dépend de la personne, l’objectif étant d’avoir un panel d’emplacements le plus varié possible. En effet, le pouvoir obtenu dépend aussi de l’endroit où a eu lieu l’implant.

- Le port de la puce augmente le QI, la force, les réflexes ainsi qu’un pouvoir particulier semblable à une onde de choc qui se manifeste surtout lorsque le sujet est en colère. En effet, en contrepartie des améliorations apportées par elle, les habitants ayant une puce sont plus sensibles et nerveux que la normale. Cet état peut aller jusqu’à la folie dans les cas les plus extrêmes.

- À l’heure actuelle, les scientifiques n’ont fait aucune mise à jour de la puce.

Partie #3 : la ville.

- La ville est administrée par la Corée du Sud, porteuse du projet autour de la puce. Les militaires assurent la sécurité et veillent à ce qu’il n’y ait aucun débordement.

- Elle est autonome, ce qui signifie que les habitants trouvent tout ce qui leur est nécessaire sur place. Ils peuvent aussi exercer un métier.

- Les nouveaux habitants arrivent aléatoirement, c’est une fois sur place qu’ils sont pucés ou non.

Salutations les codeurs,

Voici l'heure (très tardive) des votes du Y'a de l'Ambiance #3 qui portait sur le thème des Manuscrits et des Vieux livres. On a eu trois participations superbes que vous pouvez retrouver ci-après! Cliquez sur les images pour voir les codes en action!

| Fyraliel

Code:

   <style>.effet img{-webkit-filter: sepia(100%);filter: sepia(100%);} .effet br{display: none;} .display_br br{display: initial;} div.display_br::-webkit-scrollbar{width: 6px;} div.display_br::-webkit-scrollbar-track{background: #9B712D;} div.display_br::-webkit-scrollbar-thumb{background: #993300;}</style>
    <link href='http://fonts.googleapis.com/css?family=Rouge+Script|Montez|Arizonia' rel='stylesheet' type='text/css'/>
    <div style="background-image: url('http://nsa37.casimages.com/img/2015/07/02/150702073108866200.gif'); width: 500px; height: 370px" class="effet">
    <div style="display: inline-block; vertical-align: top; text-align: center; width: 205px; height: 300px; margin: 40px 0 0 40px;">
    <img src="http://nsa37.casimages.com/img/2015/07/02/150702104543549968.png" style="width: 190px; height: 75px;" />
    <span style="font: 40px 'Arizonia', cursive; color:#993300;">Titre du RP</span>

    <span style="font: 25px 'Montez', cursive; color:#B66E4A;" class="display_br"><br />Participant 1 <br /> & <br /> Participant 2</span></div>
    <div style="display: inline-block; text-align: justify; width: 205px; height: 300px; margin: 25px 0 0 20px; font: 28px 'Rouge Script', cursive; color:#2B0000; overflow: auto;"class="display_br"> Nam sole orto magnitudine angusti gurgitis sed profundi a transitu arcebantur et dum piscatorios quaerunt lenunculos vel innare temere contextis cratibus parant, effusae legiones, quae hiemabant tunc apud Siden, isdem impetu occurrere veloci. et signis prope ripam locatis ad manus comminus conserendas denseta scutorum conpage semet scientissime praestruebant, ausos quoque aliquos fiducia nandi vel cavatis arborum truncis amnem permeare latenter facillime trucidarunt.

    In his tractibus navigerum nusquam visitur flumen sed in locis plurimis aquae suapte natura calentes emergunt ad usus aptae multiplicium medelarum. verum has quoque regiones pari sorte Pompeius Iudaeis domitis et Hierosolymis captis in provinciae speciem delata iuris dictione formavit.

    Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.</div></div>

Code:

   <style>
      ::-webkit-scrollbar {
        width: 5px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
        width:2px;
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #381400;

        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }
    ::-webkit-scrollbar-thumb:window-inactive {
       background: rgba(255,0,0,0.4);
    }


    .message {
    background:url(http://image.noelshack.com/fichiers/2015/28/1436651345-book.png);
    position: absolute;
    top: -420px;
    left: 0;
    width: 680px;
    height: 420px;
    padding: 20px;
    transition: top 2s cubic-bezier(0.17, 0.04, 0.03, 0.94);
    overflow: hidden;
    box-sizing: border-box;
      z-index:99;
      
    }


    #toggle {
      z-index:101;
      position:absolute;
      appearance:none;
      cursor:pointer;
      left:-100%;
      top:-100%;
    }
    #toggle + label:hover {
        background:url(http://image.noelshack.com/fichiers/2015/28/1436649795-bookouvert.png);
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      }
    #toggle + label {
        position:absolute;
      background:url(http://image.noelshack.com/fichiers/2015/28/1436649792-bookferm.png);
      width:55px;
      height:70px;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      margin-top:66px;
      margin-left:300px;
      cursor:pointer;
    color: #FFF;
    line-height:20px;
    font-size:12px;
    text-align:center;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    }


    .container {
    transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      padding:5em 3em;
    }

    #toggle:checked ~ .message {
      top: 0;
    }

    #toggle:checked ~ .container {
      margin-top: 0px;
    }

    #toggle:checked + label {
        background: url(http://image.noelshack.com/fichiers/2015/28/1436651859-ferm.png);
    }

    #toggle:checked + label:after {
      z-index:105;
      background: url(http://image.noelshack.com/fichiers/2015/28/1436651859-ferm.png);
    
    }

      .fond {
      background:url(http://image.noelshack.com/fichiers/2015/28/1436649847-fontbibli.png);
      width:700px;
      height:420px;
      position:relative;
      }
      .livre {
      position:absolute;
      background:url(http://image.noelshack.com/fichiers/2015/28/1436649792-bookferm.png);
      width:55px;
      height:70px;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      margin-top:66px;
      margin-left:350px;
      }
      .livre:hover {
      background:url(http://image.noelshack.com/fichiers/2015/28/1436649795-bookouvert.png);
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      }
      .pagegauche {
      width:250px;
      height:370px;
      overflow:auto;
      text-align:justify;
      font-variant: small-caps;
      font-family:times new roman;
      font-size:14px;
      margin-left:-250px;
      opacity:0.5;
      }
    </style>
    <center>
      <div class="fond">
      
        <input type="checkbox" name="toggle" id="toggle"  />
    <label for="toggle"></label>
      
          <div class="message">
    
            <p class="pagegauche">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tincidunt dolor, in mollis mauris consequat at. Donec et nibh laoreet, dignissim nunc quis, ultrices sapien. Etiam vel mauris lacus. Nullam nibh sem, vulputate id finibus eu, dapibus id massa. Vestibulum rutrum in leo eu semper. Donec viverra erat ut enim molestie, quis dictum quam imperdiet. Donec sit amet pellentesque turpis. Curabitur sit amet mi sodales, sodales magna nec, faucibus justo. Fusce sed turpis sapien. Ut non velit vel quam laoreet sodales ac quis dolor. Morbi semper, velit tincidunt placerat rhoncus, metus nunc porttitor tellus, non pulvinar nulla nunc in leo. Donec purus diam, feugiat quis ligula et, vehicula vulputate risus. Etiam in faucibus neque.

    Maecenas eu magna dapibus, pellentesque lacus quis, aliquet justo. In vulputate diam urna, vitae pulvinar eros euismod nec. Pellentesque luctus posuere dui, sit amet maximus sem gravida id. Maecenas eget sollicitudin ex, sit amet hendrerit enim. Fusce ac accumsan nisi. Etiam dictum ac ex vitae faucibus. Morbi a consequat nulla, quis rhoncus nunc. Praesent pharetra magna at neque congue pellentesque.

    Ut aliquet sem metus, in commodo velit volutpat a. Duis blandit dapibus nulla. Proin orci nunc, ullamcorper fringilla porta ut, sagittis nec tortor. Curabitur et egestas neque. Phasellus accumsan eros massa, vel dapibus dui interdum in. Quisque cursus urna felis, eget lobortis quam congue id. Mauris consequat leo et augue fringilla commodo. Morbi euismod turpis purus. Aliquam faucibus ante nec tempor blandit. Etiam porta sit amet nisi in viverra. Donec sed nisi a diam tincidunt malesuada. Proin erat quam, scelerisque in purus nec, bibendum varius enim. Aliquam erat volutpat.

    Quisque enim est, venenatis at mauris eu, tempus vulputate nunc. Praesent augue nunc, interdum porttitor mi vitae, laoreet euismod velit. Sed vitae arcu elit. Suspendisse convallis bibendum metus, vel pharetra diam suscipit vel. Nulla quis scelerisque arcu, non vestibulum tellus. Morbi a auctor tellus. Sed posuere, tortor vel pretium feugiat, leo velit laoreet sem, quis viverra urna purus tempus quam. Morbi aliquam orci mauris, tempor fringilla nunc euismod accumsan. Aliquam ac ultricies purus, et imperdiet lorem. Proin eget scelerisque lacus.

      Sed sit amet neque quis nisl ullamcorper viverra nec non mauris. Nulla sit amet malesuada nulla, in tristique nunc. Donec condimentum, lacus in maximus malesuada, neque turpis vestibulum erat, sit amet ultrices eros ante cursus dolor. Vivamus placerat sagittis lorem, vel posuere magna suscipit ac. Vestibulum consectetur velit risus, a luctus diam vulputate at. Phasellus vitae nisi pharetra, sollicitudin arcu id, pulvinar orci. Quisque metus dolor, sollicitudin quis gravida in, scelerisque eget odio. Nunc et nunc viverra, elementum quam commodo, ultricies felis. In a justo tortor. Sed eleifend commodo nisi, sit amet dapibus velit imperdiet quis. Vestibulum quis semper urna. Morbi ut metus id neque ornare bibendum ac vitae lectus. Nulla vel nibh felis.
           </p>
            <img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/04/vector+illustration+1.jpg" style="height:360px;opacity:0.7;margin-top:-390px;float:right;margin-right:30px;"/>
        </div>
      </div>
    </center>

Code:

   <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jquery-142.js"></script>                   <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jqueryimBookFlip-06.js"></script>                   <style> #myBook {  display:none;  position:absolute; left : 0px; top:0px;  width: 328px;  height:533px;}.imBookPage {  position:absolute;  left:0px;  top:0px;  width: 328px;  height:533px; overflow:hidden;}</style>              <script type="text/javascript">$(document).ready( function() {  $("#myBook").imBookFlip({      page_class: 'imBookPage'  });});    </script>                                                  
    <div id="myBook" style="display:none;">
                                              
     <div class="imBookPage" style="background: url(http://img11.hostingpics.net/pics/585593couv.png)">
                  
     <div style="height: 533px; color: peru; display:table-cell; vertical-align: middle; font-size: 40px; font-family: Times New Roman ; text-align: center; width : 328px;">
           Memory      
     </div>
                      
     </div>
                                              
     <div class="imBookPage" style="background: url(http://img15.hostingpics.net/pics/486457couvdos.png)">
          <br /> <img src="http://img11.hostingpics.net/pics/431017vieillephoto2.png" />                      
     </div>
                                              
     <div class="imBookPage" style="background: url(http://img11.hostingpics.net/pics/234920livre2.png)">
          <br />          
     <div style=" float:left; margin : 25px;  text-align: justify; font-size: 14px; color: saddlebrown;">
              
     <div style="  font-size:300%; float:left; margin: 2px; color: peru;">
          Q      
     </div>
         uod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.<br /><br />Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit. <br /><br />Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.      
     </div>
                              
     </div>
                                              
     <div class="imBookPage" style="background: url(http://img15.hostingpics.net/pics/548825livre2dos.png)">
                
     <div style=" float:left; margin : 25px;  text-align: justify; font-size: 14px; color: saddlebrown;">
       <br /><br />  Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris. <br /><br />Haec igitur lex in amicitia sanciatur, ut neque rogemus res turpes nec faciamus rogati. Turpis enim excusatio est et minime accipienda cum in ceteris peccatis, tum si quis contra rem publicam se amici causa fecisse fateatur. Etenim eo loco, Fanni et Scaevola, locati sumus ut nos longe prospicere oporteat futuros casus rei publicae. Deflexit iam aliquantum de spatio curriculoque consuetudo maiorum. <br /><br />Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat. Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.      
     </div>
                            
     </div>
                                              
     <div class="imBookPage" style="background: url(http://img11.hostingpics.net/pics/234920livre2.png)">
                    
     <div style=" float:left; margin : 25px;  text-align: justify; font-size: 14px; color: saddlebrown;">
         <br /><br />Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.<br /><br />Haec igitur lex in amicitia sanciatur, ut neque rogemus res turpes nec faciamus rogati. Turpis enim excusatio est et minime accipienda cum in ceteris peccatis, tum si quis contra rem publicam se amici causa fecisse fateatur. Etenim eo loco, Fanni et Scaevola, locati sumus ut nos longe prospicere oporteat futuros casus rei publicae. Deflexit iam aliquantum de spatio curriculoque consuetudo maiorum. <br /><br />Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.      
     </div>
                            
     </div>
                                            
     <div class="imBookPage" style="background: url(http://img15.hostingpics.net/pics/548825livre2dos.png)">
                      
     <div style=" float:left; margin : 25px;  text-align: justify; font-size: 14px; color: saddlebrown;">
         <br /><br />Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.<br /><br />Haec igitur lex in amicitia sanciatur, ut neque rogemus res turpes nec faciamus rogati. Turpis enim excusatio est et minime accipienda cum in ceteris peccatis, tum si quis contra rem publicam se amici causa fecisse fateatur. Etenim eo loco, Fanni et Scaevola, locati sumus ut nos longe prospicere oporteat futuros casus rei publicae. Deflexit iam aliquantum de spatio curriculoque consuetudo maiorum. <br /><br />Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.      
     </div>
                
     </div>
                                              
     <div class="imBookPage" style="background: url(http://img11.hostingpics.net/pics/234920livre2.png)">
                    
     <div style=" float:left; margin : 25px;  text-align: justify; font-size: 14px; color: saddlebrown;">
              <br /><br /> Et prima post Osdroenam quam, ut dictum est, ab hac descriptione discrevimus, Commagena, nunc Euphratensis, clementer adsurgit, Hierapoli, vetere Nino et Samosata civitatibus amplis inlustris.<br /><br />Haec igitur lex in amicitia sanciatur, ut neque rogemus res turpes nec faciamus rogati. Turpis enim excusatio est et minime accipienda cum in ceteris peccatis, tum si quis contra rem publicam se amici causa fecisse fateatur. Etenim eo loco, Fanni et Scaevola, locati sumus ut nos longe prospicere oporteat futuros casus rei publicae. Deflexit iam aliquantum de spatio curriculoque consuetudo maiorum. <br /><br />Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.      
     </div>
                      
     </div>
                          
    </div>

Le sentiment est roi {#}3{/#} ▬ VOTES!

Présentation

Les participations

Texte n°1:

Texte n°2:

Le sentiment est roi {#}3{/#}

Mode de jeu

Le thème

[mention]Wikipédia[/mention] a écrit:L'ennui est un sentiment de démotivation et de désintéressement.

Conditions de participation

▬ Vous aurez 10 jours, soit jusqu'au 20 juin 2015 pour m'envoyer vos textes;
▬ Vous devrez m'envoyer vos textes par MP;
▬ La participation au défi vous remportera 4XP RPG, si jamais vous gagnez à l'issu des votes, vous gagnerez 6XP RPG en plus des 4 de la participation, soit un total de 10XP RPG mis en jeu;
▬ Tout le monde est invité à participer, sachez que ce ne sont pas seulement les conteurs qui sont autorisés, mais bien toute la communauté!!
▬ Vous pouvez pour enjoliver vos textes, avoir recours au codage, mais sachez que cela ne sera pas comptabilisé dans les votes!

Element'Style #3 - À flot matelot !

Rappel des règles :

"Détruire pour mieux reconstruire" - On enfile le bleu de travail, on s'arme de peinture, D&co s'invite sur les forum, marouflez moi ces catégories et plus vite que ça ! Cette épreuve portera sur un élément précis de nos chères plateforme de prédilection, à savoir les forum, et plus précisément "ForumActif". L'animateur peut choisir de vous faire travailler sur la navigation, la page d'accueil, les catégories, le footer pourquoi pas, ou le profil, voire le profil et les messages... Il faudra, en respectant les consignes données, mettre en forme l'élément pour qu'il soit le plus harmonieux possible ! Selon les cas, l'animateur pourra imposer des couleurs, une image, une forme...à son choix.

Code:

[code][/code]

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. ”

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.Lire

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.

- 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.

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.

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 . . . [X]

Images : Marvel

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>

 
 

     

       
       
           

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>

Prénom P² Nom

Patronyme? 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

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>

••••

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.

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>