FAQAccueilRechercherMembresGroupesS'enregistrerConnexion

Codes en libre service

avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Sam 7 Mai - 18:13

Des codes de fiches seront mis à disposition des membres du forum de manière Libres et gratuites et personnalisable. Merci de ne pas les utiliser en dehors du forum sans une demande préalable, ce n'est pas un forum de libre service mais de RP, merci de respecter de travail effectué. des personnalisations pourront être faites sur demande. Les fiches sont personnalisable et modifiable à votre goût, sauf indication contraire, ce sont des bases de codes pour la plupart, pas forcément aboutis ou adapter à un perso en particulier, sauf les codes fait spécifiquement.

Merci de ne pas poster à la suite, sauf pour proposer vos codes en libre service ~. Pour une fiche personnalisée merci de voir ça par MP.

Fiche de RP de Ruby:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<center><div style="background-image:url('http://img11.hostingpics.net/pics/920260Rubytop.png');background-repeat:no-repeat;background-position:top;background-color:#c21313;background-size:450px auto;width:450px;border:2px solid #4b261e;border-radius: 50% 50% 10px 10px/250px 250px 10px 10px;box-shadow: 0px 0px 5px #1f1917;">
<div style="padding-top:400px;color:#1f1917;font-size:30px;font-weight:bold;text-align:center;text-shadow: 0px 0px 5px #1f1917;font-family: 'Alex Brush', cursive;z-index:3;position:relative;">Titre du RP</div>
<div style="color:#bc993a;font-size: 15px;text-shadow: 0px 0px 5px #1f1917;margin-top:-10px;z-index:2;position:relative;">Feat. Pseudo</div>
<div style="margin:20px;background-color:#d9ba88; padding:5px;color:#251034;border-radius:5px;box-shadow: 0px 0px 10px 0px #1f1917;text-align:justify;margin-top:-10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"[color=#a70505]Dialogue[/color]"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<img style="border-radius:5px;box-shadow: 0px 0px 10px 0px #1f1917;width:450px;margin-top:-15px;" src="http://31.media.tumblr.com/tumblr_mdfaqdUJSF1qdrmm5o1_500.gif"/>
</div></center>

Vous aimez cette présentation ? Voici la version personnalisable, changer les champs en majuscules, les images sont automatiquement redimensionnées. Prévoir une image d'entête assez haute ou régler la marge. Il est conseiller de prévoir une image avec une fondu en transparence vers le bas ou le raccord sera net. Le gif de bas doit être assez large pour éviter les déformations. Il peut également être enlevé.

Code:
<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<center><div style="background-image:url('IMAGE_OU_GIF_DE _FOND');background-repeat:no-repeat;background-position:top;background-color:#COULEUR_DE_FOND_DE_PAGE;background-size:450px auto;width:450px;border:2px solid #4b261e;border-radius: 50% 50% 10px 10px/250px 250px 10px 10px;box-shadow: 0px 0px 5px #COULEUR_DE_BORDURE;">
<div style="padding-top:400px;color:#1f1917;font-size:30px;font-weight:bold;text-align:center;text-shadow: 0px 0px 5px #COULEUR_DU_TITRE;font-family: 'Alex Brush', cursive;z-index:3;position:relative;">Titre du RP</div>
<div style="color:#COULEUR_DU_FEAT;font-size: 15px;text-shadow: 0px 0px 5px #1f1917;margin-top:-10px;z-index:2;position:relative;">Feat. Pseudo</div>
<div style="margin:20px;background-color:#COULEUR_DE_FOND_DU_CADRE_INTERIEUR; padding:5px;color:#COULEUR_DU_TEXTE;border-radius:5px;box-shadow: 0px 0px 10px 0px #1f1917;text-align:justify;margin-top:-10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"[color=#COULEUR_DES_DIALOGUES]Dialogue[/color]"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<img style="border-radius:5px;box-shadow: 0px 0px 10px 0px #1f1917;width:450px;margin-top:-15px;" src="GIF_DE_BAS_DE_PAGE"/>
</div></center>




avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Mar 10 Mai - 4:01

Fiche de Nemo, réservé à Nemo.

Fiche Nemo:
 



We all Live:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>
<style type="text/css">.featuringNemo img:hover{opacity:0 !important;transition: all 0.5s ease-out;}
</style><center><header style="width:450px;background-image:url('http://sweetclipart.com/multisite/sweetclipart/files/submarine_cute_yellow.png');background-size:450px auto;background-repeat:no-repeat;height:430px;position:relative;z-index:3;margin-bottom:-100px;"><div style="color:#045bde;font-size:30px;font-weight:bold;text-align:center;text-shadow: 0px 0px 5px #ea8a02;font-family: 'Sail', cursive;z-index:3;position:relative;padding-top:315px !important;margin-left:-30px;">In a Yellow Submarine</div>
</header><div style="background-image:url('http://img4.hostingpics.net/pics/291407Grey2.png');background-repeat:repeat;background-position:top;width:450px;border:3px double #ea8a02;border-radius:10px;box-shadow: 0px 0px 5px #020f1d;"><aside style="margin-top:80px;">
<span class="featuringNemo" style="border-radius:10px;background-color:#020f1d;border:1px solid #FFFFFF;box-shadow: 0px 0px 10px 0px #FFFFFF;display:block;width:200px;float:left;margin-left:20px;"><img style="width:200px;height:100px;z-index:2;position:relative;border-radius:10px;transition: all 0.5s ease-out;" src="https://49.media.tumblr.com/fa0fc17ca4e53f7a58895a117ef1a86e/tumblr_ngath1rzU01sjq8ulo1_500.gif"/><span style="text-align:center;width:200px;position:absolute;margin-top:40px;margin-left:-200px !important;z-index:1;">Nautilus</span></span> <span class="featuringNemo" style="border-radius:10px;background-color:#020f1d;border:1px solid #FFFFFF;box-shadow: 0px 0px 10px 0px #FFFFFF;display:block;width:200px;float:right;margin-right:20px;"><img style="width:200px;height:100px;z-index:2;position:relative;border-radius:10px;transition: all 0.5s ease-out;" src="http://lovelace-media.imgix.net/uploads/463/36f932e0-245a-0132-717a-0add9426c766.gif"/><span style="text-align:center;width:200px;position:absolute;margin-top:40px;margin-left:-200px !important;z-index:1;">Nautilus</span></span></aside>

<div style="margin:20px;background-color:#020f1d; padding:5px;color:#88afb7;border-radius:5px;box-shadow: 0px 0px 10px 0px #ea8a02;text-align:justify;margin-top:100px;opacity:0.8;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"[color=#ea8a02]Dialogue[/color]"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div><img style="margin-right:-230px; margin-bottom:-50px;" src="http://img11.hostingpics.net/pics/835363nautilus.png"/>
</div></center>




avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Mer 11 Mai - 4:21

Fiche libre et personnalisable, style Dragon Warrior. Toute taille de gif passe sans être déformé, seule un redimensionnement en hauteur est effectué et ils sont centrés et "rogné" automatiquement. Un gif carré donne un meilleur aperçu.

Dragon Warrior:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<style type="text/css">.featuringDW:hover{opacity:0.9 !important;transition: all 0.5s ease-out;}
</style>
<center><div style="border:2px solid #093c01;border-radius: 50% 50% 10px 10px/250px 250px 10px 10px;box-shadow: 0px 0px 5px #1f1917;background-color:#0f0a0a;width:450px;margin-top:150px;"><aside style="background-image:url('http://img15.hostingpics.net/pics/675392Sanstitre12.png');background-repeat:no-repeat;background-position:top;background-size:450px auto;width:450px;height:400px;margin-top:-150px;">
<aside style="background-image:url('http://25.media.tumblr.com/tumblr_mb8l9lHazo1qhxd1ro1_250.gif');background-repeat:no-repeat;background-position:top;background-size:auto 130px;width:130px;height:130px;border:3px solid #c00000;border-radius:50%;margin-top:105px;filter: grayscale(70%);"><span class="featuringDW" style="display:block;height:75px;width:100%;border-radius:50%;background-color:#0f0a0a;opacity:0;transition: all 0.5s ease-out;padding-top:55px;color:#c8640b;border:1px solid #0f0a0a;">Featuring</span></aside>
</aside>
<div style="color:#c00000;font-size:30px;font-weight:bold;text-align:center;text-shadow: 0px 0px 5px #c00000;font-family: 'Alex Brush', cursive;z-index:3;position:relative;margin-top:-35px;">Titre du RP</div>
<aside style="color:#684e32;text-align:center;z-index:3;position:relative;width:430px;height:100px;padding:10px;z-index:2;position:relative;margin:-10px;transition: all 0.5s ease-out;font-style:italic;"><img style="width:100px;float:left;margin-right:5px;box-shadow: 0px 0px 5px #093c01;" src="http://25.media.tumblr.com/5e003514c0d1494b953f475a3e6e7bd1/tumblr_mhc9mx4xpc1qfc062o11_r1_250.gif"/><img style="width:100px;float:right;margin-left:5px;box-shadow: 0px 0px 5px #093c01;" src="http://24.media.tumblr.com/tumblr_mb8l9lHazo1qhxd1ro3_250.gif"/><aside style="margin-top:15px;">Complément d'information
Lieux du RP
Musique d'ambiance
Citation</aside></aside>
<div style="padding:10px;color:#093c01;text-align:justify;margin:20px;margin-top:-10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#c00000]Dialogue[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></div></center>




avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Mer 11 Mai - 20:44

Réservée à David (un David).
(Le featuring est adapté pour des images carré ou en hauteur. Pour des images en largeur intervertissez "auto" et "100px" dans le background-size du block "featDave").

Prince Charming:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<style type="text/css">.featuring:hover{opacity:0.9 !important;transition: all 0.5s ease-out;}.feat:hover{transform: rotate(360deg);transition: all 0.5s ease-out;filter:grayscale(50%);}
</style><center><header style="background-image:url('http://img15.hostingpics.net/pics/907369tumblrlzp6ylMwGv1r6kj3io15003.png');background-repeat:no-repeat;background-position:left-top !improtant;background-size:250px auto;width:450px;height:180px;">
<span style="display:block;color:#730f2b;font-size:20px;font-weight:bold;text-align:center;text-shadow: 0px 0px 5px #0f0a0a;font-family: 'Alex Brush', cursive;z-index:3;position:relative;margin-top:15px;margin-right:-50px;float:right;border-radius:10px;box-shadow: 0px 0px 5px #000000;background-color:#211016;width:290px;height:25px;padding-top:15px;">Titre du RP</span>
<aside class="featDave" style="background-image:url('http://img15.hostingpics.net/pics/422288tumblrn8iusfMjXx1rktwmeo2250.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:100px auto;width:100px;height:100px;border:3px solid #730f2b;border-radius:50%;margin-left:260px !important;margin-top:35px;position:relative;z-index:3;transition: all 0.5s ease-out;"><span class="featuringDave" style="display:block;height:57px;padding-top:45px;width:102px;;border-radius:50%;background-color:#211016;opacity:0;margin:-1px;transition: all 0.5s ease-out;color:#a9815e;">Featuring</span></aside>
</header>
<aside style="background-image:url('http://img15.hostingpics.net/pics/43417574bg.png');width:430px;border-radius:10px;box-shadow: 0px 0px 5px #000000;margin-top:-30px;color:#a9815e;padding:10px;text-align:justify;">
<aside style="float:right;"><img style="border-radius:10px;box-shadow: 0px 0px 5px #000000;width:150px;margin-left:10px;" src="http://img15.hostingpics.net/pics/771846G9UDn.gif"/></aside>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#730f2b]Dialogues[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</aside>
</center>

Prince Charming 2:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<style type="text/css">.featuringDave:hover{opacity:0.9 !important;transition: all 0.5s ease-out;}.featDave:hover{transform: rotate(360deg);transition: all 0.5s ease-out;filter:grayscale(50%);}
</style><center><header style="background-image:url('http://img15.hostingpics.net/pics/907369tumblrlzp6ylMwGv1r6kj3io15003.png');background-repeat:no-repeat;background-position:left-top !improtant;background-size:250px auto;width:450px;height:180px;">
<span style="display:block;color:#730f2b;font-size:20px;font-weight:bold;text-align:center;text-shadow: 0px 0px 5px #0f0a0a;font-family: 'Alex Brush', cursive;z-index:3;position:relative;margin-top:15px;margin-right:-50px;float:right;border-radius:10px;box-shadow: 0px 0px 5px #000000;background-color:#211016;width:290px;height:25px;padding-top:15px;">Titre du RP</span>
<article style="width:220px;position:relative;z-index:3;margin-top:-20px;margin-left:260px;">
<aside class="featDave" style="background-image:url('http://img15.hostingpics.net/pics/422288tumblrn8iusfMjXx1rktwmeo2250.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:100px auto;width:100px;height:100px;border:3px solid #730f2b;border-radius:50%;transition: all 0.5s ease-out;float:left;"><aside class="featuringDave" style="height:57px;padding-top:45px;width:102px;;border-radius:50%;background-color:#211016;opacity:0;margin:-1px;transition: all 0.5s ease-out;color:#a9815e;">Featuring</aside></aside> <aside class="featDave" style="background-image:url('http://25.media.tumblr.com/dbc1195090789a5621430430d32e2adc/tumblr_n14lugiwDS1scif40o1_250.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100px;width:100px;height:100px;border:3px solid #730f2b;border-radius:50%;transition: all 0.5s ease-out;float:right;"><aside class="featuringDave" style="height:57px;padding-top:45px;width:102px;;border-radius:50%;background-color:#211016;opacity:0;margin:-1px;transition: all 0.5s ease-out;color:#a9815e;">Featuring</aside></aside></article>
</header>
<aside style="background-image:url('http://img15.hostingpics.net/pics/43417574bg.png');width:430px;border-radius:10px;box-shadow: 0px 0px 5px #000000;margin-top:-30px;color:#a9815e;padding:10px;text-align:justify;">
<aside style="float:right;"><img style="border-radius:10px;box-shadow: 0px 0px 5px #000000;width:150px;margin-left:10px;" src="http://img15.hostingpics.net/pics/771846G9UDn.gif"/></aside>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#730f2b]Dialogues[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</aside>
</center>




avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Ven 13 Mai - 4:42

Belle:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<style type="text/css">.featuringBelle:hover{opacity:0.8 !important;transition: all 0.5s ease-out;width:152px !important;height:87px !important;}.featBelle:hover{width:150px !important;height:150px !important;transition: all 0.5s ease-out;transform: rotate(0deg) !important;background-size:auto 150px !important;}
</style><center><header style="background-image:url('http://img15.hostingpics.net/pics/388378Belle.png');background-repeat:no-repeat;background-position:left-top !improtant;background-size:250px auto;width:450px;height:270px;position:relative;z-index:3;margin-bottom:-70px;"><aside style="color:#cc9f32;font-size:30px;text-align:center;text-shadow: 0px 0px 5px #909145;font-family: 'Alex Brush', cursive;margin-top:60px;float:right;width:240px;">Titre du RP</aside>
<aside class="featBelle" style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/c9/92/cc/c992cce8bc8f9ea993d98b68554cc23a.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100px;width:100px;height:100px;box-shadow: 0px 0px 5px #008da6;border:2px solid #452611;border-radius:10px;margin-left:250px !important;margin-top:90px;position:relative;z-index:3;transition: all 0.5s ease-out;"><span class="featuringBelle" style="display:block;height:37px;padding-top:65px;width:102px;border-radius:10px;background-color:#40351e;opacity:0;margin:-1px;transition: all 0.5s ease-out;color:#008da6;">Featuring</span></aside></header>
<aside style="background-image:url('http://img15.hostingpics.net/pics/785326bgBell.png');width:450px;border-radius:10px;box-shadow: 0px 0px 5px #008da6;padding-top:30px !important;color:#a9815e;padding:10px;text-align:justify;border:1px solid #008da6;"><aside style="margin:10px;border-radius:10px;box-shadow: 0px 0px 5px #909145;background-color:#d5c488;padding:5px;color:#008da6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#452611]Dialogues[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</aside><p style="text-align:right;"><img style="width:150px;border-radius:10px;margin-bottom:-50px;margin-right:-30px;box-shadow: 0px 0px 5px #909145;" src="http://bestanimations.com/Books/finger-passes-along-book-spines-library-animated-gif.gif"/></p></aside>
</center>


Belle 2:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<style type="text/css">.featuringBelle:hover{opacity:0.8 !important;transition: all 0.5s ease-out;width:152px !important;height:87px !important;}.featBelle:hover{width:150px !important;height:150px !important;transition: all 0.5s ease-out;background-size:auto 150px !important;}
</style><center><header style="background-image:url('http://img15.hostingpics.net/pics/388378Belle.png');background-repeat:no-repeat;background-position:center-top !improtant;background-size:400px auto;width:450px;height:410px;position:relative;z-index:3;margin-bottom:-70px;"><aside style="color:#cc9f32;font-size:20px;text-align:center;text-shadow: 0px 0px 5px #909145;font-family: 'Alex Brush', cursive;margin-top:230px;float:right;width:200px;">Titre du RP</aside></header>
<aside style="background-image:url('http://img15.hostingpics.net/pics/785326bgBell.png');width:450px;border-radius:10px;box-shadow: 0px 0px 5px #008da6;padding-top:50px !important;color:#a9815e;padding:10px;text-align:justify;border:1px solid #008da6;">
<span style="float:left;color:#008da6;font-style:italic;margin:5px;width:150px;text-align:right;text-shadow: 0px 0px 5px #909145;">Citations & co
Musique d'ambiance
Autre</span><span style="float:right;color:#008da6;font-style:italic;margin:5px;width:150px;text-align:left;text-shadow: 0px 0px 5px #909145;">Citations & co
Musique d'ambiance
Autre</span><center><aside class="featBelle" style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/c9/92/cc/c992cce8bc8f9ea993d98b68554cc23a.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100px;width:100px;height:100px;box-shadow: 0px 0px 5px #008da6;border:2px solid #452611;border-radius:10px;position:relative;z-index:3;transition: all 0.5s ease-out;"><span class="featuringBelle" style="display:block;height:37px;padding-top:65px;width:102px;border-radius:10px;background-color:#40351e;opacity:0;margin:-1px;transition: all 0.5s ease-out;color:#008da6;">Featuring</span></aside></center><aside style="margin:10px;border-radius:10px;box-shadow: 0px 0px 5px #909145;background-color:#d5c488;padding:5px;color:#008da6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#452611]Dialogues[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</aside><p style="text-align:right;"><img style="width:150px;border-radius:10px;margin-bottom:-50px;margin-right:-30px;box-shadow: 0px 0px 5px #909145;" src="http://bestanimations.com/Books/finger-passes-along-book-spines-library-animated-gif.gif"/></p></aside>
</center>


Belle 3:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<style type="text/css">.featuringBelle:hover{opacity:0.8 !important;transition: all 0.5s ease-out;width:152px !important;height:87px !important;}.featBelle:hover{width:150px !important;height:150px !important;transition: all 0.5s ease-out;transform: rotate(0deg) !important;background-size:auto 150px !important;}
</style><center><header style="background-image:url('http://img15.hostingpics.net/pics/388378Belle.png');background-repeat:no-repeat;background-position:left-top !improtant;background-size:250px auto;width:450px;height:270px;position:relative;z-index:3;margin-bottom:-70px;"><aside style="color:#cc9f32;font-size:30px;text-align:center;text-shadow: 0px 0px 5px #909145;font-family: 'Alex Brush', cursive;margin-top:60px;float:right;width:240px;">Titre du RP</aside>
<aside class="featBelle" style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/c9/92/cc/c992cce8bc8f9ea993d98b68554cc23a.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100px;width:100px;height:100px;box-shadow: 0px 0px 5px #008da6;border:2px solid #452611;border-radius:10px;margin-left:250px !important;margin-top:90px;position:relative;z-index:3;transition: all 0.5s ease-out;"><span class="featuringBelle" style="display:block;height:37px;padding-top:65px;width:102px;border-radius:10px;background-color:#40351e;opacity:0;margin:-1px;transition: all 0.5s ease-out;color:#008da6;">Featuring</span></aside></header>
<aside style="background-image:url('http://img15.hostingpics.net/pics/785326bgBell.png');width:450px;border-radius:10px;box-shadow: 0px 0px 5px #008da6;padding-top:30px !important;color:#a9815e;padding:10px;text-align:justify;border:1px solid #008da6;">
<article style="height:150px;"><aside style="background-image:url('http://www.clker.com/cliparts/r/J/g/S/g/a/brown-round-frame-md.png');background-repeat:no-repeat;background-size:auto 140px;padding:20px;float:left;margin:10px;"><aside style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/c9/92/cc/c992cce8bc8f9ea993d98b68554cc23a.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100px;width:98px;height:98px;border-radius:50%;border:1px solid #452611;filter:sepia(50%);"></aside></aside><aside style="background-image:url('http://www.clker.com/cliparts/r/J/g/S/g/a/brown-round-frame-md.png');background-repeat:no-repeat;background-size:auto 140px;padding:20px;float:right;margin:10px;"><aside style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/c9/92/cc/c992cce8bc8f9ea993d98b68554cc23a.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100px;width:98px;height:98px;border-radius:50%;border:1px solid #452611;filter:sepia(50%);"></aside></aside>
<center><span style="color:#008da6;font-style:italic;margin:5px;width:130px;text-align:center;text-shadow: 0px 0px 5px #909145;">Citations & co
Musique d'ambiance
Autre</span></center></article>
<aside style="margin:10px;border-radius:10px;box-shadow: 0px 0px 5px #909145;background-color:#d5c488;padding:5px;color:#008da6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#452611]Dialogues[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</aside><p style="text-align:right;"><img style="width:150px;border-radius:10px;margin-bottom:-50px;margin-right:-30px;box-shadow: 0px 0px 5px #909145;" src="http://bestanimations.com/Books/finger-passes-along-book-spines-library-animated-gif.gif"/></p></aside>
</center>


Belle 4:
 

Code:

<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<style type="text/css">.featuringBeauty:hover{transition: all 0.5s ease-out;opacity:0.9 !important;}
</style><center><header style="background-image:url('http://img15.hostingpics.net/pics/388378Belle.png');background-repeat:no-repeat;background-position:left-top !improtant;background-size:250px auto;width:450px;height:270px;position:relative;z-index:3;margin-bottom:-70px;"><aside style="color:#cc9f32;font-size:30px;text-align:center;text-shadow: 0px 0px 5px #909145;font-family: 'Alex Brush', cursive;margin-top:100px;float:right;width:240px;">Titre du RP</aside></header>
<aside style="background-image:url('http://img15.hostingpics.net/pics/785326bgBell.png');width:450px;border-radius:10px;box-shadow: 0px 0px 5px #008da6;padding-top:30px !important;color:#a9815e;padding:10px;text-align:justify;border:1px solid #008da6;">
<article style="height:150px;"><aside style="background-image:url('http://www.clker.com/cliparts/r/J/g/S/g/a/brown-round-frame-md.png');background-repeat:no-repeat;background-size:auto 140px;padding:20px;float:left;margin:10px;"><aside style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/c9/92/cc/c992cce8bc8f9ea993d98b68554cc23a.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100px;width:98px;height:98px;border-radius:50%;border:1px solid #452611;filter:sepia(50%);"><article class="featuringBeauty" style="padding-top:40px;width:100px;height:60px;background-color:#40351e;text-align:center;opacity:0;border-radius:50%;transition: all 0.5s ease-out;margin-top:-2px;margin-left:-2px;color:#008da6;">Feat</article></aside></aside><aside style="background-image:url('http://www.clker.com/cliparts/r/J/g/S/g/a/brown-round-frame-md.png');background-repeat:no-repeat;background-size:auto 140px;padding:20px;float:right;margin:10px;"><aside style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/c9/92/cc/c992cce8bc8f9ea993d98b68554cc23a.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100px;width:98px;height:98px;border-radius:50%;border:1px solid #452611;filter:sepia(50%);position:relative;z-index:3 !important;"><article class="featuringBeauty" style="padding-top:40px;width:100px;height:60px;background-color:#40351e;text-align:center;opacity:0;border-radius:50%;transition: all 0.5s ease-out;margin-top:-2px;margin-left:-2px;color:#008da6;">Feat</article></aside></aside>
<center><span style="color:#008da6;font-style:italic;margin:5px;width:130px;text-align:center;text-shadow: 0px 0px 5px #909145;">

Citations & co
Musique d'ambiance
Autre</span></center></article>
<aside style="margin:10px;border-radius:10px;box-shadow: 0px 0px 5px #909145;background-color:#d5c488;padding:5px;color:#008da6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#452611]Dialogues[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</aside><p style="text-align:right;"><img style="width:150px;border-radius:10px;margin-bottom:-50px;margin-right:-30px;box-shadow: 0px 0px 5px #909145;" src="http://bestanimations.com/Books/finger-passes-along-book-spines-library-animated-gif.gif"/></p></aside>
</center>




avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Sam 14 Mai - 2:54

Fiche pour Smee.
William Smee:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Pirata+One' rel='stylesheet' type='text/css'>
<style type="text/css">.featuringSmee:hover{opacity:0.9 !important;transition: all 0.5s ease-out;width:152px !important;height:87px !important;}.featSmee:hover{width:150px !important;height:150px !important;transition: all 0.5s ease-out;background-size:auto 150px !important;}.navSmee{display:block;width:160px;background-color:#1e0f06;padding:5px;margin-top:-10px;text-shadow: 0px 0px 5px #241e0f;box-shadow: 0px 0px 5px #241e0f;transition: all 0.5s ease-out;}#navSmeeL:hover{text-align:left;color:#3a556a;transition: all 0.5s ease-out;}#navSmeeR:hover{text-align:right;color:#3a556a;transition: all 0.5s ease-out;}
</style><center><header style="width:450px;">
<span style="float:left;font-style:italic;width:160px;text-align:right;margin-left:-10px !important;color:#961c19;"><span id="navSmeeL" class="navSmee">Citations & co</span>
<span id="navSmeeL" class="navSmee">Musique d'ambiance</span>
<span id="navSmeeL" class="navSmee">Autre</span></span><span style="float:right;font-style:italic;width:160px;text-align:left;color:#961c19;"><span id="navSmeeR" class="navSmee">Citations & co</span>
<span id="navSmeeR" class="navSmee"">Musique d'ambiance</span>
<span id="navSmeeR" class="navSmee">Autre</span></span><center><aside class="featSmee" style="background-image:url('http://25.media.tumblr.com/tumblr_mca4azD4hX1qef4rxo1_r1_250.gif');background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100px;width:100px;height:100px;border:2px solid #961c19;position:relative;z-index:3;transition: all 0.5s ease-out;margin-top:-15px;"><span class="featuringSmee" style="display:block;height:37px;padding-top:65px;width:102px;background-color:#241e0f;opacity:0;margin:-1px;transition: all 0.5s ease-out;color:#3a556a;text-shadow: 0px 0px 5px #34170e">Featuring</span></aside></header>
<aside style="width:450px;background-color:#1e0f06;padding:5px;text-align:center;font-family:Pirata One;font-size:25px;padding:10px !important;color:#3a556a;box-shadow: 0px 0px 5px #961c19;margin-top:-5px;">Titre du RP</aside>
<aside style="background-color:#150a04;width:450px;padding:10px;text-align:justify;color:#961c19;box-shadow: 0px 0px 5px #241e0f;margin-top:-5px;"><img style="float:right;width:200px;" src="http://img15.hostingpics.net/pics/460414smee.png"/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#3a556a]Dialogues[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</aside>
</center>




avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Dim 5 Juin - 23:48

Fiche pour Vicky.
Victoria O'Donnel:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
<style type="text/css">.FeatVick:hover{opacity:0.2;z-index:1 !important;transition: all 0.5s ease-out;}
</style>
<center><section style="padding-bottom:80px;background-image:url('http://img11.hostingpics.net/pics/372943fondVicky.png');width:450px;background-color:#1e2e32;border-radius:10px;">
<nav style="float:left;padding:10px;margin-top:-15px;"><img class="FeatVick" style="height:130px;z-index:3;position:relative;transition: all 0.5s ease-out;border-radius:10px;" src="http://data.whicdn.com/images/147456664/large.gif"/>
<span style="z-index:2;position:relative;top:-75px !important;width:100px;display:inline-block;color:#7dc3c9;">Feat</span></nav><nav style="float:right;padding:10px;margin-top:-15px;"><img class="FeatVick" style="height:130px;z-index:3;position:relative;transition: all 0.5s ease-out;border-radius:10px;" src="http://data.whicdn.com/images/147456664/large.gif"/>
<span style="z-index:2;position:relative;top:-75px !important;width:100px;display:inline-block;color:#7dc3c9;">Feat</span></nav>
<header style="font-size:30px; margin-top:40px;color:#10d6b3;font-family:Alex Brush;">Titre du RP</header>

<article style="margin-top:10px;padding:20px;text-align:justify;color:#79b5c4;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#10C387]Dialogue[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</article>
<img style="opacity:0.8;filter:sepia(70%);width:150px;float:right;margin-right:-10px;" src="http://utopiavacations.lk/images/sea-shells.png"/></section>
</center>




avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Lun 6 Juin - 0:52

Fiche pour Liam.
Liam Jones:
 

Code:
<link href='https://fonts.googleapis.com/css?family=Pirata+One' rel='stylesheet' type='text/css'><style type="text/css">.FeatLiam:hover{opacity:0.9 !important;transition: all 0.5s ease-out;}
</style><center><section style="width:450px;background-color:#261e16;"><header style="border:20px solid #02120d;background-image:url('http://vignette1.wikia.nocookie.net/onceuponatime/images/5/5b/3x05_Killian_Jones_Liam_Jones_naviguent_vers_nouveau_monde.png/revision/latest?cb=20151122195707&path-prefix=fr');background-repeat:no-repeat;background-size:100% auto;height:150px;filter:sepia(70%);"><nav class="FeatLiam" style="margin-top:25px;color:#270b01;opacity:0;transition: all 0.5s ease-out;"><span style="position:relative;display:block;background-color:#1a3a45;padding:10px;">Featuring</span>
<span style="margin-top:10px;position:relative;display:block;background-color:#1a3a45;padding:10px;">Featuring</span></nav></header>

<aside style="font-family:Pirata One;font-size:30px;color:#047b6c;border-bottom:#047b6c double 5px;padding-bottom:10px;">Titre du RP</aside>
<aside style="background-image:url('http://img11.hostingpics.net/pics/809593Liam2.png');background-position:top right;background-repeat:no-repeat;background-size:50% auto;width:99%;height:100%;color:#846457;"><article style="padding:20px;text-align:justify; text-shadow: 1px 1px 5px #080200;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[center]"[color=#4EDCA8]Dialogues[/color]"[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</article>
<aside></section></center>




avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Ven 10 Juin - 16:03

Code générique pour les présentation de type smartphone pour les SMS ~
Smartphone:
 

Code:
<center><section style="background-color:#000000;border-radius:30px;width:300px;height:550px;border:3px ridge #393939;">
<header style="background-color:#2a2a2a;width:250px;height:50px;display:flex;color:#ffffff;font-weight:bold;margin-top:75px;"><img style="float:left;width:40px;height:40px;padding:5px;" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSMrI50er9kjchrpxiPO3ggvv0enDv9mTz7hXXsWErZ_jize-cBv7azxw"/><span style="margin:auto;padding:5px;">Nom du contact</span></header><article style="background-color:#e9e9e9;width:250px;height:350px;overflow:auto;"><aside style="background-color:#3196ec;color:#ffffff;padding:10px;border-radius:20px;float:right;width:60%;margin:5px;text-align:right;">Hello. Je suis un sms envoyé depuis ce smartphone ~ :).</aside>
<aside style="background-color:#3196ec;color:#ffffff;padding:10px;border-radius:20px;float:right;width:60%;margin:5px;text-align:right;">Et moi un autre ~ 8D</aside>
<aside style="background-color:#d3d3d3;color:#000000;padding:10px;border-radius:20px;float:left;width:60%;margin:5px;text-align:left;">Moi en revanche j'ai été reçu par ce smartphone et envoyé par le contact à qui vous envoyez tout ces sms inutiles...</aside>
<aside style="background-color:#3196ec;color:#ffffff;padding:10px;border-radius:20px;float:right;width:60%;margin:5px;text-align:right;">Un vrai rabat-joie....</aside>
<aside style="background-color:#d3d3d3;color:#000000;padding:10px;border-radius:20px;float:left;width:60%;margin:5px;text-align:left;">Ça va que les SMS sont en illimités à Storybrooke...</aside>
</article></section></center>

Version 2:
 

Code:
<center><section style="background-color:#000000;border-radius:30px;width:300px;height:550px;border:3px ridge #393939;">
<header style="background-color:#2a2a2a;width:250px;height:50px;display:flex;color:#ffffff;font-weight:bold;margin-top:75px;"><img style="float:left;width:40px;height:40px;padding:5px;" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSMrI50er9kjchrpxiPO3ggvv0enDv9mTz7hXXsWErZ_jize-cBv7azxw"/><span style="margin:auto;padding:5px;">Nom du contact</span></header><article style="background-color:#e9e9e9;width:250px;height:350px;overflow:auto;"><aside style="background-color:#3196ec;color:#ffffff;padding:10px;border-radius:20px;float:right;width:60%;margin:5px;text-align:left;box-shadow: 2px 2px 5px #434343, 3px 3px 5px #40c4d8 inset;">Hello. Je suis un sms envoyé depuis ce smartphone ~ :).</aside>
<aside style="background-color:#3196ec;color:#ffffff;padding:10px;border-radius:20px;float:right;width:60%;margin:5px;text-align:left;box-shadow: 2px 2px 5px #434343, 3px 3px 5px #40c4d8 inset;">Et moi un autre ~ 8D</aside>
<aside style="background-color:#d3d3d3;color:#000000;padding:10px;border-radius:20px;float:left;width:60%;margin:5px;text-align:left;box-shadow: 2px 2px 5px #434343, 3px 3px 5px #e9ecec inset;">Moi en revanche j'ai été reçu par ce smartphone et envoyé par le contact à qui vous envoyez tout ces sms inutiles...</aside>
<aside style="background-color:#3196ec;color:#ffffff;padding:10px;border-radius:20px;float:right;width:60%;margin:5px;text-align:left;box-shadow: 2px 2px 5px #434343, 3px 3px 5px #40c4d8 inset;">Un vrai rabat-joie....</aside>
<aside style="background-color:#d3d3d3;color:#000000;padding:10px;border-radius:20px;float:left;width:60%;margin:5px;text-align:left;box-shadow: 2px 2px 5px #434343, 3px 3px 5px #e9ecec inset;">Ça va que les SMS sont en illimités à Storybrooke...</aside>
</article></section></center>




avatar
Killinours
Messages : 824

Voir le profil de l'utilisateur http://marchens-destiny.forumactif.com/t15-killian-jones-captain
Mer 21 Sep - 21:03

Emma:
 

Code:
<center><div style="text-align:center;width:500px;margin-bottom:-20px;"><img style="width:200px;" src="http://img4.hostingpics.net/pics/904460emma.png"/></div><div style="background-color:#710000;width:500px;border-radius:100px 100px 10px 10px;padding:30px;text-align:center;">
<h1 style="color:#a6813b;font-size:20pt;margin-bottom:-20px;margin-top:-10px;">Titre du RP</h1>
<span style="color:#ecbe1f;">Featuring</span>
<img style="height:100px;border:#a6813b solid 3px;margin:5px;" src="http://images5.fanpop.com/image/photos/26500000/emma-emma-swan-26560622-500-255.gif?1360422158735"> <img style="height:100px;border:#a6813b solid 3px;margin:5px;" src="http://67.media.tumblr.com/tumblr_lw3kmkosI71qid0xqo1_500.gif"/>
<div style="background-color:#a6813b;padding:10px;text-align:justify;color:#472002;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"[color=#b00200]Dialogues[/color]"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<img style="margin-top:15px !important;margin:-30px;border-radius:0px 0px 10px 10px;width:560px;" src="http://vignette1.wikia.nocookie.net/glee/images/4/4f/Emma-Swan-once-upon-a-time-31187540-500-269.gif"/></div></center>

PS : dsl j'étais pas très inspiré pour faire des animations, ça viendra peut-être plus tard ~




avatar
Messages : 89

Voir le profil de l'utilisateur
Jeu 22 Sep - 17:25

Merci c'est déjà super ♥



The sky is on fire

tell me what it is you want it to be, in the rain, in the streets, you are amazed by all the things that you see, tell me what I see, hows it got to be black pumpkin


Spoiler:
 

Contenu sponsorisé


Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Marchens Destiny :: Ever After... :: Nous irons au bois :: Coin des artistes-