Partagez|

Code modéle (Non obligatoire)

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Fondatrice

Fondatrice
avatar


Schizophrénie : Evana
Avatar : Margot Robbie
Age : 25 ans
Points de survie. : 249
Messages : 97
Localisation : je suis dans un monde ou il y à que des sucette
En mode bad boys



La folie




MessageSujet: Re: Code modéle (Non obligatoire) Sam 20 Fév 2016, 11:39

Voila j'ai modifie un petit code juste pour vous ^^


Mon journal

Titre



Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.


Titre




Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.


© A-Lice




Code:
<link href='http://fonts.googleapis.com/css?family=Alex+Brush|Aladin' rel='stylesheet' type='text/css'>
  <div style="width:460px; padding:10px; background-image:url(http://hitsk.in/t/15/32/58/i_back_title.jpg); margin:auto;"><span style="display:block; padding:20px; font-size:40px; color:white; text-align:center; font-family: 'Aladin', cursive; position:relative; z-index:4; top:20px; left:-20px;"> Mon journal </span>

<span style="display:block; padding:20px; font-size:40px; color:white; text-align:center; font-family: 'Aladin', cursive; position:relative; z-index:4; top:20px; left:-20px;"> Titre </span>

<div><center><img src="https://49.media.tumblr.com/tumblr_m9pfq0l0Cq1rv5x9bo1_500.gif" height="auto " width="400px" frameborder="0"></img></center></div>
<div style="margin:auto; width:380px; height:150px; overflow:auto; padding:10px; border:2px solid #69274E ; color:#000000; background:#D2D9D4; text-align:justify;">
Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.</div>

<span style="display:block; padding:20px; font-size:40px; color:white; text-align:center; font-family: 'Aladin', cursive; position:relative; z-index:4; top:20px; left:-20px;"> Titre </span><div><center>

<img src="https://49.media.tumblr.com/tumblr_m9pfq0l0Cq1rv5x9bo1_500.gif" height="auto " width="400px" frameborder="0"></img></center></div>
<div style="margin:auto; width:380px; height:150px; overflow:auto; padding:10px; border:2px solid #69274E; color:#000000; background:#D2D9D4; text-align:justify;">
 Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.</div>

  <a href="http://www.never-utopia.com/" style="text-decoration:none; font-size:11px; color:white; text-align:center; display:block;">© A-Lice</a></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Fondatrice

Fondatrice
avatar


Schizophrénie : Evana
Avatar : Margot Robbie
Age : 25 ans
Points de survie. : 249
Messages : 97
Localisation : je suis dans un monde ou il y à que des sucette
En mode bad boys



La folie




MessageSujet: Re: Code modéle (Non obligatoire) Sam 20 Fév 2016, 11:40

Code d’origine.





Mon journal



Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.



Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.


© A-Lice


Code:
  <link href='http://fonts.googleapis.com/css?family=Alex+Brush|Aladin' rel='stylesheet' type='text/css'>
    <div style="width:460px; padding:10px; background-image:url(http://us.cdn3.123rf.com/168nwm/dimanchik/dimanchik1009/dimanchik100900036/7830405-texture-homogene-en-couleur.jpg); margin:auto;">

    <span style="display:block; padding:10px; font-size:30px; color:white; text-align:center; font-family: 'Aladin', cursive; position:relative; z-index:4; top:20px; left:-20px;">Mon journal</span><div style="width:150px; height:150px; overflow:hidden; border:1px solid #ec024b; border-radius:100px; position:relative; left:250px; margin-top:-70px; z-index:1;"><img src="http://img15.hostingpics.net/pics/491685AvatarKProject.png" alt="" /></div>

    <div style="margin:auto; width:380px; height:150px; overflow:auto; padding:10px; border:2px solid #ec024b; color:white; background:#333834; text-align:justify;">
    Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.</div>

    <div style="margin:auto; width:380px; height:150px; overflow:auto; padding:10px; border:2px solid #ec024b; color:white; background:#333834; text-align:justify;">
    Integer vel pharetra nisl. Ut libero elit, pellentesque vitae sollicitudin vitae, tincidunt ac odio. Proin metus purus, dignissim rutrum augue nec, feugiat auctor magna. Nam quis urna in tortor vehicula feugiat. Maecenas vestibulum neque sed feugiat pulvinar. Etiam viverra vulputate porttitor. Nullam ut accumsan nisl, tempor viverra nibh. Nulla facilisi.</div>

    <a href="http://www.never-utopia.com/" style="text-decoration:none; font-size:11px; color:white; text-align:center; display:block;">© A-Lice</a></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Fondatrice

Fondatrice
avatar


Schizophrénie : Christy & Amnesia
Avatar : HAYDEN PANETTIERE
Age : 23 ans
Points de survie. : 187
Messages : 220


MessageSujet: Re: Code modéle (Non obligatoire) Sam 20 Fév 2016, 12:22

Titre

ft. ...

... mots
dialogue en ...
♪ ...

Votre message.



Code:
    <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/BLIG_RP.css" rel="stylesheet" type="text/css"><div class="BLIG"><!-- TITRE & DETAILS - COULEURS PERSONNALISABLES --><div style="background-color:crimson; color:#191919; border-color:#191919;"><!-- TITRE -->Titre<br/><!-- IMAGE 225*85 - REDIMENSIONNEMENT AUTOMATIQUE --><img style="border-color:rgba(0,0,0,0.3);" src="http://33.media.tumblr.com/be703b2b0161e3b2240bdb4cf20691f3/tumblr_nbvp5aIlvl1tkp6f3o7_500.gif" /><!-- DETAILS - COULEURS PERSONNALISABLES --><p style="background-color:rgba(0,0,0,0.2); color:#191919;">ft. ...<br/><br/>... mots<br/>dialogue en ...<br/>♪ ...</p></div><!-- BOITE MESSAGE - COULEUR PERSONNALISABLE --><span style="background-color:#191919;"><!-- CREDIT --><a class="cdtBLIG" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- MESSAGE - COULEURS PERSONNALISABLES --><p style="background-color:rgba(250,250,250,0.3); color:white;">Votre message.</p></span></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Fondatrice

Fondatrice
avatar


Schizophrénie : Christy & Amnesia
Avatar : HAYDEN PANETTIERE
Age : 23 ans
Points de survie. : 187
Messages : 220


MessageSujet: Re: Code modéle (Non obligatoire) Dim 21 Fév 2016, 12:50



Journal



Citation...


Janvier...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Février...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Mars...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Avril...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Mai...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Juin...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Juillet...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Août...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Septembre...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Octobre...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Novembre...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...



Décembre...


00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...

00/00/2020 [url=Url]Titre du rp[/url] avec Nom et Nom
Petite description...






CSS par Gaelle



Code:
<link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
[center]<div style="opacity: 0.6; margin: auto;"><div style="background-color: #000; width: 500px; text-align: center;"><br /><p style="font-family: 'Josefin Slab', serif; font-size: 30px; color: #999; text-align: center;">Journal </p><img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 550px; margin-left: -25px;border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);;" ></div><div style=" width: 500px; background: -moz-linear-gradient(top,  rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );  ">
<div style="padding: 10px; color: #fff; text-align:justify;">
<p style="font-family: 'Josefin Slab', serif; font-size: 20px; color: #999; text-align: center;">[i]Citation...[/i]</p>
<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Janvier...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Février...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Mars...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Avril...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Mai...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Juin...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Juillet...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Août...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Septembre...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Octobre...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Novembre...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<div style="float:left"><p style="font-family: 'Josefin Slab', serif; font-size: 22px; color: #999; text-align: left;">[b]Décembre...[/b]</p>
<img src="https://curiosaetc.files.wordpress.com/2016/02/giphy-1.gif?w=640" style="width: 140px; margin-left: -25px; margin-right: 10px; border: 2px solid #000; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); float:left;" ></div><dl style="margin-left:150px;"><dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
<dt>[b]00/00/2020[/b] [url=Url]Titre du rp[/url] avec Nom et Nom </dt><dd>Petite description...</dd>
</dl>
<div style="clear:both";></div>

<br /><br/>
<div style="font-family: Verdana; font-size:7px; text-align:center; color:#000; text-transform: uppercase; letter-spacing:2px; margin-bottom: -70px;">CSS par Gaelle</div>
</div>
</div></div>[/center]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar


Points de survie. : 2007
Messages : 175


MessageSujet: Re: Code modéle (Non obligatoire) Jeu 07 Juil 2016, 08:44







Titre du message




Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non lacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.

Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.

- Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...

Vestibulum et egestas lorem. Aenean cursus vel tellus non feugiat. Suspendisse massa eros, dignissim ut nulla eget, dapibus tristique tortor. In quis odio et dui cursus pretium. Donec risus lectus, vulputate eget adipiscing non, euismod at mi. Suspendisse tincidunt sagittis ipsum, ac consequat nibh. Cras imperdiet vehicula nibh a faucibus. Etiam suscipit id odio eget eleifend. Fusce eu mi sit amet sem interdum gravida at sit amet mi. Integer sed consequat libero, vitae blandit ligula. Maecenas quis nulla vitae eros ultrices aliquet. Aliquam non est at lorem faucibus congue id eu libero. Vivamus fringilla arcu mi, quis tempor est scelerisque vitae. Nulla vestibulum sagittis condimentum. Ut vel dui quis tortor tempor eleifend ut ac justo.

Vivamus ultricies pulvinar fringilla. Vestibulum arcu ligula, volutpat sit amet varius euismod, tincidunt eget quam. Integer suscipit orci eget sem sagittis, et adipiscing ligula iaculis. Nullam purus augue, adipiscing ut nulla non, sollicitudin pellentesque turpis. Vivamus eu odio eu metus lobortis convallis pellentesque sed tellus. Nullam ac nunc ut diam vehicula porttitor. Morbi fringilla tellus quis dapibus tristique. Aenean vitae sagittis augue. Aliquam dui sapien, pretium sit amet quam at, auctor placerat leo. Mauris malesuada ante sed sem commodo, id euismod quam ullamcorper. Nunc eu felis ut lorem convallis vulputate a a ligula.

Mauris ut scelerisque ante, nec scelerisque felis. Mauris nisl massa, vehicula vel lacus vitae, tristique lobortis enim. Donec non nisl aliquam, varius orci id, convallis ipsum. Nulla commodo malesuada ultrices. Nunc cursus sed justo vel imperdiet. Morbi pretium, metus eget aliquet sagittis, sapien lectus facilisis elit, ac ornare nibh ligula eget libero. Phasellus quam quam, tristique sit amet commodo tincidunt, tincidunt nec libero. Donec blandit tortor volutpat feugiat eleifend. Aliquam pulvinar eros ut arcu posuere, non elementum nisl ultrices. Nulla eu orci a massa pharetra mollis. Mauris interdum ante eget mattis vestibulum. Morbi leo nunc, ornare in faucibus in, sollicitudin non lorem. Fusce mauris eros, feugiat nec mauris quis, eleifend ultricies nulla.



© Jawilsia sur Never Utopia


Code:
<link href='http://fonts.googleapis.com/css?family=Calligraffitti|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>


<center> <div style="background-image: url('http://subtlepatterns.com/patterns/paper.png'); width : 550px; border: solid 2px #e5e5e5;  box-shadow : 2px 2px 10px #a0a0a0; border-radius : 0px;">

<div style="padding: 0px; width: 450px; height: 200px; border: solid 3px #e5e5e5; box-shadow : 2px 2px 10px #a0a0a0; border-radius: 0px ; background-image: url('http://data2.whicdn.com/images/120084254/large.jpg');  -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); ;"></div>
<div style="font-family: 'Calligraffitti', cursive; font-size: 30px; color : #fff; letter-spacing: 2px; padding : 30px;text-align : right " > Titre du message</div>

<div style="width : 480px; height : 500px; overflow : auto; ">
<div style="width : 450px; padding : 0px;font-family: 'Calligraffitti', cursive; font-size: 13px; color : #fff; text-align : justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non lacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.

Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.

- Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...

Vestibulum et egestas lorem. Aenean cursus vel tellus non feugiat. Suspendisse massa eros, dignissim ut nulla eget, dapibus tristique tortor. In quis odio et dui cursus pretium. Donec risus lectus, vulputate eget adipiscing non, euismod at mi. Suspendisse tincidunt sagittis ipsum, ac consequat nibh. Cras imperdiet vehicula nibh a faucibus. Etiam suscipit id odio eget eleifend. Fusce eu mi sit amet sem interdum gravida at sit amet mi. Integer sed consequat libero, vitae blandit ligula. Maecenas quis nulla vitae eros ultrices aliquet. Aliquam non est at lorem faucibus congue id eu libero. Vivamus fringilla arcu mi, quis tempor est scelerisque vitae. Nulla vestibulum sagittis condimentum. Ut vel dui quis tortor tempor eleifend ut ac justo.

Vivamus ultricies pulvinar fringilla. Vestibulum arcu ligula, volutpat sit amet varius euismod, tincidunt eget quam. Integer suscipit orci eget sem sagittis, et adipiscing ligula iaculis. Nullam purus augue, adipiscing ut nulla non, sollicitudin pellentesque turpis. Vivamus eu odio eu metus lobortis convallis pellentesque sed tellus. Nullam ac nunc ut diam vehicula porttitor. Morbi fringilla tellus quis dapibus tristique. Aenean vitae sagittis augue. Aliquam dui sapien, pretium sit amet quam at, auctor placerat leo. Mauris malesuada ante sed sem commodo, id euismod quam ullamcorper. Nunc eu felis ut lorem convallis vulputate a a ligula.

Mauris ut scelerisque ante, nec scelerisque felis. Mauris nisl massa, vehicula vel lacus vitae, tristique lobortis enim. Donec non nisl aliquam, varius orci id, convallis ipsum. Nulla commodo malesuada ultrices. Nunc cursus sed justo vel imperdiet. Morbi pretium, metus eget aliquet sagittis, sapien lectus facilisis elit, ac ornare nibh ligula eget libero. Phasellus quam quam, tristique sit amet commodo tincidunt, tincidunt nec libero. Donec blandit tortor volutpat feugiat eleifend. Aliquam pulvinar eros ut arcu posuere, non elementum nisl ultrices. Nulla eu orci a massa pharetra mollis. Mauris interdum ante eget mattis vestibulum. Morbi leo nunc, ornare in faucibus in, sollicitudin non lorem. Fusce mauris eros, feugiat nec mauris quis, eleifend ultricies nulla.


</div> </div>
<a style="color: #1c1b38 !important; font-size: 10px; padding : 0px; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 2px;" href="http://www.never-utopia.com/">© Jawilsia sur Never Utopia</a>
</div> </center>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://zoo-island.forumactif.be
Contenu sponsorisé





MessageSujet: Re: Code modéle (Non obligatoire)

Revenir en haut Aller en bas
Code modéle (Non obligatoire)
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Code de présentation [obligatoire]
» Modèle de code pour RP (NON OBLIGATOIRE)
» LISTE DE TROUBLES ☩ à utiliser avec modération, non obligatoire
» [Les Royaumes Elfiques] Modélisme
» recensement des primes [obligatoire]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Zoo Island  :: La brochure du forum :: Les Demandes :: Journal-