AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Ce forum est l'ancienne version de DOP. Vous y trouverez les archives de TFYL avant la refonte!

Comment comprendre les codes!
Voir le sujet précédent Voir le sujet suivant Aller en bas

 :: Archives de TFYL :: PAPERASSE ET CIE :: La paperasse :: TUTORIELS
MessageSujet: Comment comprendre les codes! Lun 28 Nov - 15:14
Les codes, les codes, les codes...

Tout le monde en a peur!

Nous allons apprendre comment les comprendre!

Prenons le code de la présentation.

Présentation + on descend pour aller dans le sujet Modèle fiche de présentation

Vous allez arriver à un beau code compliqué (pas vraiment) au bas de la page. Ce code est le suivant
Code:
<center><div style="background-image: url('http://img06.deviantart.net/213b/i/2011/096/2/3/ios_linen_texture_wallpaper_by_vegardhw-d3dc7r1.png'); width: 500px; border: 2px solid #191919; margin: 20px; padding-bottom: 10px; box-shadow: 3px 3px 5px #191919; color: #191919; font-family: 'calibri'; font-size: 11px;"><img src="https://68.media.tumblr.com/0a88395e4912162abf4619fc1476a02b/tumblr_oifnbrwY851v4t2u6o1_500.gif" style="width: 500px; heigh: auto;"/><div style="background-color: #191919; height: 4px; width: 100%;"></div><span style="display: block; text-align: right; margin-right: 10px; margin-top: 10px; font-family: calibri; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #191919;"><b>“</b><span style="color: #191919; font-variant: small-caps; letter-spacing: 2px">Prénom Nom</span></span>
<span style="display: block; margin-top: -10px; margin-right: 10px; font-size: 13px; color: #ffffff; text-align: right; font-style: italic;">"Citation classe de la mort qui tue"</span>


<div style="font-family: calibri; color:white; background-color:#191919;
font-family:calibri; letter-spacing:5px; text-align:center; text-transform:uppercase;
width:200; margin:0px auto -25px;">Présentation</div>
<div style="background-color: rgba(0,0,0,0.3); border: 2px solid #191919;margin-left: 0px;padding-bottom: 20px; margin-right: 0px;"><br /><table><tr><img src="http://vpx.pl/i/2014/08/01/Bez_tytulu_8.png" style="width: 200px; height: 320px; float: right; margin-right: 30px; border: 2px solid #191919;" /></tr><tr><div style="background-color: rgba(250,250,250,0.3); width: 200px; height: 138px; margin-left : 30px;border: 2px solid #191919; padding: 10px; font-family: calibri; font-size: 12px; text-align: justify; overflow: auto;">« Bonjour !
Je m'appelle <i>Prénom Nom</i> et l'on me surnomme <i>Surnom</i>. Je suis né le <i>Date de naissance</i> à <i>Lieu de naissance</i>, ce qui me fait <i>Âge</i> ans. Je suis un <i>Homme/Femme</i>. Je suis <i>Hétéro/Homo/Bisexuel</i> et actuellement <i>Célibataire/En couple/Fiancé/Marié</i>. Mon principal défaut est <i>Défaut</i> et ma qualité majeure est <i>Qualité</i>.»</div></tr><td><br /><div style="background-color: rgba(250,250,250,0.3); border: 2px solid #191919; width: 196px; height: 152px; margin-left : 28px; padding: 10px; overflow: auto; font-family: calibri; font-size: 12px;"><b>Scénario ou inventé :</b> <i>Renseigner</i>
<b>Don:</b> <i>Renseigner</i>
<b>Sang :</b> <i>Pur, mêlé, moldu</i>
<b>Métier :</b> <i>Pour adultes</i>
<b>Année :</b> <i>Pour élèves</i>
<b>Est-ce un multi-compte?</b> <i>SI oui, veuillez préciser si cela est votre DC, TC, etc...</i>
</div></td></table><div style="background-color: #191919 ; margin-top: -43px; border: 2px solid #191919; margin-right: 30px; padding: 5px; width: 189px; font-family: calibri; font-size: 12px; color: white; text-align: center; float: right;">Ft. votre avatar</div></div>

<div style="font-family: calibri; color:white; background-color:#191919;
font-family:calibri; letter-spacing:5px; text-align:center; text-transform:uppercase;
width:75%; margin:0px auto -25px;">Faits divers</div>
<div style="background-color: rgba(0,0,0,0.3); border: 2px solid #191919; margin-left: 0px; padding-bottom: 20px; margin-right: 0px; "><br /><div style="background-color: rgba(250,250,250,0.3); border: 2px solid #191919;height: 300px; margin-left: 30px; margin-right: 30px; padding: 10px; font-family: calibri; font-size: 12px; font-family: calibri; font-size: 12px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></div>

<div style="font-family: calibri; color:white; background-color:#191919;
font-family:Georgia; letter-spacing:5px; text-align:center; text-transform:uppercase;
width:75%; margin:0px auto -25px;">Caractère</div>
<div style="background-color: rgba(0,0,0,0.3); border: 2px solid #191919;margin-left: 0px; padding-bottom: 20px; margin-right: 0px;"><br /><div style="background-color: rgba(250,250,250,0.3);border: 2px solid #191919; height: 300px; margin-left: 30px; margin-right: 30px; padding: 10px; font-family: calibri; font-size: 12px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></div>

<div style="font-family: calibri; color:white; background-color:#191919;
font-family:Georgia; letter-spacing:5px; text-align:center; text-transform:uppercase;
width:75%; margin:0px auto -25px;">Histoire</div>
<div style="background-color: rgba(0,0,0,0.3); border: 2px solid #191919;margin-left: 0px; padding-bottom: 20px; margin-right: 0px; "><br /><div style="background-color: rgba(250,250,250,0.3); border: 2px solid #191919;height: 498px; margin-left: 30px; margin-right: 30px; padding: 10px; font-family: calibri; font-size: 12px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est. At alium insatiabilis tenet auaritia; alium in superuacuis laboribus operosa sedulitas; alius uino madet, alius inertia torpet; alium defetigat ex alienis iudiciis suspensa semper ambitio, alium mercandi praeceps cupiditas circa omnis terras, omnia maria spe lucri ducit; quosdam torquet cupido militiae numquam non aut alienis periculis intentos aut suis anxios; sunt quos ingratus superiorum cultus uoluntaria seruitute consumat; multos aut affectatio alienae formae aut suae querella detinuit; plerosque nihil certum sequentis uaga et inconstans et sibi displicens leuitas per noua consilia iactauit; quibusdam nihil quo cursum derigant placet, sed marcentis oscitantisque fata deprendunt, adeo ut quod apud maximum poetarum more oraculi dictum est uerum esse non dubitem: Exigua pars est uitae qua uiuimus. Ceterum quidem omne spatium non uita sed tempus est. </div></div>

<div style="font-family: calibri; color:white; background-color:#191919;
font-family:Georgia; letter-spacing:5px; text-align:center; text-transform:uppercase;
width:75%; margin:0px auto -25px;">Derrière l'écran</div>
<div style="background-color: rgba(0,0,0,0.3); border: 2px solid #191919; margin-left: 0px; padding-bottom: 20px; margin-right: 0px; "><br /><table><td><img src="http://vignette3.wikia.nocookie.net/harrypotter/images/3/39/Hogwarts_Railways_Logo.JPG/revision/latest?cb=20091206013602" style="border: 2px solid #191919; width: 100px; margin-left: 30px;"></td><td><div style="background-color: rgba(250,250,250,0.3); border: 2px solid #191919; width: 300px; height: 104px; margin-left : 13px; margin-right: 28px; padding: 10px; overflow: auto; font-family: calibri; font-size: 12px;"><b>Pseudo :</b> <i>Pseudo habituel</i>
<b>Âge :</b> <i>Renseigner</i>
<b>Comment avec-vous connu le forum ?</b> <i>top-sites ; google ; partenaires...</i>
<b>Que pensez-vous du forum ?</b> <i>N'ayez pas peur!</i>
<b>Quelle est votre disponibilité ?</b> <i>La fréquence de vos connexions</i>
<b>Autre chose ?</b> <i>Dites ce qui vous passe par la tête</i></div></td></table></div><a style="display: block; margin-top: -3px; text-align: center; color: #BEBEBE; font-size: 10px; font-family: arial narrow;" href="http://www.never-utopia.com">© Mélange des codes de Kanae et Skaemp pour créer cette version par Jyn</a></div></center>

Copiez le code du modèle de présentation et créer un sujet dans le forum Présentations. (comme je vous ai montrez dans le tuto précédent)

Ceci est votre présentation.

Maintenant, comment changer le code pour en faire ma présentation?

Je vais vous expliquer les principes d'un code. Premièrement, les codes existent pour rendre vos messages tout propres et tout beaux! C'est pour cela qu'on les utilise!

Dans le code, il y a les balises qui permettent de changer les couleurs, de faire des cadres, d'ajouter des images. Vous ne touchez pas à ces choses-là, c'est mon travail en tant que codeuse de m'assurer que ces codes sont intacts. Ce que vous devez changer, c'est les deux images et le texte.

Comment changer les images?

Lisez le code de gauche à droite comme un texte, vous arriverez à ceci

Code:
<img src="http://31.media.tumblr.com/bf0e326112b9c0a7900ee2a7adc191f4/tumblr_n0n7h6jRIG1t0ranoo1_500.gif"

Vous supprimez le URL

Code:
<img src="ET VOUS ALLEZ COLLER VOTRE PROPRE URL ICI ENTRE LES GUILEMETS"

Compris?

Maintenant, comment changer les informations? C'est simple. Continuez de lire le code, vous allez arriver à du texte. Remplissez les informations.

Exemple
Code:
<b>Don:</b> <i>RBLABLABLA</i>
<b>Sang :</b> <i>blablablabla</i>
<b>Métier :</b> <i>encore?</i>
<b>Année :</b> <i>Pour élèves</i>

Vous ne touchez à rien d'autre que le texte sinon vous allez déformer le code!


Si quelque chose ne vous semble pas clair même avec ce tutoriel, posez votre question ici bas et je vais lui répondre!
avatar

En savoir plus
Mes RPS en cours:
Informations supplémentaires:
Capitaine de natation

Voir le profil de l'utilisateur http://twentyfouryearslater.forumactif.com/t28-kaitlyn-attention
Âge : 19 ans
Situation amoureuse : ehh, en couple je suppose?
Messages : 967
Points : 0
Patronus : Colibri
Emploi : Médiatrice, pigeon voyageur
Année : 7e
Revenir en haut Aller en bas
Comment comprendre les codes!
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Topic des QR Codes de ROSA!
» Le retour de Jean-Bertrand ARISTIDE, Par Claude Ribbe
» la democratie mise en deroute
» Le Maître des Corbeaux
» Comment comprendre le ''FLIP FLOP'' d'Obama ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Twenty-four years later :: Archives de TFYL :: PAPERASSE ET CIE :: La paperasse :: TUTORIELS-
Sauter vers: