tuto .pdf


Nom original: tuto.pdf

Ce document au format PDF 1.4 a été généré par Adobe InDesign CS5.5 (7.5) / Adobe PDF Library 9.9, et a été envoyé sur fichier-pdf.fr le 10/12/2015 à 00:54, depuis l'adresse IP 78.231.x.x. La présente page de téléchargement du fichier a été vue 482 fois.
Taille du document: 158 Ko (1 page).
Confidentialité: fichier public


Aperçu du document


Fiche de lien, tutoriel.
Tout d’abord, je dois admettre que ce codage n’est pas des plus
simples! Je vais te décortiquer un peu la structure de la mise en page
que tu puisses la comprendre plus facilement, et je vais sans doute
être forcée de faire appel à des notions de html et css (: Je ne pense
pas t’expliquer le code ligne par ligne, je vais simplement t’indiquer où
tu peux changer la couleur des différents éléments (;

Observons notre miniature sur la droite. J’ai délimité plusieurs zones auxquelles correspondent des éléments, et des couleurs.
La zone rouge par exemple, a un fond gris clair et une bordure trés épaisse en haut et en bas gris foncé. Si tu souhaites modifier
ces éléments, il te faut rechercher dans le code ce passage-ci :
<center><div class="fonddepage" style="background-color:LightGrey; border-top:
border-bottom: 20px solid DarkGray;">

20px solid DarkGray;

Admettons que tu veuilles en changer les couleurs, il te suffirait de remplacer le nom des couleurs que j’avais choisies (lightgrey
; darkgray) par les codes hexadécimaux de tes couleurs souhaitées (#000000). Jusque là, tu m’suis? (:
Ensuite, vient la question de la première bande rouge, délimitée sur la miniature par une zone bleue. Elle correspond à la ligne
de code suivante :

<div class="separatioon1" style="background-color:Maroon;"></div>
Je lui ai donné comme couleur, Maroon. A toi de choisir la couleur qui te convient et de remplacer maroon par le code couleur

de ton choix!
Et puis c’est plus ou moins la même chose tout au long du code, le tout étant de savoir quelle balise correspond à quelle partie
du visuel.. et c’est là qu’est le vrai casse-tête, je l’avoue. Je vais donc les identifier pour toi (:
Le titre/citation (la zone jaune) est actuellement ombré d’une couleur rouge. On retrouve cette phrase dans ces lignes-ci ;
<span class="montitre" style="color:DimGray;text-shadow:LightCoral 0px 0px 5px;">why think separately of
this life & the next</span>[size=24]ღ[/size]
<span class="macitation" style="color:DimGray;text-shadow:LightCoral 0px 0px 5px;"> look at love how it
tangles with the one fallen in love ft. vlad&mina</span>

Ici le nom du rouge en question est : LightCoral. Comme tu le vois sans doute, il faut le changer deux fois ici, car il y a deux
balises (pour deux polices différentes). Si tu souhaites également changer la couleur du texte en lui-même, il faudra que tu
remplaces la valeur DimGray, par le code couleur de ton choix (:
Et ainsi de suite jusqu’à la fin de la mise en page. La zone verte contenant le texte du rp correspond à ces lignes de code :
<div class="fonddetexte" style="background-color:DarkGray; color:DimGray;">
Ici, on trouve donc deux couleurs changeables : la couleur de fond, darkgray, et la couleur des lettres, dimgray. à toi de les

modifier selon tes goûts!

viennent ensuite les deux couleurs du dialogue zones violettes ;

<span class="dialogue1" style="color:Maroon;">❝ You came back ❞</span>
<span class="dialogue2" style=" color:DimGray; ">❝ I always will ❞</span>

On retrouve ici à nouveau les deux valeurs Maroon et Dimgray qui sont à modifier selon tes envies (:
Et pour finir le bandeau rouge de la fin, qui correspond à la zone rose, elle correspond à cette ligne de code :
<div class="separatioon2" style="background-color:Maroon;"></div>
A toi de choisir la couleur qui te convient et de remplacer maroon par le code couleur de ton choix.

Pour résumer ;
Pour changer les couleurs, il suffit de
repérer sur chaque élément les différentes
commandes qui leur associent une
couleur ;
- il y a des commandes qui ne servent
que pour la couleur :
background-color : #000000:
color : #000000;

- et d’autres qui sont plus générales
mais qui à l’intérieur de leurs propriétés
définissent également une couleur :
border-top: 20px solid #000000;
text-shadow: #000000 0px 0px 5px;


Aperçu du document tuto.pdf - page 1/1




Télécharger le fichier (PDF)


tuto.pdf (PDF, 158 Ko)



Sur le même sujet..





Ce fichier a été mis en ligne par un utilisateur du site. Identifiant unique du document: 00384931.
⚠️  Signaler un contenu illicite
Pour plus d'informations sur notre politique de lutte contre la diffusion illicite de contenus protégés par droit d'auteur, consultez notre page dédiée.