[Hentaï, Yaoi, Yuri autorisés !]
 
AccueilAccueil  PortailPortail  S'enregistrerS'enregistrer  Clique ici pour voir l'histoire...  ConnexionConnexion  

Partagez | 
 

 Ajouter des effets à nos textes

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

avatar
Admine sadique

Un fou ? Non,
Gloria !


■ Messages : 1677
■ Age : 24
■ Caractère : Bad Girl
■ Orientation sexuelle : Ahahah!
■ Popularité : 730

Feuille de personnage
■ Année d'étude : Quatrième

MessageSujet: Ajouter des effets à nos textes   Jeu 2 Aoû - 21:59

Comment rendre nos textes plus attrayants?



Avant de commencer, il faut savoir que pour modifier un texte, nous allons commencer par écrire
Code:
<p style> Notre texte </p>
p désignant la zone de texte. Nous ajouterons ce qu'il y a à modifier à côté du p style en collant à côté " =" " et puis on inscrit ce qu'il y a à changer et les variantes qui se rapporte à cela, on peut ajouter à la suite plusieurs effets en mettant un ";" à la fin d'un premier effet, pour en ajouter un autre!

Pour colorer un texte:

Code:
<p style="color: rosybrown;">Notre texte</p>

Notre texte



Pour un effet d'espacement entre les lettres, vous pouvez bien entendu modifier la taille de l'espacement ^^


Code:
 <p style="letter-spacing:5px;">Notre texte</p>

Notre texte



Pour un espacement entre les mots


Code:
<p style="word-spacing:10px;">Notre texte</p>

Notre texte avec un espacement plus grand entre les mots



Pour une ombre sur notre texte: Vous pouvez à votre guise changer la position, la taille et la couleur de l'ombre!

Code:
<p style="text-shadow:2px 2px 4px sandybrown;">Notre texte</p>

Notre texte



D'autres effets:

Code:
<p style="text-decoration:overline;">1 Notre texte surligné au dessus</p>
<p style="text-decoration:line-through;">2 Notre texte barré</p>
<p style="text-decoration:underline;">3 Notre texte souligné</p>
<p style="text-transform:uppercase;">4 Notre texte en majuscule</p>
<p style="text-transform:lowercase;">5 Notre texte en minuscule</p>
<p style="text-transform:capitalize;">6 Notre texte avec la première lettre en majuscule</p>

1 Notre texte surligné au dessus


2 Notre texte barré


3 Notre texte souligné


4 Notre texte en majuscule


5 Notre texte en minuscule


6 Notre texte avec la première lettre en majuscule



Un exemple de plusieurs effets sur un même texte!

Code:
<p style="color: rosybrown; letter-spacing:5px; text-shadow:2px 2px 4px sandybrown">Notre texte</p>

Notre texte




Faire un survol =D

Code:
<a href="destination" title="Le texte qui va apparaître au survol">Notre texte</a>


Notre texte


J'ajouterais d'autres effets plus tard Very Happy

• • • • • • • • • • •

Aider le peuple disent-ils? Mais qui se souci réelement du peuple?!

Clique ici!



Amv Elfen Lied [Condemned Memoir] par GTO1991

Revenir en haut Aller en bas
 

Ajouter des effets à nos textes

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Comment ajouter un nouvel événement au calendrier ?
» Mon premier Trucage[Mon premier Gif ajouter]
» Magie : effets
» Ajouter un membre à sa guilde
» Petit Coquelicot sort son cahier pour écrire ses textes. Faut qu'elle postule au titre de journalist

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Lycée Tsubasa: Sujet xxx ou Hentai interdit au moins de 16 ans! :: Bavardages & Co :: Le codage (Trucs et Astuces)-
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forumactif.com