Le monde est en danger, la guerre entre le bien et le mal fait rage, seuls seize humains assez spéciaux peuvent mettre fin à cette guerre. Mais Comment?
 

Partagez | 
 

 Codes pour tout

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
La Destinée
Admin
avatar

Messages : 83
Date d'inscription : 27/11/2016

MessageSujet: Codes pour tout   Dim 27 Nov - 23:08

predef

   
   
550 de large
Prénom P. Nom

   
Informations
Prénoms et Nom ICI
   Nationalité ICI
   Âge ICI
   Date de Naissance ICI
   Lieu de naissance ICI
   Métier ICI
   Pouvoir ICI
Sexualité ICI
Statut Marital ICI

PETIT MOT, ce que vous attendez de votre personnage



   
Prendre un instantané!
Decrivez ici les points d'histoire et de background que vous voulez voir respectés pour ce personnage, ainsi ce que vous en attendez! HISTOIRE


Mes Amis

   
100x100

Identité

- descriptif du lien avec le perso
100x100

Identité

- descriptif du lien avec le perso
100x100

Identité

- descriptif du lien avec le perso
100x100

Identité

- descriptif du lien avec le perso
100x100

Identité

- descriptif du lien avec le perso
100x100

Identité

- descriptif du lien avec le perso

© Narja - Never-Utopia


Code:
  <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; z-index: 999; }.bulle:hover span{display: block}.titre2{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #F6ECDB} .bloc2 {background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 240px; height: 250px; overflow: auto; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px}#deroulant div {background-color: #644A52; padding: 10px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; position: relative; overflow: hidden; } #deroulant div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #deroulant div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #deroulant a {text-decoration : none!important; color: #C8C6C4; transition : 1s} #deroulant {text-decoration : none!important; color: #C8C6C4; text-shadow: 0px 0px 2px #C8C6C4; transition : 1s}</style>
  <div class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" alt="550 de large"><center><span class="titre">Prénom P. Nom</span></center>
  <div style="width: 500px"><div style="width: 300px; float: left"><div class="soustitre" style="width: 300px">Informations</div><div class="bloc" style="width: 250px; height: 297px; overflow: auto;"><span class="mef4">Prénoms et Nom</span> ICI
  <span class="mef4">Nationalité</span> ICI
  <span class="mef4">Âge</span> ICI
  <span class="mef4">Date de Naissance</span> ICI
  <span class="mef4">Lieu de naissance</span> ICI
  <span class="mef4">Métier</span> ICI
  <span class="mef4">Pouvoir</span> ICI
  <span class="mef4">Sexualité</span> ICI
  <span class="mef4">Statut Marital</span> ICI</div></div><div style="width: 200px; float: right"><div id="deroulant"><div><p style="font-family: times new roman; font-size: 12px; text-shadow: none;">PETIT MOT, ce que vous attendez de votre personnage</p><img src="http://img11.hostingpics.net/pics/332393Sanstitre1.png" /></div></div></div></div><div style="clear:both"></div><br />
  <div class="soustitre">Prendre un instantané!</div><div class="bloc"><span class="mef5">Decrivez ici les points d'histoire et de background que vous voulez voir respectés pour ce personnage, ainsi ce que vous en attendez! </span>HISTOIRE<br /><br /><br /></div><div class="head"></div><center><span class="titre">Mes Amis</span></center>
  <div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td><td><div class="bulle"><img class="icone" src="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td></tr><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td><td><div class="bulle"><img class="icone" src="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef6" style="display: inline">Identité</p> - descriptif du lien avec le perso</span></div></td></tr></table></div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>


Dernière édition par La Destinée le Mar 29 Nov - 8:22, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lesseize.forumactif.com
La Destinée
Admin
avatar

Messages : 83
Date d'inscription : 27/11/2016

MessageSujet: Re: Codes pour tout   Dim 27 Nov - 23:16

prez
   
550 de large
Prénom P. Nom

   
Informations
Prénoms et Nom ICI
   Nationalité ICI
   Âge ICI
   Date de naissance ICI
   Lieu de naissance ICI
   Métier ICI
   Pouvoir (pour tous sauf humains) ICI
  Race ICI
  Sexualité ICI
  Statut Marital ICI

écrivez ici deux secrets de votre personnage, pas plus, et rapidement (la case n'est pas extensible)



   
Prendre un instantané!
Parlez-nous ici de l'histoire de votre personnage, de son passé, de sa vie, de sa non-vie (une petite mort est si vite arrivée), tout ceci en 20 lignes s'il vous plaît, et même un peu plus si affinité!écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire,


1 mot pour me décrire

   
100x100

Un pseudo?

Répondre
   

Un âge?

Répondre
   

La célébrité de votre avatar?

Répondre
100x100

Un mot à propos de vous?

Répondre
100x100

Comment avez-vous trouvé le forum?

Répondre
   

Quelque chose à dire à propos du forum?  

Répondre
   

Et vous avez lu le règlement?

Répondre
Picture!
Parlez ici en 5 lignes de l'apparence de votre personnage, n'omettez rien, ni le grain de beauté, ni le tatouage, ni le style vestimentaire! écrivez ici votre apparence, écrivez ici votre apparence, écrivez ici votre apparence, écrivez ici votre apparence, écrivez ici votre apparence,
Spirit!
Parlez ici en 5 lignes du mental de votre personnage. Courage.écrivez ici votre mental, écrivez ici votre mental, écrivez ici votre mental, écrivez ici votre mental, écrivez ici votre mental,

© Narja - Never-Utopia


Code:
  <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; z-index: 999; }.bulle:hover span{display: block}.titre2{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #F6ECDB} .bloc2 {background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 240px; height: 250px; overflow: auto; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px}#deroulant div {background-color: #644A52; padding: 10px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; position: relative; overflow: hidden; } #deroulant div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #deroulant div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #deroulant a {text-decoration : none!important; color: #C8C6C4; transition : 1s} #deroulant {text-decoration : none!important; color: #C8C6C4; text-shadow: 0px 0px 2px #C8C6C4; transition : 1s}</style><div class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" alt="550 de large"><center><span class="titre">Prénom P. Nom</span></center>
  <div style="width: 500px"><div style="width: 300px; float: left"><div class="soustitre" style="width: 300px">Informations</div><div class="bloc" style="width: 250px; height: 297px; overflow: auto;"> <span class="mef7">Prénoms et Nom</span> ICI
  <span class="mef7">Nationalité</span> ICI
  <span class="mef7">Âge</span> ICI
  <span class="mef7">Date de naissance</span> ICI
  <span class="mef7">Lieu de naissance</span> ICI
  <span class="mef7">Métier</span> ICI
  <span class="mef7">Pouvoir (pour tous sauf humains)</span> ICI
  <span class="mef7">Race</span> ICI
  <span class="mef7">Sexualité</span> ICI
  <span class="mef7">Statut Marital</span> ICI</div></div><div style="width: 200px; float: right"><div id="deroulant"><div><p style="font-family: times new roman; font-size: 12px; text-shadow: none;">écrivez ici deux secrets de votre personnage, pas plus, et rapidement (la case n'est pas extensible)
</p><img src="http://img11.hostingpics.net/pics/332393Sanstitre1.png" /></div></div></div></div><div style="clear:both"></div><br />
  <div class="soustitre">Prendre un instantané!</div><div class="bloc"><span class="mef5">Parlez-nous ici de l'histoire de votre personnage, de son passé, de sa vie, de sa non-vie (une petite mort est si vite arrivée), tout ceci en 20 lignes s'il vous plaît, et même un peu plus si affinité!</span>écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, écrivez ici votre histoire, <br /><br /><br /></div><div class="head"></div><center><span class="titre">1 mot pour me décrire</span></center>
  <div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef1" style="display: inline">Un pseudo? </p> Répondre
  <p class="mef2" style="display: inline">Un âge? </p> Répondre
  <p class="mef3" style="display: inline">La célébrité de votre avatar? </p> Répondre</span></div></td><td><div class="bulle"><img class="icone" src="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" alt="100x100"><span><p class="mef4" style="display: inline">Un mot à propos de vous? </p> Répondre</span></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef5" style="display: inline">Comment avez-vous trouvé le forum? </p> Répondre
  <p class="mef6" style="display: inline">Quelque chose à dire à propos du forum?  </p> Répondre
  <p class="mef7" style="display: inline">Et vous avez lu le règlement? </p> Répondre</span></div></td></tr></table></div><div style="margin-left: auto; margin-right: auto; width: 500px"><div style="width: 240px; height: 300px; float: left"><div class="titre2">Picture!</div><div class="bloc2"><span class="mef7">Parlez ici en 5 lignes de l'apparence de votre personnage, n'omettez rien, ni le grain de beauté, ni le tatouage, ni le style vestimentaire!</span> écrivez ici votre apparence, écrivez ici votre apparence, écrivez ici votre apparence, écrivez ici votre apparence, écrivez ici votre apparence, </div></div><div style="width: 240px; height: 300px; float: right"><div class="titre2">Spirit!</div><div class="bloc2"><span class="mef1">Parlez ici en 5 lignes du mental de votre personnage. Courage.</span>écrivez ici votre mental, écrivez ici votre mental, écrivez ici votre mental, écrivez ici votre mental, écrivez ici votre mental, </div></div><div style="clear: both"></div></div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>


Dernière édition par La Destinée le Mar 29 Nov - 7:49, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lesseize.forumactif.com
La Destinée
Admin
avatar

Messages : 83
Date d'inscription : 27/11/2016

MessageSujet: Re: Codes pour tout   Dim 27 Nov - 23:18

validation

   

   

   
Félicitations[NOM]!
Félicitations! Tu as complété ta fiche personnage avec brio! Te voici prêt/prête à aller jouer dans les Seize. Tu as été ajouté au groupe [nom groupe], mais pour une expérience optimale, pense bien à recenser ton avatar par là! Tu peux aussi chercher des relations en créant ta fiche de liens ici, !

   Si tu as la moindre question, n'hésite pas à contacter tes administrateurs et modérateurs chéris que sont Angèle, Jack et Gabriel

© Narja - Never-Utopia


Code:
  <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block}</style>

  <div class="fond" style="position: relative; "><div style="position: absolute; width: 102px; height: 102px; text-align: center; top: -35px; left: -55px; "><img src="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" class="icone" style="width: 60px; "></div>
  <div class="soustitre">Félicitations[NOM]! </div><div class="bloc">Félicitations! Tu as complété ta fiche personnage avec brio! Te voici prêt/prête à aller jouer dans <span class="mef1">les Seize</span>. Tu as été ajouté au groupe <span class="mef2">[nom groupe]</span>, mais pour une expérience optimale, pense bien à <span class="mef3">recenser ton avatar</span> [url=http://lesseize.forumactif.com/t21-le-bottin-des-avatars#97]par là[/url]! Tu peux aussi <span class="mef4">chercher des relations</span> en créant ta fiche de liens [url=http://lesseize.forumactif.com/f24-vos-liens]ici[/url], <span class="mef5">!

  Si tu as la moindre question, n'hésite pas à contacter tes administrateurs et modérateurs chéris que sont <span class="mef7">Angèle, Jack et Gabriel</span></div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lesseize.forumactif.com
La Destinée
Admin
avatar

Messages : 83
Date d'inscription : 27/11/2016

MessageSujet: Re: Codes pour tout   Dim 27 Nov - 23:20

règlement


550 de large
Règlement
Règles générales
1 BLABLABLA
2 BLA
3 BLABLABLA
4 BLA
5 BLABLABLA
6 BLA
7 BLA

Règles en jeu
1 BLABLABLA
2 BLA
3 BLABLABLA
4 BLA
5 BLABLABLA
6 BLA
7 BLA

Règles sur la chatbox
1 BLABLABLA
2 BLA
3 BLABLABLA
4 BLA
5 BLABLABLA
6 BLA
7 BLA

© Narja - Never-Utopia


Code:
    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block}</style>
    <div class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" alt="550 de large"><center><span class="titre">Règlement</span></center><div class="soustitre">Règles générales</div><div class="bloc"><span class="mef1">1</span> BLABLABLA
    <span class="mef2">2</span> BLA
    <span class="mef3">3</span> BLABLABLA
    <span class="mef4">4</span> BLA
    <span class="mef5">5</span> BLABLABLA
    <span class="mef6">6</span> BLA
    <span class="mef7">7</span> BLA</div>
    <div class="soustitre">Règles en jeu</div><div class="bloc"><span class="mef1">1</span> BLABLABLA
    <span class="mef2">2</span> BLA
    <span class="mef3">3</span> BLABLABLA
    <span class="mef4">4</span> BLA
    <span class="mef5">5</span> BLABLABLA
    <span class="mef6">6</span> BLA
    <span class="mef7">7</span> BLA</div>
    <div class="soustitre">Règles sur la chatbox</div><div class="bloc"><span class="mef1">1</span> BLABLABLA
    <span class="mef2">2</span> BLA
    <span class="mef3">3</span> BLABLABLA
    <span class="mef4">4</span> BLA
    <span class="mef5">5</span> BLABLABLA
    <span class="mef6">6</span> BLA
    <span class="mef7">7</span> BLA</div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lesseize.forumactif.com
La Destinée
Admin
avatar

Messages : 83
Date d'inscription : 27/11/2016

MessageSujet: Re: Codes pour tout   Dim 27 Nov - 23:21

contexte



550 de large
Contexte
Sommaire

sous-titre1
CONTENU
sous-titre2
CONTENU

© Narja - Never-Utopia


Code:
    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block} .bloc a {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;} .bloc a:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124;}</style>

    <div class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" alt="550 de large"><center><span class="titre">Contexte</span></center><div class="soustitre" id="sommaire">Sommaire</div><div class="bloc"><a href="#ancre1">Section 1</a>
    <a href="#ancre2">Section 2</a></div>
    <div class="soustitre" id="ancre1">sous-titre1</div><div class="bloc">CONTENU</div><div class="soustitre" id="ancre2">sous-titre2</div><div class="bloc">CONTENU</div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lesseize.forumactif.com
La Destinée
Admin
avatar

Messages : 83
Date d'inscription : 27/11/2016

MessageSujet: Re: Codes pour tout   Dim 27 Nov - 23:22

pub

   



   
550 de large
Les Seize

Des Liens utiles
Le règlement                      Le bottin des avatars                      Les anges                      Les démons                      Les Seize                      Les hybrides                      Les scenarios des membres                      Nous lier                      Vos papiers                      Commentaires de RPs
Staff
                     Angèle                      Mp - Profil

                     Jack                      Mp - Profil  

                     Gabriel                      Mp - Profil
Contexte
Dans les temps immémoriaux deux êtres sortirent du néant, deux êtres semblables mais tellement différents. Tous deux avaient le même visage, mais l'un avait les cheveux blancs alors que l'autre avait les cheveux noirs, le premier avait des yeux d'un bleu tellement purs et clairs qu'on pourrait croire qu'ils étaient blancs. Ceux du second être étaient d'un noir si sombre qu'on avait l'impression d'entrer dans un puits sans fond. Ils se donnèrent un nom chacun, celui qui était une source de lumières choisi Dieu, et le second qui n'était que ténèbres choisi Satan.
   Ce qu'ils se savaient pas à ce moment c'était qu'ils n'étaient pas les seuls à être sortis du néant. L'un d'eux était un être manipulateur, une personne des plus ambitieuses, et l'autre était une personne bonne, toujours près à rendre service, toujours à l'écoute des autres. Les deux allèrent donner leur allégeance à Dieu. Voyant cela, Satan attira Lucifer, appelé Lucifel à l'époque, à lui. Tous deux furent bras droit de leur seigneur.
   Puis le temps passant, les quatre compères s'ennuyaient, alors Dieu décida de créer les anges, puis Satan en voyant son double faire, il créa les démons, l'exact opposé des anges. Cela dura des siècles, la lutte du bien contre le mal avait débuté ainsi. A cette époque les dinosaures marchaient encore sur la planète Terre. Mais l'ennui n'était pas parti, c'est vrai qu'il était marrant de voir ces êtres sans grande intelligence évoluer dans ce monde hostile, mais à force, il leur fallait quelque chose de nouveau.
   Ils décidèrent alors, d'un commun accord de créer des êtres doués d'une certaine intelligence, qui pourrait évoluer à leur rythme, des êtres capables de comprendre les choses qui les entouraient. Des êtres qui possédaient le bien et le mal en eux. Aucun de ces êtres ne serait complètement bon, et aucun non plus ne serait foncièrement mauvais. Dieu et Satan décidèrent de jouer à un nouveau jeu, celui de faire basculer les humains vers le bien ou vers le mal. C'est ainsi que des êtres marquèrent l'histoire tels que Jeanne d'Arc ou même Adolph Hitler. Bien entendu, ce ne sont que de simples exemples.
   Il y a de cela une centaine d'année, Satan a eut un fils avec la femme qu'il aimait. Puis il en eut un second 50 ans plus tard. Dieu lui, observait Satan et sa vie de famille, alors qu'il n'avait rien. C'est alors qu'une vingtaine d'années plus tard, il LA trouva, celle qui lui était destinée. Catherine. Catherine était une magnifique jeune femme blonde aux yeux bleus, son visage était parfait. Elle était humaine, mais Dieu s'en moquait, il était heureux avec elle. Puis elle tomba enceinte de Dieu. C'est alors que tout changea.
   Catherine s'enfuit, Dieu ne sut jamais pourquoi, emmenant leur fille à peine née, leur petit ange. Mais Catherine était trop faible pour s'occuper de sa fille, alors elle l'abandonna devant une église. Elle mourut, et Dieu se transforma, il était devenu sombre, mauvais, méchant même. Sa femme était morte, sa fille ne pouvait pas revenir au ciel. Alors il décida d'instaurer de nouvelles lois, surtout qu'il avait entendu parlé d'une prophétie, une prophétie qui parlait de cinq armes qui seraient capable de faire gagner le bien ou le mal. Bien entendu, personne ne savait de quoi ces armes avaient l'air.
   Sur Terre, la guerre pour la recherche de ces armes a commencé, les anges et les démons se livrent une guerre sans relâche pour apporter à leur créateur les armes de la prophétie. Dans quel camp serez vous?


   
Nous lier


Quelques Stat'
Créé le 27 novembre 2016
   31 personnages
   8 membres
   0 messages de RP
   107 messages

   


Code:
  <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D;} .titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px;}.titre:hover{color: #3A1F2D;} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB;} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px;} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg);}.bulle span{position: absolute; top: auto; left: auto; width: 300px; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; z-index: 999;}.bulle:hover span{display: block;}.titre2{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #F6ECDB;} .blocbis {background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 240px; height: 100px; overflow: auto; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px;}</style>



  <div class="fond"><img class="head" src="http://i.imgur.com/v26LvrT.png" alt="550 de large"><div style="text-align: center"><span class="titre">Les Seize</span></div><br /><div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 150px; float: left;"><div class="titre2">Des Liens utiles</div><div class="blocbis"> <a href="http://lesseize.forumactif.com/t1-le-reglement">Le règlement</a>                      <a href="http://lesseize.forumactif.com/t21-le-bottin-des-avatars#97">Le bottin des avatars</a>                      <a href="http://lesseize.forumactif.com/t7-les-anges-4-6">Les anges</a>                      <a href="http://lesseize.forumactif.com/t17-les-demons-6-6">Les démons</a>                      <a href="http://lesseize.forumactif.com/t18-les-seize-12-16">Les Seize</a>                      <a href="http://lesseize.forumactif.com/t19-les-hybrides-2-3">Les hybrides</a>                      <a href="http://lesseize.forumactif.com/f9-les-scenarios-des-membres">Les scenarios des membres</a>                      <a href="http://lesseize.forumactif.com/f56-vous-lier-a-nous">Nous lier</a>                      <a href="http://lesseize.forumactif.com/f5-vos-papiers">Vos papiers</a>                      <a href="http://lesseize.forumactif.com/f28-commentaires-de-rp">Commentaires de RPs</a> </div></div><div style="width: 240px; height: 150px; float: right;"><div class="titre2">Staff</div><div class="blocbis" style="margin-left: -14px;"><img class="photo" alt="" src="http://imalbum.aufeminin.com/album/D20160330/phalbm24773519_s100.jpg" />                      <span>Angèle</span>                      <a href="http://lesseize.forumactif.com/privmsg?mode=post&u=2">Mp</a> - <a href="http://lesseize.forumactif.com/u2">Profil</a>

<img class="photo" alt="" src="http://images2.fanpop.com/images/photos/4600000/Milo-Icon-milo-ventimiglia-4667186-100-100.jpg" />                      <span>Jack</span>                      <a href="http://lesseize.forumactif.com/privmsg?mode=post&u=4">Mp</a> - <a href="http://lesseize.forumactif.com/u4">Profil</a> 

<img class="photo" alt="" src="http://images2.fanpop.com/images/photos/7100000/Tom-Felton-3-draco-malfoy-7115555-100-100.jpg" />                      <span>Gabriel</span>                      <a href="http://lesseize.forumactif.com/privmsg?mode=post&u=5">Mp</a> - <a href="http://lesseize.forumactif.com/u5">Profil</a> </div></div><div style="clear: both;"></div></div><div class="head"></div><div style="text-align: center"><span class="titre">Contexte</span></div><div class="bloc" style="margin-top: -18px; padding-top: 20px;"><span class="mef1">D</span>ans les temps immémoriaux deux êtres sortirent du néant, deux êtres semblables mais tellement différents. Tous deux avaient le même visage, mais l'un avait les cheveux blancs alors que l'autre avait les cheveux noirs, le premier avait des yeux d'un bleu tellement purs et clairs qu'on pourrait croire qu'ils étaient blancs. Ceux du second être étaient d'un noir si sombre qu'on avait l'impression d'entrer dans un puits sans fond. Ils se donnèrent un nom chacun, celui qui était une source de lumières choisi Dieu, et le second qui n'était que ténèbres choisi Satan.
  <span class="mef2">C</span>e qu'ils se savaient pas à ce moment c'était qu'ils n'étaient pas les seuls à être sortis du néant. L'un d'eux était un être manipulateur, une personne des plus ambitieuses, et l'autre était une personne bonne, toujours près à rendre service, toujours à l'écoute des autres. Les deux allèrent donner leur allégeance à Dieu. Voyant cela, Satan attira Lucifer, appelé Lucifel à l'époque, à lui. Tous deux furent bras droit de leur seigneur.
  <span class="mef3">P</span>uis le temps passant, les quatre compères s'ennuyaient, alors Dieu décida de créer les anges, puis Satan en voyant son double faire, il créa les démons, l'exact opposé des anges. Cela dura des siècles, la lutte du bien contre le mal avait débuté ainsi. A cette époque les dinosaures marchaient encore sur la planète Terre. Mais l'ennui n'était pas parti, c'est vrai qu'il était marrant de voir ces êtres sans grande intelligence évoluer dans ce monde hostile, mais à force, il leur fallait quelque chose de nouveau.
  <span class="mef4">I</span>ls décidèrent alors, d'un commun accord de créer des êtres doués d'une certaine intelligence, qui pourrait évoluer à leur rythme, des êtres capables de comprendre les choses qui les entouraient. Des êtres qui possédaient le bien et le mal en eux. Aucun de ces êtres ne serait complètement bon, et aucun non plus ne serait foncièrement mauvais. Dieu et Satan décidèrent de jouer à un nouveau jeu, celui de faire basculer les humains vers le bien ou vers le mal. C'est ainsi que des êtres marquèrent l'histoire tels que Jeanne d'Arc ou même Adolph Hitler. Bien entendu, ce ne sont que de simples exemples.
  <span class="mef5">I</span>l y a de cela une centaine d'année, Satan a eut un fils avec la femme qu'il aimait. Puis il en eut un second 50 ans plus tard. Dieu lui, observait Satan et sa vie de famille, alors qu'il n'avait rien. C'est alors qu'une vingtaine d'années plus tard, il LA trouva, celle qui lui était destinée. Catherine. Catherine était une magnifique jeune femme blonde aux yeux bleus, son visage était parfait. Elle était humaine, mais Dieu s'en moquait, il était heureux avec elle. Puis elle tomba enceinte de Dieu. C'est alors que tout changea.
  <span class="mef6">C</span>atherine s'enfuit, Dieu ne sut jamais pourquoi, emmenant leur fille à peine née, leur petit ange. Mais Catherine était trop faible pour s'occuper de sa fille, alors elle l'abandonna devant une église. Elle mourut, et Dieu se transforma, il était devenu sombre, mauvais, méchant même. Sa femme était morte, sa fille ne pouvait pas revenir au ciel. Alors il décida d'instaurer de nouvelles lois, surtout qu'il avait entendu parlé d'une prophétie, une prophétie qui parlait de cinq armes qui seraient capable de faire gagner le bien ou le mal. Bien entendu, personne ne savait de quoi ces armes avaient l'air.
  <span class="mef7">S</span>ur Terre, la guerre pour la recherche de ces armes a commencé, les anges et les démons se livrent une guerre sans relâche pour apporter à leur créateur les armes de la prophétie. Dans quel camp serez vous?</div><div class="head"></div>

  <div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 150px; float: left;"><div class="titre2">Nous lier</div><div class="blocbis">[img]http://i.imgur.com/eB70z2N.png[/img]
[img]http://i.imgur.com/VR4CHiI.png[/img]
[img]http://i.imgur.com/f33O8uF.png[/img]</div></div><div style="width: 240px; height: 150px; float: right;"><div class="titre2">Quelques Stat'</div><div class="blocbis" style="margin-left: -14px;">Créé le 27 novembre 2016
  31 personnages
  8 membres
  0 messages de RP
  107 messages</div></div><div style="clear: both;"></div></div>
  <div style="text-align: center;"><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px;">© Narja - Never-Utopia</a></div></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lesseize.forumactif.com
La Destinée
Admin
avatar

Messages : 83
Date d'inscription : 27/11/2016

MessageSujet: Re: Codes pour tout   Dim 27 Nov - 23:24

550 de large
Nom du groupe
descriptif général
CITATION DU GROUPE (il est possible de changer sa couleur en changeant le numéro du "class="mef1"', 1 = rouge, 2 = orange, 3 = jaune, 4 = vert, 5 = bleu ciel, 6 = bleu foncé, 7 = violet


DESCRIPTIF


Informations
info 1 les infos contenues doivent être brèves, le cadre n'étant pas extensible pour des raisons de lisibilité de la fiche!
info 2 BLA
info 3 BLA
info 4 BLA
info 5 BLA
info 6 BLA
info 7 BLA

Personnage important
Personnage important
Personnage important
Personnage important
Personnage important
le cadre n'est pas extensible non plus!




© Narja - Never-Utopia

Code:
    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block} #deroulant {font-family: times new roman; font-size: 12px;} #deroulant div {background-color: #644A52; padding: 10px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; position: relative; overflow: hidden; } #deroulant div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #deroulant div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #deroulant a {text-decoration : none!important; color: #C8C6C4; transition : 1s} #deroulant {text-decoration : none!important; color: #C8C6C4; text-shadow: 0px 0px 2px #C8C6C4; transition : 1s}</style><blockquote class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" alt="550 de large"><center><span class="titre">Nom du groupe</span></center><div class="soustitre">descriptif général</div><div class="bloc"><center><span class="mef7">CITATION DU GROUPE (il est possible de changer sa couleur en changeant le numéro du "class="mef1"', 1 = rouge, 2 = orange, 3 = jaune, 4 = vert, 5 = bleu ciel, 6 = bleu foncé, 7 = violet</span></center>

    DESCRIPTIF</div>

    <div style="width: 500px"><div style="width: 300px; float: left"><div class="soustitre" style="width: 300px">Informations</div><div class="bloc" style="width: 250px; height: 297px"><span class="mef1">info 1</span> les infos contenues doivent être brèves, le cadre n'étant pas extensible pour des raisons de lisibilité de la fiche!
    <span class="mef2">info 2</span> BLA
    <span class="mef3">info 3</span> BLA
    <span class="mef4">info 4</span> BLA
    <span class="mef5">info 5</span> BLA
    <span class="mef6">info 6</span> BLA
    <span class="mef7">info 7</span> BLA</div></div><div style="width: 200px; float: right"><div id="deroulant"><div><p style="font-family: times new roman; font-size: 12px;">Personnage important <a href ="url" title="fiche prédef ou présentation">✵</a>
    Personnage important <a href ="url" title="fiche prédef ou présentation">✵</a>
    Personnage important <a href ="url" title="fiche prédef ou présentation">✵</a>
    Personnage important <a href ="url" title="fiche prédef ou présentation">✵</a>
    Personnage important <a href ="url" title="fiche prédef ou présentation">✵</a>
    le cadre n'est pas extensible non plus! </p><img src="http://img11.hostingpics.net/pics/332393Sanstitre1.png" /></div></div></div></div><div style="clear:both"></div><br />
    <br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></blockquote>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lesseize.forumactif.com
La Destinée
Admin
avatar

Messages : 83
Date d'inscription : 27/11/2016

MessageSujet: Re: Codes pour tout   Dim 27 Nov - 23:25

les annonces


550 de large
Titre du RP
un petit mot?
Etenim si attendere diligenter, existimare vere de omni hac causa volueritis, sic constituetis, iudices, nec descensurum quemquam ad hanc accusationem fuisse, cui, utrum vellet, liceret, nec, cum descendisset, quicquam habiturum spei fuisse, nisi alicuius intolerabili libidine et nimis acerbo odio niteretur. Sed ego Atratino, humanissimo atque optimo adulescenti meo necessario, ignosco, qui habet excusationem vel pietatis vel necessitatis vel aetatis. Si voluit accusare, pietati tribuo, si iussus est, necessitati.

«Si speravit aliquid, pueritiae. Ceteris non modo nihil ignoscendum, sed etiam acriter est resistendum. »

Quid enim tam absurdum quam delectari multis inanimis rebus, ut honore, ut gloria, ut aedificio, ut vestitu cultuque corporis, animante virtute praedito, eo qui vel amare vel, ut ita dicam, redamare possit, non admodum delectari? Nihil est enim remuneratione benevolentiae, nihil vicissitudine studiorum officiorumque iucundius.

«Si speravit aliquid, pueritiae. Ceteris non modo nihil ignoscendum, sed etiam acriter est resistendum. »

«Quid enim tam absurdum quam delectari multis inanimis rebus, ut honore, ut gloria, ut aedificio, ut vestitu cultuque corporis, animante ! »

Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos...

Statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.

Sed tamen haec cum ita tutius observentur, quidam vigore artuum inminuto rogati ad nuptias ubi aurum dextris manibus cavatis offertur, inpigre vel usque Spoletium pergunt. haec nobilium sunt instituta.

«Quid enim tam absurdum quam delectari multis inanimis rebus, ut honore, ut gloria, ut aedificio, ut vestitu cultuque corporis, animante ! »

«Byzantii et postea signa illa et reliqua urbis ornanemta sanctissime custodita tenuerunt. »

«Iis igitur est difficilius satis facere, qui se Latina scripta dicunt contemnere. »

« Per regiae ianuas emisit in publicum, ut his inlecebris alios quoque ad indicanda proliceret paria vel maiora. »

Raptim igitur properantes ut motus sui rumores celeritate nimia praevenirent, vigore corporum ac levitate confisi per flexuosas semitas ad summitates collium tardius evadebant. et cum superatis difficultatibus arduis ad supercilia venissent fluvii Melanis alti et verticosi, qui pro muro tuetur accolas circumfusus, augente nocte adulta terrorem quievere paulisper lucem opperientes. arbitrabantur enim nullo inpediente transgressi inopino adcursu adposita quaeque vastare, sed in cassum labores pertulere gravissimos.


100x100

Ft.

Nom des participants au RP
100x100

Our Story.

résumé des épisodes précédents
100x100

And...

Ajouts HRP.

© Narja - Never-Utopia

Code:
    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: 50px; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block}</style>
    <blockquote class="fond"><img class="head" src="http://img11.hostingpics.net/pics/158554CameraObscuriafiche.png" alt="550 de large"><center><span class="titre">Titre du RP</span></center><div class="soustitre">un petit mot?</div><div class="bloc">Etenim si attendere diligenter, existimare vere de omni hac causa volueritis, sic constituetis, iudices, nec descensurum quemquam ad hanc accusationem fuisse, cui, utrum vellet, liceret, nec, cum descendisset, quicquam habiturum spei fuisse, nisi alicuius intolerabili libidine et nimis acerbo odio niteretur. Sed ego Atratino, humanissimo atque optimo adulescenti meo necessario, ignosco, qui habet excusationem vel pietatis vel necessitatis vel aetatis. Si voluit accusare, pietati tribuo, si iussus est, necessitati.

    «<span class="mef1">Si speravit aliquid, pueritiae. Ceteris non modo nihil ignoscendum, sed etiam acriter est resistendum. </span>»

    Quid enim tam absurdum quam delectari multis inanimis rebus, ut honore, ut gloria, ut aedificio, ut vestitu cultuque corporis, animante virtute praedito, eo qui vel amare vel, ut ita dicam, redamare possit, non admodum delectari? Nihil est enim remuneratione benevolentiae, nihil vicissitudine studiorum officiorumque iucundius.

    «<span class="mef2">Si speravit aliquid, pueritiae. Ceteris non modo nihil ignoscendum, sed etiam acriter est resistendum. </span>  »

    «<span class="mef3">Quid enim tam absurdum quam delectari multis inanimis rebus, ut honore, ut gloria, ut aedificio, ut vestitu cultuque corporis, animante ! </span>»

    Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos...

    Statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.

    Sed tamen haec cum ita tutius observentur, quidam vigore artuum inminuto rogati ad nuptias ubi aurum dextris manibus cavatis offertur, inpigre vel usque Spoletium pergunt. haec nobilium sunt instituta.

    «<span class="mef4">Quid enim tam absurdum quam delectari multis inanimis rebus, ut honore, ut gloria, ut aedificio, ut vestitu cultuque corporis, animante ! </span>»

    «<span class="mef5">Byzantii et postea signa illa et reliqua urbis ornanemta sanctissime custodita tenuerunt. </span>  »

    «<span class="mef6">Iis igitur est difficilius satis facere, qui se Latina scripta dicunt contemnere. </span>»

    « <span class="mef7">Per regiae ianuas emisit in publicum, ut his inlecebris alios quoque ad indicanda proliceret paria vel maiora. </span> »

    Raptim igitur properantes ut motus sui rumores celeritate nimia praevenirent, vigore corporum ac levitate confisi per flexuosas semitas ad summitates collium tardius evadebant. et cum superatis difficultatibus arduis ad supercilia venissent fluvii Melanis alti et verticosi, qui pro muro tuetur accolas circumfusus, augente nocte adulta terrorem quievere paulisper lucem opperientes. arbitrabantur enim nullo inpediente transgressi inopino adcursu adposita quaeque vastare, sed in cassum labores pertulere gravissimos.</div><br />
    <div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr><td><div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042701231252.png" alt="100x100"><span><p class="mef2" style="display: inline-block">Ft. </p> Nom des participants au RP</span></div></td><td><div class="bulle"><img class="icone" src="http://nsa34.casimages.com/img/2013/11/15/131115042702263487.png" alt="100x100"><span><p class="mef5" style="display: inline-block">Our Story. </p> résumé des épisodes précédents</span></div></td><td> <div class="bulle"><img class="icone" src="http://nsa33.casimages.com/img/2013/11/15/131115042703633397.png" alt="100x100"><span><p class="mef7" style="display: inline-block">And... </p>Ajouts HRP.</span></div></td></tr></table></div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></blockquote>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lesseize.forumactif.com
Angèle Dragon

avatar

Messages : 203
Date d'inscription : 27/11/2016

MessageSujet: Re: Codes pour tout   Jeu 19 Jan - 17:38

Les boutons de partenariat






_________________
code by Sybline
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: Codes pour tout   

Revenir en haut Aller en bas
 
Codes pour tout
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Jour 3 : C'est Noël pour tout le monde!
» POUR TOUT CEUX QUI HASSENT CORTEX!!!!
» D&CO Une semaine pour tout changer.
» Cherche joueurs pour tout type de jeux
» debloquer les 3 villes dans San andreas

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Les Seize :: Divers-
Sauter vers: