Partagez | 
 

 Codage pour Relation et journal.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Messages : 274
Jewels : 7562
Date d'inscription : 27/06/2014

MessageSujet: Codage pour Relation et journal.    Dim 31 Aoû - 16:46

j'ai piqué ses code sur le fow de Gajeel ahaha, [donnez les crédit à notre maitre Geehee pour les recherche ]

La majorité vienne de Never Utopia, donc gratuite d'utilisation, pour ceux que ne savent pas codé, n'hésité pas.


TITRE



URL PLAYLIST GROOVESHARK OU YOUTUBE


Relations

NAME
TEXTE TEXTE TEXTE TEXTE
TEXTE TEXTE TEXTE TEXTE
NAME
NAME
TEXTE TEXTE TEXTE TEXTE
TEXTE TEXTE TEXTE TEXTE
NAME
NAME
TEXTE TEXTE TEXTE TEXTE
TEXTE TEXTE TEXTE TEXTE
NAME
NAME
TEXTE TEXTE TEXTE TEXTE
TEXTE TEXTE TEXTE TEXTE
NAME


Liste des RP

Titre du RP ▬ with ...

Titre du RP ▬ with ...

Titre du RP ▬ with ...

Titre du RP ▬ with ...




© Halloween sur Never-Utopia


Code:
<center><div style="width: 500px; background-image: url('http://i73.servimg.com/u/f73/17/97/89/15/13638111.png');"><img src="URL IMAGE EN-TETE" style="width: 500px;">
<div style="font-family: 'Happy Monkey', cursive; font-size: 35px; color: #624F3E; text-align: center; margin-top: -15px; width: 500px; height: 30px; background-color: #CEC4B8; -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); padding-top: 10px;">TITRE</div>


URL PLAYLIST GROOVESHARK OU YOUTUBE


<center><div style="font-family: 'Happy Monkey', cursive; font-size: 20px; color: #624F3E; text-align: left; padding-top: 10px;">Relations</div>
<div style="width: 410px; height: 300px; overflow: auto; padding: 15px; text-align: justify; background-color: #F1EFE0; color: #624F48; -moz-border-radius: 0px 0px 14px 14px ; border-bottom: 4px #624F48 solid; border-top: 10px #624F48 dotted; border-right: 4px #624F48 solid; border-left: 4px #624F48 solid;"><table><tr><td><center><img src="URL IMAGE 1" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td></center></tr></table>
<table><tr><td width="100px;"></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td><td><center><img src="URL IMAGE 2" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td></center></tr></table>
<table><tr><td><center><img src="URL IMAGE 3" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td></center></tr></table>
<table><tr><td width="100px;"></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td><td><center><img src="URL IMAGE 4" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td></center></tr></table>
<table><tr><td><center><img src="URL IMAGE 5" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td></center></tr></table>
<table><tr><td width="100px;"></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td><td><center><img src="URL IMAGE 6" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td></center></tr></table>
<table><tr><td><center><img src="URL IMAGE 7" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td></center></tr></table>
<table><tr><td width="100px;"></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td><td><center><img src="URL IMAGE 8" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td></center></tr></table></div></center>

<div style="font-family: 'Happy Monkey', cursive; font-size: 20px; color: #624F3E; text-align: left; padding-top: 10px;">Liste des RP</div>
<div style="width: 410px; height: 100px; overflow: auto; padding: 15px; text-align: justify; background-color: #F1EFE0; color: #624F48; -moz-border-radius: 0px 0px 14px 14px ; border-bottom: 4px #624F48 solid; border-top: 10px #624F48 dotted; border-right: 4px #624F48 solid; border-left: 4px #624F48 solid;"><a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="URL RP"><b>Titre du RP</b></a> <span style="color: #C4B7A8;">▬ with ...</span>

<a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="URL RP"><b>Titre du RP</b></a> <span style="color: #C4B7A8;">▬ with ...</span>

<a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="URL RP"><b>Titre du RP</b></a> <span style="color: #C4B7A8;">▬ with ...</span>

<a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="URL RP"><b>Titre du RP</b></a> <span style="color: #C4B7A8;">▬ with ...</span>

</div>

<img src="URL IMAGE DE FIN" style="height: 70px; border: 3px solid #FFFFFF; box-shadow: 2px 2px 10px #DBD5D4; -moz-box-shadow:2px 2px 10px #DBD5D4; -webkit-box-shadow:2px 2px 10px #DBD5D4;">
<a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://www.never-utopia.com">© Halloween sur Never-Utopia</a></div></center>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey|Overlock+SC' rel='stylesheet' type='text/css'>

_________________
On ne juge pas un livre par sa couverture.


Dernière édition par Levy Mcgarden le Dim 31 Aoû - 16:50, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://awskitee.tumblr.com/
Messages : 274
Jewels : 7562
Date d'inscription : 27/06/2014

MessageSujet: Re: Codage pour Relation et journal.    Dim 31 Aoû - 16:47

Fiche de Relations

Prénom Nom

Prénom Nom

Prénom Nom


© A-Lice
Some words about you ~

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget erat nec enim feugiat condimentum. Nullam feugiat consectetur nibh, et euismod tellus blandit at. Phasellus viverra a nunc non rutrum. Fusce rutrum tincidunt tristique. Integer pulvinar in nunc sit amet elementum. Quisque dignissim urna ac tellus vestibulum, vitae ullamcorper velit tempor. Quisque aliquam eget ipsum id semper.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget erat nec enim feugiat condimentum. Nullam feugiat consectetur nibh, et euismod tellus blandit at. Phasellus viverra a nunc non rutrum. Fusce rutrum tincidunt tristique. Integer pulvinar in nunc sit amet elementum. Quisque dignissim urna ac tellus vestibulum, vitae ullamcorper velit tempor. Quisque aliquam eget ipsum id semper.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget erat nec enim feugiat condimentum. Nullam feugiat consectetur nibh, et euismod tellus blandit at. Phasellus viverra a nunc non rutrum. Fusce rutrum tincidunt tristique. Integer pulvinar in nunc sit amet elementum. Quisque dignissim urna ac tellus vestibulum, vitae ullamcorper velit tempor. Quisque aliquam eget ipsum id semper.








Code:
    <link href='http://fonts.googleapis.com/css?family=Dosis:200|Merriweather|Handlee' rel='stylesheet' type='text/css'><style type='text/css'>.nom {display:block; text-align:right; font-style:italic; font-size:15px; color:PaleVioletRed; opacity:0.8; font-family: 'Dosis', sans-serif; padding-right:3px;} .image {border-bottom:3px PaleVioletRed solid; width:140px; height:90px; margin-left:15px} .relation {height:85px; overflow:auto; padding:5px;} </style><div style="width:550px; margin:auto;"><div style="display:inline-block; width:175px; height:600px; padding:10px; background:MistyRose; border-top: 2px Lavender solid; border-left: 2px Lavender solid; border-bottom: 2px Lavender solid; position:relative; top:-28px;"><span style="display:block; font-size:30px; text:align:center; text-shadow: 2px 2px 0px Thistle; color:PaleVioletRed; margin-top:10px; font-family: 'Handlee', cursive; padding-bottom:10px;">Fiche de Relations</span><div style="height:530px; overflow:auto;">
    <span class="nom">Prénom Nom</span><img src="http://img11.hostingpics.net/pics/474949SpringRinOkumura.png" alt="" class="image" /><br/>
    <span class="nom">Prénom Nom</span><img src="http://img11.hostingpics.net/pics/127716SpringRinOkumura02.png" alt="" class="image" /><br/>
    <span class="nom">Prénom Nom</span><img src="http://img11.hostingpics.net/pics/596242SpringRinOkumura03.png" alt="" class="image" /><br/>

    </div><a href="http://www.never-utopia.com/" style="display:block; text-align:center; text-decoration:none; color:PaleVioletRed; opacity:0.9;">© A-Lice</a></div><div style="display:inline-block; width:325px; height:600px; padding:10px; background:Lavender; border-radius:0px 20px 20px 0px; border-top: 2px MistyRose solid; border-right: 2px MistyRose solid; border-bottom: 2px MistyRose solid;"><span style="display:block; height:28px; overflow:auto; font-size:13px; text:align:center; color:PaleVioletRed; margin-top:10px; font-family: 'Handlee', cursive; padding-bottom:10px;">Some words about you ~</span>
    <span style="display:block; text-align:justify; color:PaleVioletRed; overflow:auto; height:530px; padding-right:3px; font-family: 'Merriweather', serif;">
    <div class="relation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget erat nec enim feugiat condimentum. Nullam feugiat consectetur nibh, et euismod tellus blandit at. Phasellus viverra a nunc non rutrum. Fusce rutrum tincidunt tristique. Integer pulvinar in nunc sit amet elementum. Quisque dignissim urna ac tellus vestibulum, vitae ullamcorper velit tempor. Quisque aliquam eget ipsum id semper.</div><br/>
    <div class="relation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget erat nec enim feugiat condimentum. Nullam feugiat consectetur nibh, et euismod tellus blandit at. Phasellus viverra a nunc non rutrum. Fusce rutrum tincidunt tristique. Integer pulvinar in nunc sit amet elementum. Quisque dignissim urna ac tellus vestibulum, vitae ullamcorper velit tempor. Quisque aliquam eget ipsum id semper.</div><br/>
    <div class="relation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget erat nec enim feugiat condimentum. Nullam feugiat consectetur nibh, et euismod tellus blandit at. Phasellus viverra a nunc non rutrum. Fusce rutrum tincidunt tristique. Integer pulvinar in nunc sit amet elementum. Quisque dignissim urna ac tellus vestibulum, vitae ullamcorper velit tempor. Quisque aliquam eget ipsum id semper.</div><br/>

    </span>

    </div></div>



_________________
On ne juge pas un livre par sa couverture.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://awskitee.tumblr.com/
Messages : 274
Jewels : 7562
Date d'inscription : 27/06/2014

MessageSujet: Re: Codage pour Relation et journal.    Dim 31 Aoû - 16:47



Nom Prénom

✿ Infos personnage ✿
....
❀ Lien recherchés ❀
....




Code de Frosty Blue de Never Utopia

Code:
<center><style type="text/css">div.cadre_jap {background: url(http://i39.servimg.com/u/f39/18/01/25/82/1280_810.jpg); width: 500px; overflow: hidden; padding-top: 10px; padding-left: 10px;} div.cadre2_jap {background-color: #bf1834; border-top: 4px #90071b solid; border-left: 4px #90071b solid; text-align: justify; color: white; font-family: Sans-serif;} div.jap_main_title {font-family: 'Tulpen One'; font-size: 60px; color: #90071b; text-shadow: 0px 0px 2px white; text-align: center; margin: 2px;} div.perso_jap { width: 400px; height: 200px; color: white; text-align: justify; margin: auto; z-index: 4; font-size: 13px; margin-top: 15px;} div.img_perso_jap { position: relative; z-index: 4; width: 400px; height: 200px; margin-left: 0px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s;  -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s;-webkit-transition: 1s;  opacity: 1;-moz-opacity: 1; -khtml-opacity: 1;filter: alpha(opacity=1);overflow: hidden;} div.perso_jap:hover .img_perso_jap{ opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;filter: alpha(opacity=0);transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; z-index: 1;} div.info_perso_jap {position: relative; z-index: 1; width: 380px; height: 180px; margin-top: -200px; text-align: justify; font-size: 13px; color: white; padding: 10px; overflow: auto;} div.link_cadre_jap {background-color: #bf1834; border: 4px #90071b solid; width: 200px; height: 250px; margin: 10px; display: inline-block;} div.link_name_jap {font-family: 'Tulpen One'; font-size: 50px; color: #90071b; text-shadow: 0px 0px 2px white; text-align: center; margin-top: -10px; z-index: 6;} div.link_info_jap {padding: 7px; text-align: justify; height: 115px; overflow: auto;} </style><link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>

<div class="cadre_jap"><div class="cadre2_jap"><div class="jap_main_title">Nom Prénom</div><div class="perso_jap"><div class="img_perso_jap"><img src="http://i39.servimg.com/u/f39/18/01/25/82/lien_b10.jpg"/></div><div class="info_perso_jap">
<center>✿ Infos personnage ✿
....
❀ Lien recherchés ❀
....</center>
</div></div>

<center><div class="link_cadre_jap"><div class="link_name_jap">❀ Nom Prénom</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(http://i39.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div><div class="link_cadre_jap"><div class="link_name_jap">Nom Prénom  ❀</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(http://i39.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div></center>
<center><div class="link_cadre_jap"><div class="link_name_jap">✿ Nom Prénom</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(http://i39.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div><div class="link_cadre_jap"><div class="link_name_jap">Nom Prénom ✿</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(http://i39.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div></center><div style="text-align: right; font-size: 10px; color: lightgrey; margin-right: 5px;">Code de Frosty Blue de <a href="http://www.never-utopia.com/">Never Utopia</a></div></div></div></center>

_________________
On ne juge pas un livre par sa couverture.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://awskitee.tumblr.com/
Messages : 274
Jewels : 7562
Date d'inscription : 27/06/2014

MessageSujet: Re: Codage pour Relation et journal.    Dim 31 Aoû - 16:48



RELATIONSHIP

« citation en mode Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at tellus diam. »


A small description ~

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at tellus diam. Mauris varius sit amet dolor eget pretium. Morbi nec tortor bibendum eros scelerisque pellentesque. Nam auctor ultrices dictum. Etiam venenatis bibendum risus. Curabitur commodo nunc a lorem lobortis congue. Integer dictum lorem risus, eu facilisis diam consectetur et.
Suspendisse eu metus non justo varius dictum. Cras iaculis placerat lorem, et malesuada lectus. Nam nisi mauris, gravida sit amet augue vel, ultrices egestas leo. Vestibulum sollicitudin semper lorem, id sagittis dui hendrerit sed. Nulla malesuada tristique bibendum. Suspendisse gravida sodales ligula, at malesuada sapien egestas ac. Nulla facilisi. Proin quis quam sit amet arcu bibendum ultricies. Etiam tempus tristique libero egestas sodales. Praesent lobortis leo sed arcu congue bibendum. Quisque id velit ut arcu egestas consequat. Vestibulum consequat turpis in diam eleifend rutrum id quis turpis. Nunc dignissim consequat congue. Aenean quis interdum erat. Nunc tempus metus id lectus consectetur, et posuere enim porttitor. Sed vel posuere nunc.


© By A-Lice sur Never-Utopia


Code:
<link href='http://fonts.googleapis.com/css?family=Indie+Flower|Rock+Salt' rel='stylesheet' type='text/css'><div style="width:85%; margin:auto; background-color:#342428; padding:20px; border-top-left-radius: 300px; border-bottom-right-radius: 300px; border:3px Brown solid;">
<style type="text/css">.link_1{width:80%; padding:10px; font-size:0px; margin-left:10px; background-image:url(http://fc05.deviantart.net/fs70/f/2010/130/2/d/Sombre__by_haris_1991.jpg); height:150px; overflow:hidden; border-radius:50px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -ms-transition:1s; -o-transition:1s;} .link_1:hover{background:none; width:80%; margin-left:10px; height:150px; overflow:auto; border-radius:50px; font-size:12px; color:white; text-align:justify; padding:10px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -ms-transition:1s; -o-transition:1s;} </style>
<div style="transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); border:2px dotted white; background-color:pink; color:white; font-size:25px; text-align:center; padding:8px; border-radius:35px; width:70%; margin-left:20%; font-family: 'Rock Salt', cursive;">RELATIONSHIP</div>
<p><div style="float:left; width:40%; margin-top:110px; text-align:justify; font-size:11px; font-style:italic; color:white; padding:5px; margin-right:50px; margin-left:20px;">« citation en mode Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at tellus diam. »</div><div style="border-radius:150px; border:2px solid Brown; overflow:hidden; width:300px; height:300px; box-shadow:2px 2px 2px white;"><img src="http://data3.whicdn.com/images/118979474/large.jpg" alt="" /></div></p>
<span style="margin-top:-50px; font-size:20px; text-indent:20px; display:block; color:white; text-shadow:2px 2px 3px Crimson; font-family: 'Indie Flower', cursive;">A small description ~</span>
<p><span style="text-align:justify; font-size:14px; color:pink; overflow:auto; height:150px; padding:5px; display:inline-block; column-count:2; -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; -o-column-count:2;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at tellus diam. Mauris varius sit amet dolor eget pretium. Morbi nec tortor bibendum eros scelerisque pellentesque. Nam auctor ultrices dictum. Etiam venenatis bibendum risus. Curabitur commodo nunc a lorem lobortis congue. Integer dictum lorem risus, eu facilisis diam consectetur et.
Suspendisse eu metus non justo varius dictum. Cras iaculis placerat lorem, et malesuada lectus. Nam nisi mauris, gravida sit amet augue vel, ultrices egestas leo. Vestibulum sollicitudin semper lorem, id sagittis dui hendrerit sed. Nulla malesuada tristique bibendum. Suspendisse gravida sodales ligula, at malesuada sapien egestas ac. Nulla facilisi. Proin quis quam sit amet arcu bibendum ultricies. Etiam tempus tristique libero egestas sodales. Praesent lobortis leo sed arcu congue bibendum. Quisque id velit ut arcu egestas consequat. Vestibulum consequat turpis in diam eleifend rutrum id quis turpis. Nunc dignissim consequat congue. Aenean quis interdum erat. Nunc tempus metus id lectus consectetur, et posuere enim porttitor. Sed vel posuere nunc.
</span></p>
<p><div class="link_1">Je recherche ...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at tellus diam. Mauris varius sit amet dolor eget pretium. Morbi nec tortor bibendum eros scelerisque pellentesque. Nam auctor ultrices dictum. Etiam venenatis bibendum risus. Curabitur commodo nunc a lorem lobortis congue. Integer dictum lorem risus, eu facilisis diam consectetur et.</div></p><a href="http://www.never-utopia.com/" style="text-decoration:none; display:block; text-align:center;">© By A-Lice sur Never-Utopia</a></div>

_________________
On ne juge pas un livre par sa couverture.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://awskitee.tumblr.com/
Messages : 274
Jewels : 7562
Date d'inscription : 27/06/2014

MessageSujet: Re: Codage pour Relation et journal.    Dim 31 Aoû - 16:48



I am...
Description du personnage
I want...
Liens recherchés



Nom Prénom
Description du lien

Nom Prénom
Description du lien

Nom Prénom
Description du lien

Nom Prénom
Description du lien


Code de Frosty Blue de Never Utopia


Code:
<center><div style="background: url(http://i57.servimg.com/u/f57/18/01/25/82/00011010.png); border-right: 10px black solid; border-left: 10px black solid; border-bottom: 2px black solid; width: 550px; min-height: 1000px;"><img src="http://i57.servimg.com/u/f57/18/01/25/82/black210.jpg"/><div style="border-top: 10px black solid;"></div>
<div style="width: 500px;"><center>
<div style="background: rgba(0,0,0,0.5); border: black 4px solid; color: lightgrey; text-align: justify; width: 48%; height: 200px; overflow: auto; float: left; margin-right: -8px;"><div style="border-bottom: 4px solid black; font-family: Georgia; font-size: 25px; text-shadow: 1px 1px 0px black; text-align: center; padding: 5px;">I am...</div><div style="margin: 10px;">Description du personnage</div></div><div style="background: rgba(0,0,0,0.6); border-top: black 4px solid; border-bottom: black 4px solid; border-right: black 4px solid;color: lightgrey; text-align: justify; width: 48%; height: 200px; overflow: auto;"><div style="border-bottom: 4px solid black; font-family: Georgia; font-size: 25px; text-shadow: 1px 1px 0px black; text-align: center; padding: 5px;">I want...</div><div style="margin: 10px; ">Liens recherchés</div></div>
</center></div>
<div style="border-top: 8px solid rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; margin-left: -2px; transform: rotate(1deg); width: 102%; margin-bottom: 5px;"></div><div style=" border-top: 8px solid black; margin-left: -2px; width: 102%; margin-bottom: 5px; transform: rotate(-2deg);"></div>
<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">Description du lien</div>
<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">Description du lien</div>
<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">Description du lien</div>
<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">Description du lien</div>
</div></center>
<center><div style="background-color: black; text-align: right; font-size: 10px; color: lightgrey; padding: 5px; width: 60%;">Code de Frosty Blue de <a href="http://www.never-utopia.com/">Never Utopia</a></div></center>

_________________
On ne juge pas un livre par sa couverture.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://awskitee.tumblr.com/
Messages : 274
Jewels : 7562
Date d'inscription : 27/06/2014

MessageSujet: Re: Codage pour Relation et journal.    Dim 31 Aoû - 16:49


NOM Prénom
Une citation illustrant ce que je suis ou ce que je veux







Qui je suis. Quapropter a natura mihi videtur potius quam ab indigentia orta amicitia, applicatione magis animi cum quodam sensu amandi quam cogitatione quantum illa res utilitatis esset habitura. Quod quidem quale sit, etiam in bestiis quibusdam animadverti potest, quae ex se natos ita amant ad quoddam tempus et ab eis ita amantur ut facile earum sensus appareat. Quod in homine multo est evidentius, primum ex ea caritate quae est inter natos et parentes, quae dirimi nisi detestabili scelere non potest;

Ce que je recherche. Quapropter a natura mihi videtur potius quam ab indigentia orta amicitia, applicatione magis animi cum quodam sensu amandi quam cogitatione quantum illa res utilitatis esset habitura. Quod quidem quale sit, etiam in bestiis quibusdam animadverti potest, quae ex se natos ita amant ad quoddam tempus et ab eis ita amantur ut facile earum sensus appareat. Quod in homine multo est evidentius, primum ex ea caritate quae est inter natos et parentes, quae dirimi nisi detestabili scelere non potest;

(c) Codage par Asmareth pour Never Utopia



Code:
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<div style="width: 80%; margin: auto; background-color: #FFE173; color: #695D3E; border: 5px white double; border-radius: 10px; padding: 30px; text-align: justify;"><table style="width: 100%;"><tr><span style="display: block; font-variant: small-caps; font-family: 'Bad Script', cursive; font-size:32px; font-weight: bold; letter-spacing: -4px; color : #695D3E; margin-bottom: -10px;" align="center">NOM Prénom</span>
<span style="display: block; text-transform: lowercase; font-family: 'Bad Script', cursive; font-size:20px; letter-spacing: -2px; color : #695D3E; margin-bottom: -10px;" align="center">Une citation illustrant ce que je suis ou ce que je veux</span></tr><tr><td><div style="width: 100px; height: 100px; background: url(http://illiweb.com/fa/pbucket.gif); border: 3px solid white; border-bottom-left-radius: 100px; border-top-right-radius: 100px;"></div>
<div style="width: 100px; height: 100px; background: url(http://illiweb.com/fa/pbucket.gif); border: 3px solid white; border-bottom-right-radius: 100px; border-top-left-radius: 100px; margin-left: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://illiweb.com/fa/pbucket.gif); border: 3px solid white; border-bottom-left-radius: 100px; border-top-right-radius: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://illiweb.com/fa/pbucket.gif); border: 3px solid white; border-bottom-right-radius: 100px; border-top-left-radius: 100px; margin-left: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://illiweb.com/fa/pbucket.gif); border: 3px solid white; border-bottom-left-radius: 100px; border-top-right-radius: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://illiweb.com/fa/pbucket.gif); border: 3px solid white; border-bottom-right-radius: 100px; border-top-left-radius: 100px; margin-left: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://illiweb.com/fa/pbucket.gif); border: 3px solid white; border-bottom-left-radius: 100px; border-top-right-radius: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://illiweb.com/fa/pbucket.gif); border: 3px solid white; border-bottom-right-radius: 100px; border-top-left-radius: 100px; margin-left: 90px; margin-top: -80px;"></div></td>
<td><div style="width:90%; margin: auto; font-size: 10px; background-color: white; opacity: 0.8; padding: 10px; border-radius: 20px; box-shadow: 2px 2px 5px #807868;">Qui je suis. Quapropter a natura mihi videtur potius quam ab indigentia orta amicitia, applicatione magis animi cum quodam sensu amandi quam cogitatione quantum illa res utilitatis esset habitura. Quod quidem quale sit, etiam in bestiis quibusdam animadverti potest, quae ex se natos ita amant ad quoddam tempus et ab eis ita amantur ut facile earum sensus appareat. Quod in homine multo est evidentius, primum ex ea caritate quae est inter natos et parentes, quae dirimi nisi detestabili scelere non potest;</div>
<div style="width:90%; margin: auto; font-size: 10px; background-color: white; opacity: 0.8; padding: 10px; border-radius: 20px; box-shadow: 2px 2px 5px #807868;">Ce que je recherche. Quapropter a natura mihi videtur potius quam ab indigentia orta amicitia, applicatione magis animi cum quodam sensu amandi quam cogitatione quantum illa res utilitatis esset habitura. Quod quidem quale sit, etiam in bestiis quibusdam animadverti potest, quae ex se natos ita amant ad quoddam tempus et ab eis ita amantur ut facile earum sensus appareat. Quod in homine multo est evidentius, primum ex ea caritate quae est inter natos et parentes, quae dirimi nisi detestabili scelere non potest;</div>
</td></tr></table>
<div style="text-align: right; color:#FFBC00; font-size: 8px; margin-bottom: -30px;">(c) Codage par Asmareth pour <a href="http://www.never-utopia.com/" style="color: white;">Never Utopia</a></div></div>

</link>


Titre du groupe

(c) Codage par Asmareth pour Never Utopia


Nom du lien ¤ Nature du lien

Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore

Nom du lien ¤ Nature du lien

Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore

Nom du lien ¤ Nature du lien

Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore




Code:
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<div style="width: 300px; margin: auto; font-family: 'Bad Script', cursive; font-size:40px; letter-spacing: -2px; color : white; text-align: center; font-variant: small-caps;">Titre du groupe</div>
<div style="border-bottom: 10px solid #FFE173; width: 500px; margin: auto; border-radius: 100px; box-shadow: 2px 2px 5px #807868; margin-top: -20px;"></div><div style=" width: 500px; margin-left: auto; margin-right: auto; margin-top: -5px; text-align: right; color:#FFBC00; font-size: 7px;">(c) Codage par Asmareth pour <a href="http://www.never-utopia.com/" style="color: white;">Never Utopia</a></div>

<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>
<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>
<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>

</link>

_________________
On ne juge pas un livre par sa couverture.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://awskitee.tumblr.com/
Contenu sponsorisé



MessageSujet: Re: Codage pour Relation et journal.    

Revenir en haut Aller en bas
 

Codage pour Relation et journal.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Le codage pour les nuls
» Codage pour le RP
» Codage pour présenter un rp
» Codes en libre service ✖ aka J'ai que ça à faire [FERMÉ]
» Codes pour embellir vos RP

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Fairy Tail : Last Time :: Fiore no okoku :: Section Détente :: Graphicious-