Des prédéfinis n'attendent que vous pour être pris !
Le forum dispose de Discord !
Vous pourrez y accéder en suivant ce lien.
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 : 384
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 : 1102
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 sienna »

* 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 : 126
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 : 126
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

InvitéInvité

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

C'est rose.

ettrèsjoli
Revenir en haut Aller en bas

avatar

Bay SydalaMessages : 126
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.


Dernière édition par Bay Sydala le Mer 21 Mar - 17:20, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar

Lyana SélmineMessages : 384
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
Citoyen
avatar

Aïlyne MaureCitoyenMessages : 57
Date d'inscription : 02/10/2017


MessageSujet: Re: Test de code d'une débutante   Ven 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
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-