Test de code d'une débutante

Sujet: Test de code d'une débutante Lun 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:

Nom Prénom

Généralité

Physique

décrit ici en 8 lignes le physiques de ton personnage.
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.

Caractére

Décrit ici en 10 ligne le caractere de ton personnage.
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.

Histoire

écrit en 15 lignes ton histoire.
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.

You in real in life

blabla

Le code :

Spoiler:

Code:: <div style="background-image: url(http://orig12.deviantart.net/038c/f/2008/278/9/4/texture_117_by_wanderingsoul_stox.jpg);width: 500px; height: auto;text-align: center;"><span style="font-family: Comic Sans MS; font-size: 40px; text-shadow: white 1px 5px;">Nom Prénom</span>
<table style="border-collapse: separate; border-spacing: 33px 5px;"><tr><td><div style="height: 300px; width: 200px; border-radius: 5px 5px 5px 5px; border-left: black solid 3px; border-right: black solid 3px; font-family: Poiret One; font-weight: bold;">Généralité</div></td><td><div style="height: 300px; width: 200px;"><img src="http://img15.hostingpics.net/pics/855285Sanstitre3.png";></div></td></tr></table>
<div style=" background-image: url(http://img15.hostingpics.net/pics/904242Tesy2.png); font-family: Indie Flower; font-size: 35px; font-weight: bold; text-align: center; vertical-align: center; text-shadow: white 3px 5px;">Physique</div>
</br>
<div style="height: auto;width: 400px; text-align: justify; margin-left: 50px; font-family: Poiret One; font-weight: bold;">décrit ici en 8 lignes le physiques de ton personnage.
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>
</br>
<div style=" background-image: url(http://img15.hostingpics.net/pics/904242Tesy2.png); font-family: Indie Flower; font-size: 35px; font-weight: bold; text-align: center; vertical-align: center; text-shadow: white 3px 5px;">Caractére</div>
</br>
<div style="height: auto;width: 400px; text-align: justify; margin-left: 50px; font-family: Poiret One; font-weight: bold;">Décrit ici en 10 ligne le caractere de ton personnage.
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>
</br>
<div style=" background-image: url(http://img15.hostingpics.net/pics/904242Tesy2.png); font-family: Indie Flower; font-size: 35px; font-weight: bold; text-align: center; vertical-align: center; text-shadow: white 3px 5px;">Histoire</div>
</br>
<div style="height: auto;width: 400px; text-align: justify; margin-left: 50px; font-family: Poiret One; font-weight: bold;"> écrit en 15 lignes ton histoire.
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>

</br>
<div style=" background-image: url(http://img15.hostingpics.net/pics/904242Tesy2.png); font-family: Indie Flower; font-size: 35px; font-weight: bold; text-align: center; vertical-align: center; text-shadow: white 3px 5px;">You in real in life</div>
</br>
<div style="height: auto;width: 400px; text-align: justify; margin-left: 50px; font-family: Poiret One; font-weight: bold;">blabla</div>
<center>© AngelsMari</center>
</div>

<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>

Ensuite un petit code pour RP :

Fiche Rp:: Titre du RP

~ Qui et qui ? ~

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.

© By AngelsMari

et le code :

Spoiler:

Code:: <div>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
<br />
<br />
<center>
<div style="background-image: url('http://fc06.deviantart.net/fs70/i/2013/142/e/d/texture_328_by_sirius_sdz-d6665gz.jpg'); width: 500px; height: 775px; border-radius: 30px 0px 30px 0px; border: solid 1px">
<img style="background-image: url('http://img11.hostingpics.net/pics/902917Sanstitre4.png'); color: #00BFFF; width: 475px; height: 200px; margin: 0 auto; border-radius: 30px 0px 0px 0px"><span style="Font-Family: Indie Flower; color: #BCF5A9; font-size: 42px; text-shadow: 3px 3px 3px #21610B; ">Titre du RP </span></br>
</br><span style="Font-Family: Indie Flower;font-size: 40px; color: #A9F5F2; text-shadow: 3px 3px 3px #0B615E; ">~ Qui et qui ? ~</span><br /></br>
<div style="background-color: #DF7401; width: 475px; height: 448px; border-radius: 10px 10px 10px 10px;overflow-y: scroll; font-family: Lobster; text-align: justify; font-size: 14px; font-color: #585858;padding-left: 10px; padding-right: 10px">
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><br/>© By AngelsMari</div></center>

Je suis preneuse de critique et de conseil ^-^

#cc6633

Sujet: Re: Test de code d'une débutante Lun 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/

Sujet: Re: Test de code d'une débutante Lun 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 ^-^

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:

Code:: <div class="fiche"><input checked="checked" name="fiche" id="informations" type="radio"> <input name="fiche" id="photographie" type="radio"> <input name="fiche" id="liste" type="radio"><div class="boutons"> <label for="informations" class="lab infos"></label><label for="photographie" class="lab photo"></label> <label for="liste" class="lab rpe"></label></div><div class="interne"><div class="contenu infos"><table id="table"><tr><td><div class="general"><div style="text-align: center;"><b>En général</b></div>
<b>Nom :</b> Texte
<b>Prénom :</b> Texte
<b>Âge :</b>Texte
<b>Groupe :</b> Texte
<b>Métier : </b>Texte
<b>Caractère : </b><select name="Caract"></select></div></td><td rowspan="2"><img src="https://img15.hostingpics.net/pics/690628200320.png"></td></tr><tr><td><div class="general"><div style="text-align: center;"><b>Mes liens recherchés</b></div>

[0/x] Ami
petit ami
blabla</div></td></tr></table>
[center]© AngelsMari[/center]
</div><div class="contenu photo"><div class="polaroid-images"><a href="" title="Image 1"><img src="http://www.phonandroid.com/forum/download/file.php?avatar=968674_1409140506.jpg" alt="100*100" title="Image 1" height="100"></a><a href="" title="Image 2"><img src="http://www.phonandroid.com/forum/download/file.php?avatar=968674_1409140506.jpg" alt="100*100" title="Image 2" height="100"></a><a href="" title="Image 3"><img src="http://www.phonandroid.com/forum/download/file.php?avatar=968674_1409140506.jpg" alt="100*100" title="Image3" height="100"></a><a href="" title="Image 4"><img src="http://www.phonandroid.com/forum/download/file.php?avatar=968674_1409140506.jpg" alt="100*100" title="Image3" height="100"></a><a href="" title="Image 5"><img src="http://www.phonandroid.com/forum/download/file.php?avatar=968674_1409140506.jpg" alt="100*100" title="Image 5" height="100"></a> <a href="" title="Image 6"><img src="http://www.phonandroid.com/forum/download/file.php?avatar=968674_1409140506.jpg" alt="100*100" title="Image3" height="100"></a></div></div><div class="contenu rpe">
<div class="titre">Mes RPs en cours</div><div style="font: 18px calibri;line-height: 90%; color: #444444; text-transform: uppercase; margin-left: 30px; margin-right: 30px; letter-spacing: 1px; text-align: left; border-top: 1px solid black;"></div><div class="rp"> xxxx. feat xxxx ~ Résumé / ou petit mot</div><div class="titre">Mes RPs terminés</div><div style="font: 18px calibri;line-height: 90%; color: #444444; text-transform: uppercase; margin-left: 30px; margin-right: 30px; letter-spacing: 1px; text-align: left; border-top: 1px solid black;"></div><div class="rp"> xxxx. feat xxxx ~ Résumé / ou petit mot</div></div></div></div>

CSS:

Code:: .fiche {
position: relative;
width: 500px;
height: 420px;
margin: auto;
overflow: hidden;
border-radius: 10px;
background-color: #F8CDEF;
background-size: 150px;
}
.general {
width: 250px;
height: 150px;
text-align: justify;
border: 2px inset #A9D0F5;
border-radius: 10px;
overflow: auto;
}

.photo{
margin-left: 20px;}
.rp {
width: 450px;
height: 120px;
overflow: auto;
padding: 8px;
font: 12px calibri;
margin-top: 10px;
margin-left: 10px;
}

.titre {
font: 39px yanone kaffeesatz;
line-height: 100%;
letter-spacing: -2px;
text-align: center;
}
#table {border-spacing: 10px;}
.fiche > input {display: none;}
.boutons label {
width: 80px;
height: 10px;
opacity: 0.5;
display: block;
float: left;
background-color: #ffffff;
margin-left: 65px;
margin-top: 10px;
}
.fiche .boutons label:hover {opacity: 1;}
.fiche .interne {
font-size: 15px;
color: black;
margin-top: 10px;
}

.fiche .interne .contenu {
position: absolute;
margin-top: 30px;
text-align: justify;
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
}
.fiche .interne strong {color: #BA2F23;}

.fiche #informations:checked ~ .boutons .lab.infos,
.fiche #photographie:checked ~ .boutons .lab.photo,
.fiche #liste:checked ~ .boutons .lab.rpe{opacity: 1;}

.fiche #informations:checked ~ .interne .contenu.infos,
.fiche #photographie:checked ~ .interne .contenu.photo,
.fiche #liste:checked ~ .interne .contenu.rpe{
opacity: 1;
visibility: visible;
transition: all ease 0.5s;
}
.polaroid-images a {
background: white;
display: inline;
float: left;
margin: 10px 15px 30px;
padding: 10px 10px 25px;
text-align: center;
text-decoration: none;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
box-shadow: 0 4px 6px rgba(0,0,0,.3);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear;
z-index: 0;
}

.polaroid-images a:after {
color: #333;
font-size: 20px;
content: attr(title);
position: relative;
top: 15px;
}

.polaroid-images img {
display: block;
width: inherit;
}

.polaroid-images a:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
z-index: 10;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
box-shadow: 0 10px 20px rgba(0,0,0,.7);
}

C'est rose.

ettrèsjoli

Sujet: Re: Test de code d'une débutante Mar 5 Sep - 18:34

Ajout d'une fiche RP

Rendu ♥ :

Perso 1
« Titre »

Titre de la mort qui tue

Perso 2
« Titre »

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.

by AngelsMari

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.

Sujet: Re: Test de code d'une débutante Lun 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:: Titre du RP

Qui et qui ?

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.
© By AngelsMari

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>

#cc6633

**Aïlyne MaureCitoyen**Messages : 72 Date d'inscription : 02/10/2017

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>

Sujet: Re: Test de code d'une débutante

Rechercher

Résultats par : Messages Sujets
Recherche avancée