Neigeux
-6°

La ville est en Février 2021

Partagez
 

 Libre Service Codage

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Libre Service Codage   Libre Service Codage EmptyLun 20 Mar - 14:12

Bon voilà je suis débutante en code, mais je partage certain truc ^-^ Je demande juste de pas enlever le copyright mici :3

Tout d'abord une fiche de présentation pour ceux qui le souhaite :

Préz:
 

Le code :
Spoiler:
 

Ensuite un petit code pour RP :

Fiche Rp:
 

et le code :

Spoiler:
 

Je suis preneuse de critique et de conseil ^-^


Dernière édition par Lyana Dreiden le Mar 28 Jan - 8:35, édité 2 fois
Revenir en haut Aller en bas
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage EmptyLun 20 Mar - 14:27

Bah t'as raison, faut bien commencer quelque part Razz

Moi je code qu'à peine donc je vais pas trop me permettre d'étaler ma science, en revanche je te proposerais bien un petit div style="padding:XXpx" après le code du cadre orange et de la font, de façon à alléger le texte. En rajoutant des marges ça fait respirer un peu et c'est moins "pâté", enfin de mon point de vue en tout cas ça permet une lecture plus agréable o/
Revenir en haut Aller en bas
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage EmptyLun 20 Mar - 14:37

Ouais, tu as raison je changerais ça, c'était un vieux que j'ai retrouvée alors j'y ais pas trop touchée x) Je changerais ça et je prend note Razz Merci ^-^
Revenir en haut Aller en bas
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage EmptyMer 30 Aoû - 20:46

Voilà une petite fiche de lien ♥ que j'ai fais avec amour et rage

Rendu ♥:
 

Malheureusement les boutons de selections ne s'affiche pas sur Quederla (je pense contradiction avec le codage du forum car il marche sur d'autre forum en balise style. Je vous mets quand même le code et dite moi ce que vous en pensez ♥ Ceux qui veulent l'utiliser mais d'une autre couleur demandez moi ça se fait très facilement :3

HTML:
 
CSS:
 
Revenir en haut Aller en bas
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage EmptyMer 30 Aoû - 22:03

C'est rose.

ettrèsjoli
Revenir en haut Aller en bas
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage EmptyMar 5 Sep - 18:34

Ajout d'une fiche RP ♥️

Rendu ♥ :
 

Code:
[center]<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amiri" rel="stylesheet">
<style>
#pj1{height: 100px;width: 100px;border-radius: 100px;display:inline-block;}#pj2{height: 100px;width: 100px;border-radius: 100px;margin: auto;display:inline-block;}.imgpj1{height: 100px;width: 100px;border-radius: 100px;}#pj1description{position:absolute;margin-top: -100px;width:100px;height:100px;border-radius: 100px;background-color:#CB5434;text-align:center;}#pj2description{position:absolute;margin-top: -100px;width:100px;height:100px;border-radius: 100px;background-color:#CB5434;text-align:center;}.texte{display:inline-block;text-align:center;}.n1{margin-top:15px;display:inline-block;color:#FF9900;font-size:18px;padding-bottom:4px;border-bottom:solid #FFCC99 1px;}.n2{display:inline-block;color:#FFCC99;font-style:italic;text-transform:lowercase;font-size:16px;
padding-top:2px;}#pj1 #pj1description{transition:all 1s;-webkit-transition:all 1s;opacity:0;filter:Alpha(opacity=0);} #pj1:focus #pj1description,#pj1:hover #pj1description{opacity:1;filter:Alpha(opacity=100);}#pj2 #pj2description{transition:all 1s;-webkit-transition:all 1s;opacity:0;filter:Alpha(opacity=0);} #pj2:focus #pj2description,#pj2:hover #pj2description{opacity:1;filter:Alpha(opacity=100);}#titre{display: inline-block;color: #58D3F7;font-size:25px; font-family: Cinzel;transition:all .5s;-webkit-transition:all .5s;text-align: center;} #titre:hover{color:#FE642E;text-shadow:0 0 5px #0040FF;} </style>
<div style="background-image: url('http://wallpapercraft.net/wp-content/uploads/2016/04/Vintage-red-texture-wallpapers-HD-backgrounds.png');height: 600px;width: 500px;">
<table><tr><td><div id="pj1">
<img class="imgpj1" src="http://www.phonandroid.com/forum/download/file.php?avatar=968674_1409140506.jpg">
<div id="pj1description">
<span class="texte"> <span class="n1">Perso 1 </span><br/> <span class="n2">« Titre »</span></span> </div></div></td><td>
<div id="titre">Titre de la mort qui tue</div></td><td><div id="pj2"><img class="imgpj1" src="http://www.phonandroid.com/forum/download/file.php?avatar=968674_1409140506.jpg">
<div id="pj2description">
<span class="texte"> <span class="n1">Perso 2 </span><br/> <span class="n2">« Titre »</span></span> </div></div></td></tr></table>
<div style="background-color: #420000; width: 400px; height: 385px; overflow: auto; margin-top: 15px; margin-left: 10px;
border-radius: 10px 10px 10px 10px; color:#FFF2F2; text-align: justify; font-size: 14px;padding: 15px; font-family: Amiri">Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.
Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.
Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.</div>
<div style="color: #FFF2F2; text-align: center; margin-top: -5px;">©️ by AngelsMari </div>[/center]

Oui cette fois C'est rouge.


Dernière édition par Bay Sydala le Mer 21 Mar - 17:20, édité 1 fois
Revenir en haut Aller en bas
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage EmptyLun 11 Sep - 14:51

Fiche de RP verte pour Sh'äl :3 Si tu aimes pas je t'en referais une xD J'ai repris mon ancienne que j'ai améliorée et changé les couleurs \o/

Rendu d'une fiche RP:
 


Code:
<link href="https://fonts.googleapis.com/css?family=Passion+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Yrsa" rel="stylesheet">
<style type="text/css">.fiche{background-image: url('https://i.pinimg.com/originals/ee/36/bb/ee36bba761e74b7f65fc618f8f98b719.jpg'); width: 500px; height: 775px; border-radius: 30px 0px 30px 0px; border: solid 1px} .img{color: #00BFFF; width: 500px; height: 220px; border-radius: 30px 0px 0px 0px;}.titre{text-align: center;margin-top: 10px; } .rp{background-color: #21610B; width: 400px; height: 445px; overflow-y: scroll; text-align: justify; color: #BCF5A9; font-size: 15px;  color: #BCF5A9; padding-left: 10px; padding-right: 10px; margin-left: 48px; border-radius: 10px 10px 10px 10px;font-family: 'Yrsa', serif;}</style>

<div class="fiche"><img src='http://img11.hostingpics.net/pics/902917Sanstitre4.png' class="img"><div class="titre"><span style="Font-Family: 'Passion One', cursive; color: #BCF5A9; font-size: 42px; text-shadow: 3px 3px 3px #21610B;">Titre du RP </span></br></br><span style="font-family:'Passion One', cursive;font-size: 40px; color: #A9F5F2; text-shadow: 3px 3px 3px #0B615E; "> Qui et qui ?</span></div>
<div class="rp">
Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.

Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.

Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.
</div><div style="color: #E0F8F7; text-align: center;margin-top: 10px">© By AngelsMari</div></div>
Revenir en haut Aller en bas
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage EmptyVen 29 Déc - 16:07

Une fiche pour Sanael, si tu as besoin d'aide pour t'en sortir (surtout poour les images des hovers qui se trouve dans les styles) viens me demander. Si tu aimes pas pas grave je t'en ferais une autre

Fiche RP:
 

et le code :
Code:
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet"><style type="text/css">.fichefond {position: relative;width: 500px;height: auto; margin: auto;overflow: hidden; border-radius: 10px;background: url('https://images.freecreatives.com/wp-content/uploads/2016/03/Floral-Dark-Pattern-For-Free.jpg');background-size: 150px;}.texterp { width: 250px;height: 320px;text-align: justify; border-radius: 10px;overflow: auto;color: #D5D7DE;font-family: 'Playfair Display', serif;font-size:13px;} #table {border-spacing: 10px;} #titredurp{display:block; text-align:center;font-family: 'Great Vibes', cursive; color: #D5D7DE; font-size: 40px; text-shadow: 3px 3px 3px #7A7C81; margin-top: 20px;} #feat{display:block; text-align:right; font-style:italic; font-size:18px; color:#A4A6AB;font-family: 'Dancing Script', cursive; margin-right: 10px;}.image{width : 200px;height : 320px;display : block; border-radius: 10px; background : url("https://img15.hostingpics.net/pics/690628200320.png") no-repeat;}.image:hover{background-image : url("http://img4.hostingpics.net/pics/201138dianna51c7ff9e.png");transition: all 1s;}</style>
<div class="fichefond"><span id="titredurp">Titre du RP qui peut être long ça dérange pas </span><span id="feat">Featuring xxx</span><table id="table"><tr><td><div class="texterp">
Raptim igitur properantes ut motus sui rumores celeritate nimia praevenirent, vigore corporum ac levitate confisi per flexuosas semitas ad summitates collium tardius evadebant. et cum superatis difficultatibus arduis ad supercilia venissent fluvii Melanis alti et verticosi, qui pro muro tuetur accolas circumfusus, augente nocte adulta terrorem quievere paulisper lucem opperientes. arbitrabantur enim nullo inpediente transgressi inopino adcursu adposita quaeque vastare, sed in cassum labores pertulere gravissimos.

Nec minus feminae quoque calamitatum participes fuere similium. nam ex hoc quoque sexu peremptae sunt originis altae conplures, adulteriorum flagitiis obnoxiae vel stuprorum. inter quas notiores fuere Claritas et Flaviana, quarum altera cum duceretur ad mortem, indumento, quo vestita erat, abrepto, ne velemen quidem secreto membrorum sufficiens retinere permissa est. ideoque carnifex nefas admisisse convictus inmane, vivus exustus est.

Utque proeliorum periti rectores primo catervas densas opponunt et fortes, deinde leves armaturas, post iaculatores ultimasque subsidiales acies, si fors adegerit, iuvaturas, ita praepositis urbanae familiae suspensae digerentibus sollicite, quos insignes faciunt virgae dexteris aptatae velut tessera data castrensi iuxta vehiculi frontem omne textrinum incedit: huic atratum coquinae iungitur ministerium, dein totum promiscue servitium cum otiosis plebeiis de vicinitate coniunctis: postrema multitudo spadonum a senibus in pueros desinens, obluridi distortaque lineamentorum conpage deformes, ut quaqua incesserit quisquam cernens mutilorum hominum agmina detestetur memoriam Samiramidis reginae illius veteris, quae teneros mares castravit omnium prima velut vim iniectans naturae, eandemque ab instituto cursu retorquens, quae inter ipsa oriundi crepundia per primigenios seminis fontes tacita quodam modo lege vias propagandae posteritatis ostendit.</div></td><td><div class="image"></div></td></tr></table><div style="color: #FFF2F2; text-align: center; margin-top: -5px;">©️ by AngelsMari </div>
</div>
Revenir en haut Aller en bas
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage EmptyMar 28 Jan - 9:25

Bon je reprend ce sujet maintenant que je fais des trucs plus propre et plus jolie qu'avant **tousse**

avatar

Informations

Nom : Jones
Prénom : Alexander
Âge : 22ans
Camp : Gouvernement
Pouvoir : //
Situation : Célibataire

Mon caractère

Qualité
Défaut
Qualité
Défaut
Défaut
Défaut

Je recherche

Je recherche des amis, des petits amis ou je sais pas trop ! Venez me contactez en PV pour qu'on en discute, on pourra surement trouver un arrangement ?

Rp en cours



Rp terminé



Rp abandonné




Code:
<style type="text/css">.fond_fichelien1{width: 500px;box-shadow: 2px 2px 2px black;overflow: hidden; text-align: left}.info_lien1{ width: 200px; height: 400px; float: left; position: relative;}.imglien1{ height: 100%; position: relative;margin: 0;z-index: 2; opacity: 1;}.contenu_info_lien1{ position: absolute; height: 400px; width: 180px;padding: 0 10px; background-color: #e8e2e4; border-right: 1px dashed black; top: 0;font-size: 12px; overflow: auto;}.contenu_info_lien1 h1{ margin-top: 5px; margin-bottom: 5px; border-bottom: inherit; font-size: 16px;}.contenu_info_lien1 span{ color: #9d9126;}.contenu_info_lien1 span::before{ content: "\002605  ";}.info_lien1:hover .imglien1{ margin-top: -400px; transition: 0.5s;}.caractlien1{ width: 90%; margin: auto; display: flex; flex-wrap: wrap; text-align: center;}.caractlien1 div{ color: white; padding: 5px; width: 40%;margin-left: 5px;margin-top: 5px; background-color: #9d9126;}.recherchelien1{ height: auto; overflow: auto;text-align:justify;}.liste_rplien1{ background-color: #e8e2e4;padding: 5px 20px; height: 390px; width: calc(100% - 240px);font-size: 14px; overflow: auto;float: right;}ul{ padding: 0;margin-block-start:0px;margin-block-end: 0px;}li{list-style-type: none; font-size: 13px}li a{ color: #b4780b !important;}li::before{ content: "\00221E  ";}h1{font-size: 18px; text-align: center;border-bottom: 1px dashed #b4a530;}h1::before{content: "\0022C9  "; color: #b4a530;}</style>
[center]<div class="fond_fichelien1"><div class="info_lien1"><img src="https://i.ibb.co/XVP0NsM/Pr-defini.png" alt="avatar" class="imglien1"/><div class="contenu_info_lien1"><h1>Informations</h1><span>Nom :</span> Jones
<span>Prénom :</span> Alexander
<span>Âge :</span> 22ans
<span>Camp :</span> Gouvernement
<span>Pouvoir :</span> //
<span>Situation :</span> Célibataire
<h1>Mon caractère</h1><div class="caractlien1"><div>Qualité</div><div>Défaut</div><div>Qualité</div><div>Défaut</div><div>Défaut</div><div>Défaut</div></div>
<h1>Je recherche</h1><div class="recherchelien1">Je recherche des amis, des petits amis ou je sais pas trop ! Venez me contactez en PV pour qu'on en discute, on pourra surement trouver un arrangement ?
</div></div></div><div class="liste_rplien1"><h1>Rp en cours</h1>
<ul><li><a href="#">Blabla Titre d'un RP qui peut-être très long</a> - Kira Seryk</li><li><a href="#">Blabla</a> - xx</li> </ul>
<h1>Rp terminé</h1>
<ul><li><a href="#">Blabla</a> - xx</li><li><a href="#">Blabla</a> - xx</li><li><a href="#">Blabla</a> - xx</li><li><a href="#">Blabla</a> - xx</li></ul>
<h1>Rp abandonné</h1>
<ul><li><a href="#">Blabla</a> - xx</li></ul></div>
</div>[/center]

Puis voici les liens qui vont avec :




Libre Service Codage 75
♡  Dreiden Nashoba - Petit Ami
Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.
Libre Service Codage 75
⚔ Baelfire Gold - Ennemi
Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.
Image75*75
🗲 Eliza Osorn - Rivale
Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.
Image 75*75
Nom Prénom - Type de lien
Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.
Image 75*75
Nom Prénom - Type de lien
Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.
Image 75*75
Nom Prénom - Type de lien
Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.

Code:

<style type="text/css">.relationlien1{height: auto; width: 500px; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left}.cadre_lien1{margin-top: 50px; background-color: #e8e2e4; width: 150px; height: 200px; position: relative;padding: 5px;}.cadre_lien1 img{position: absolute;top: -43px; left: 43px; border-radius: 100%;border: 1px solid black;}.titrelien1{ margin-top: 35px;color: #9d9126;}.descrilien1{margin-top: 10px;text-align: justify;height: 110px;padding: 2px; overflow: auto;}</style>

[center]<div class="relationlien1">
<div class="cadre_lien1"><img src="https://i.ibb.co/RyYgHnL/75.png" alt=""/><div class="titrelien1">♡  Dreiden Nashoba - Petit Ami</div><div class="descrilien1">Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.</div></div><div class="cadre_lien1"><img src="https://i.ibb.co/RyYgHnL/75.png" alt=""/><div class="titrelien1">⚔ Baelfire Gold - Ennemi</div><div class="descrilien1">Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.</div></div><div class="cadre_lien1"><img src="https://i.ibb.co/RyYgHnL/75.png" alt="Image75*75"/><div class="titrelien1">🗲 Eliza Osorn - Rivale</div><div class="descrilien1">Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.</div></div><div class="cadre_lien1"><img src="https://i.ibb.co/RyYgHnL/75.png" alt="Image 75*75"/><div class="titrelien1">Nom Prénom - Type de lien</div><div class="descrilien1">Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.</div></div><div class="cadre_lien1"><img src="https://i.ibb.co/RyYgHnL/75.png" alt="Image 75*75"/><div class="titrelien1">Nom Prénom - Type de lien</div><div class="descrilien1">Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.</div></div><div class="cadre_lien1"><img src="https://i.ibb.co/RyYgHnL/75.png" alt="Image 75*75"/><div class="titrelien1">Nom Prénom - Type de lien</div><div class="descrilien1">Blabla, nous sommes meilleurs amis depuis la 6e, on s'entend super bien. Il m'a tirée les cheveux en 2nd et m'a poussé dans la fontaine en première mais je lui ai pardonné.</div></div></div>[/center]

Désolé les codes font un peu paté, mais FA sur-interprête les espaces etc.. je comprends pas pourquoi. Pour rajouter des relations, mettez les 3 par 3, de plus l'image est en 75 pour les liens et 200*400 l'image en haut.
Revenir en haut Aller en bas
Anonymous

InvitéInvité

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage EmptyVen 31 Jan - 14:02

Voici une petite fiche pour les RP ^^ Les couleurs sont changeable etc...



Libre Service Codage LyaLibre Service Codage Lya
 Je suis un titre de RP qui peut-être très long "et là une citation "

Nashoba m’indiqua qu’il ne reconnaissait pas l’écriture de ses parents et je pense qu’il a raison, ça ne doit pas être l’un deux. Mais bon, ça ne coûte rien de leurs demander quand ils viendront voir Lysandre à la maternité. Enfin, je sais que la mère de Nash va passer c’est sûr. Mais son père… J’espérais quand même qu’il passe, pour son fils au moins. Je sais qu’il ne m’aime pas, mais il allait devoir faire avec, je suis la femme de son fils et un jour il allait devoir accepter le fait que je n’ai pas un élément. Je relevais un peu mieux mon coussin pour mieux me mettre assise et posa le cadeau sur le côté, sur la table de nuit deschambres de l’hôpital.

- Est-ce que tu veux que j'aille te chercher quelque chose à la cafétéria ?


Me demanda t-il en se levant et je hochais la tête… étonnamment, j’avais très envie d’un cappuccino.. Avec une double dose de sucre. Oui, ça m’aiderait bien ça :

- Je veux bien un cappuccino avait extra sucre mon amour s’il te plaît et un petit gâteau.


 
 Peut-être est-ce la fatigue d’hier qui fait que j’avais envie de sucre. Mais en tout cas, j’avais faim. Je baillais et me frottais les yeux, je pense qu’une sieste tout à l’heure ne sera pas de refus, mais avant d’avoir des nouvelles de Lysandre. D’ailleurs je ne sais pas si Nashoba a entendu mes pensées, mais il me
demanda :

- Tu penses qu'on pourra bientôt le voir ? Et qu'il va rester longtemps en observation... ?

 



Comment répondre à ça… Je ne voulais pas qu’il s’inquiète plus qu’il ne l’est déjà… En plus c’est de ma faute tout ça… Comment ça se fait que je n’ai pas pus le garder à terme ? Peut-être à cause de la course avec Adélaïde ça avait travaillé… Et Nashoba a eut raison de m’engueuler.. Si j’étais resté à la maison au lieu de travailler et faire je ne sais quoi. Il serait né à temps et on l’aurait eu avec nous. Je me mets à renifler essayant de retenir mes larmes.. C’est débile je sais.. mais je ne peux m’empêcher de me dire que je l’ai mis en danger..

- Je suis désolée…



Mes larmes se mirent à couler toutes seules sans que je puisse m’arrêter quand j’ai prononcé ces mots :

- C’est de ma faute tout ça… Si je t’avais écoutée, je serais resté à la maison, je me serais reposée, j’aurai pas taper un sprint et j’aurai pas eu ces contractions, il serait encore dans mon ventre et on l’aurait dans 1 mois et demi avec nous dans la chambre et pas en observation.. Je suis vraiment unecruche….

 


Je ne sais pas s’il a compris un traître mot de ce que j’ai dis, entre les sanglots, le fait que j’ai parlé rapidement. Je m’essuya les yeux comme je pouvais rajoutant :

- Je pense… qu’on pourra le voir tout à l’heure.. mais il sera dans ses petites boites relié tout à un tas de cable pour l’aider car j’ai pas été capable de le garder à terme… Je suis vraiment trop nulle…



Je baissa les yeux et marmonna plus bas :

- Désolé.. ce sont les hormones et la fatigue… je crois que je parle sans réfléchir..


   

   © by AngelsMari

Code:
<style type="text/css">.fond_ficheRP1{width: 500px;height: auto; background-color:#120063;text-align:left}.enteteRP1 { display: flex;}.enteteRP1 img { margin-right: 5px; opacity: 0.75; width: 100px; height: 100px}.enteteRP1 img:hover { opacity: 1; transition: 0.5s;}.enteteRP1 div { display: flex;flex-direction: column; justify-content: center; text-align: right;width: 100%; margin-right: 15px;}.titreRP1{ color: #84c9cd;font-size: 25px;text-shadow: 4px 4px 5px #000000;}.citationRP1{ font-size: 19px; color: #93e1e5;font-style: italic; margin-top: 10px}.para{width: 400px;margin: 15px auto; padding: 15px; text-align: justify; background-color: #d0e8eb;}.bulle_left {position: relative;border-radius: 80px 40px;background-color: white; padding: 10px 20px;}.arrow_inner_left{ left: 0; width: 0; height: 0; line-height: 0;border-bottom: 30px solid transparent; border-right: 30px solid transparent; border-left: 30px solid white;}.bulle_right {position: relative; border-radius: 40px 80px; background-color: white;padding: 10px 20px;}.arrow_inner_right{ margin-left: 80%; left: 0; width: 0; height: 0; line-height: 0; border-bottom: 30px solid transparent; border-left: 30px solid transparent; border-right: 30px solid white;}</style>

[center]<div class="fond_ficheRP1"><div class="enteteRP1"><img src="https://i.ibb.co/QcvzK0B/Lya.png" alt=""/><img src="https://i.ibb.co/QcvzK0B/Lya.png" alt=""/><div> <span class="titreRP1">Je suis un titre de RP qui peut-être très long</span><span class="citationRP1"> "et là une citation "</span></div></div>
<div class="para">Nashoba m’indiqua qu’il ne reconnaissait pas l’écriture de ses parents et je pense qu’il a raison, ça ne doit pas être l’un deux. Mais bon, ça ne coûte rien de leurs demander quand ils viendront voir Lysandre à la maternité. Enfin, je sais que la mère de Nash va passer c’est sûr. Mais son père… J’espérais quand même qu’il passe, pour son fils au moins. Je sais qu’il ne m’aime pas, mais il allait devoir faire avec, je suis la femme de son fils et un jour il allait devoir accepter le fait que je n’ai pas un élément. Je relevais un peu mieux mon coussin pour mieux me mettre assise et posa le cadeau sur le côté, sur la table de nuit deschambres de l’hôpital.

<div class="bulle_right">- Est-ce que tu veux que j'aille te chercher quelque chose à la cafétéria ?
<span class="arrow_inner_right"/></div>

Me demanda t-il en se levant et je hochais la tête… étonnamment, j’avais très envie d’un cappuccino.. Avec une double dose de sucre. Oui, ça m’aiderait bien ça :

<div class="bulle_left">- Je veux bien un cappuccino avait extra sucre mon amour s’il te plaît et un petit gâteau.
<br><span class="arrow_inner_left"/></div>
 
 Peut-être est-ce la fatigue d’hier qui fait que j’avais envie de sucre. Mais en tout cas, j’avais faim. Je baillais et me frottais les yeux, je pense qu’une sieste tout à l’heure ne sera pas de refus, mais avant d’avoir des nouvelles de Lysandre. D’ailleurs je ne sais pas si Nashoba a entendu mes pensées, mais il me
demanda :

<div class="bulle_right">- Tu penses qu'on pourra bientôt le voir ? Et qu'il va rester longtemps en observation... ?
<br><span class="arrow_inner_right"/> </div>


Comment répondre à ça… Je ne voulais pas qu’il s’inquiète plus qu’il ne l’est déjà… En plus c’est de ma
faute tout ça… Comment ça se fait que je n’ai pas pus le garder à terme ? Peut-être à cause de la course
avec Adélaïde ça avait travaillé… Et Nashoba a eut raison de m’engueuler.. Si j’étais resté à la maison au
lieu de travailler et faire je ne sais quoi. Il serait né à temps et on l’aurait eu avec nous. Je me mets à
renifler essayant de retenir mes larmes.. C’est débile je sais.. mais je ne peux m’empêcher de me dire que je l’ai mis en danger..

<div class="bulle_left">- Je suis désolée…
<br><span class="arrow_inner_left"/></div>

Mes larmes se mirent à couler toutes seules sans que je puisse m’arrêter quand j’ai prononcé ces mots :

<div class="bulle_left">- C’est de ma faute tout ça… Si je t’avais écoutée, je serais resté à la maison, je me serais reposée, j’aurai pas taper un sprint et j’aurai pas eu ces contractions, il serait encore dans mon ventre et on l’aurait dans 1 mois et demi avec nous dans la chambre et pas en observation.. Je suis vraiment unecruche….
<br><span class="arrow_inner_left"/> </div>

Je ne sais pas s’il a compris un traître mot de ce que j’ai dis, entre les sanglots, le fait que j’ai parlé rapidement. Je m’essuya les yeux comme je pouvais rajoutant :

<div class="bulle_left">- Je pense… qu’on pourra le voir tout à l’heure.. mais il sera dans ses petites boites relié tout à un tas de cable pour l’aider car j’ai pas été capable de le garder à terme… Je suis vraiment trop nulle…
<br><span class="arrow_inner_left"/></div>

Je baissa les yeux et marmonna plus bas :

<div class="bulle_left">- Désolé.. ce sont les hormones et la fatigue… je crois que je parle sans réfléchir..
<br><span class="arrow_inner_left"/></div>

</div>
   <span style="display: flex; color: white; justify-content: center">:copyright: by AngelsMari</span>
</div>[/center]
Revenir en haut Aller en bas


Contenu sponsorisé

Libre Service Codage Empty
MessageSujet: Re: Libre Service Codage   Libre Service Codage Empty

Revenir en haut Aller en bas
 
Libre Service Codage
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Quederla :: Le Coin détente ~ :: Graphisme & Codage-