Les groupes "Gouvernement" et "L'Ordre" sont à la recherche de membres.
veuillez les privilégier, si cela vous convient bien sûr !
Ou bien choisir un prédéfini !
Le forum dispose de Discord !
Vous pourrez y accéder une fois qu'un membre du Staff vous aura validé et qu'il vous aura envoyé un MP avec l'adresse de notre Discord ! N'hésitez pas à nous rejoindre !
Nous sommes actuellement à la recherche du Maire de Quederla.
Si ce poste vous intéresse, faites-le nous savoir !

Partagez | 
 

 Test de code d'une débutante

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

avatar

Lyana SélmineMessages : 340
Date d'inscription : 14/07/2014


MessageSujet: 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:
 

Le code :
Spoiler:
 

Ensuite un petit code pour RP :

Fiche Rp:
 

et le code :

Spoiler:
 

Je suis preneuse de critique et de conseil ^-^



#cc6633 ♥️



Dernière édition par Lyana Sélmine le Jeu 23 Mar - 21:48, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar

Bigby RawlinsMessages : 1065
Date d'inscription : 09/12/2014


MessageSujet: 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/



« Je vous grogne dessus en chocolate »

* I can't go to hell.
* I'm all out of vacation days.








Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar

Bay SydalaMessages : 65
Date d'inscription : 09/01/2017


MessageSujet: 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 ^-^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar

Bay SydalaMessages : 65
Date d'inscription : 09/01/2017


MessageSujet: Re: Test de code d'une débutante   Mer 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
Voir le profil de l'utilisateur

avatar

Alexandre E. PosnerMessages : 48
Date d'inscription : 14/07/2016


MessageSujet: Re: Test de code d'une débutante   Mer 30 Aoû - 22:03

C'est rose.

ettrèsjoli



J'éblouis en #9932CC






Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar

Bay SydalaMessages : 65
Date d'inscription : 09/01/2017


MessageSujet: Re: Test de code d'une débutante   Mar 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.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar

Lyana SélmineMessages : 340
Date d'inscription : 14/07/2014


MessageSujet: 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:
 


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 ♥️

Revenir en haut Aller en bas
Voir le profil de l'utilisateur


Contenu sponsorisé

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

Revenir en haut Aller en bas
 
Test de code d'une débutante
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

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