Chez Nonow'rette !
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Chez Nonow'rette !

Forum de Graphisme et Html pour les Equideowiens ! Dirigé par Nonorette, Equideowienne.
 
AccueilDernières imagesRechercherS'enregistrerConnexion
Le Deal du moment : -11%
Smartphone 6.36 ” Xiaomi 14 (12 Go / 256 Go
Voir le deal
641 €

 

 Texte avec lueur

Aller en bas 
2 participants
AuteurMessage
Myuri`

Myuri`


Messages : 10
Date d'inscription : 04/11/2011
Age : 24
Localisation : In LenLand.. *-*

Texte avec lueur Empty
MessageSujet: Texte avec lueur   Texte avec lueur Icon_minitimeDim 13 Nov - 20:32

Pour faire un texte avec lueur, voilà l'HTML ::

<h2 style="text-shadow: #1aa4d9 0px 0px 8px;">Texte</h2>

Positionnons-le dans un code simple, une image indéfinie avec une rollbox de position indéfinie.

<IMG SRC="URL de ton Image"><div style="POSITION: absolute; WIDTH: ___px; HEIGHT: ___px; OVERFLOW: auto; TOP: ___px; LEFT: ___px">
<h2 style="text-shadow: #1aa4d9 0px 0px 8px;">Texte
</h2></div>

h2 a la priorité de fermeture, comme il a été ouvert en dernier.

Voilà, j'ai une lueur. Seulement, je ne la voulais pas de cette couleur. Donc je vais changer le code couleur, qui est ::

#1aa4d9

Le résultat de ce code est bleu clair. Je veux mettre la lueur en jaune, donc je vais mettre ce code couleur à la place ::

#FEFE00

Pour obtenir un code couleur, allez sur ce site.

J'obtiens ceci ::

<IMG SRC="URL de ton Image"><div style="POSITION: absolute; WIDTH: ___px; HEIGHT: ___px; OVERFLOW: auto; TOP: ___px; LEFT: ___px">
<h2 style="text-shadow: #FEFE00 0px 0px 8px;">Texte
</h2></div>

Je veux maintenant mettre une police d'écriture différente. Voilà le code ::

<font color="black" face="Comic Sans MS" size="1">Texte</font>

color = Couleur du texte, à mettre en anglais, couleur simple.

face = Police d'écriture, attention aux copies des polices, exemple sur Dafont.com.

size = La taille de police, de 1 à 5, 1 étant la plus petite.

Il faut mettre la police avant la lueur.

On obtient ceci ::

<IMG SRC="URL de ton Image"><div style="POSITION: absolute; WIDTH: ___px; HEIGHT: ___px; OVERFLOW: auto; TOP: ___px; LEFT: ___px">
<font color="black" face="Comic Sans MS" size="1"><h2 style="text-shadow: #FEFE00 0px 0px 8px;">Texte
</h2></font></div>

Le problème maintenant est que le texte est plus gros que prévu.

Pas de soucis, il suffit de rajouter le code police une deuxième fois, mais cette fois-ci derrière la lueur.

Résultat final ::

<IMG SRC="URL de ton Image"><div style="POSITION: absolute; WIDTH: ___px; HEIGHT: ___px; OVERFLOW: auto; TOP: ___px; LEFT: ___px">
<font color="black" face="Comic Sans MS" size="1"><h2 style="text-shadow: #FEFE00 0px 0px 8px;"><font color="black" face="Comic Sans MS" size="1">Texte
</font></h2></font></div>

Et voilà, vous avez une belle lueur de texte ! (:
Revenir en haut Aller en bas
http://ouranos.equideow.com/joueur/fiche/?id=30176225
Admin
Admin
Admin


Messages : 169
Date d'inscription : 27/10/2011
Age : 26
Localisation : Pétraouchnoc-Les-Oies

Texte avec lueur Empty
MessageSujet: Re: Texte avec lueur   Texte avec lueur Icon_minitimeLun 14 Nov - 18:34

Merci pour ton tuto ! Je connaissais pas...!
Revenir en haut Aller en bas
https://chez-nonowrette.forumgratuit.org
Myuri`

Myuri`


Messages : 10
Date d'inscription : 04/11/2011
Age : 24
Localisation : In LenLand.. *-*

Texte avec lueur Empty
MessageSujet: Re: Texte avec lueur   Texte avec lueur Icon_minitimeJeu 17 Nov - 20:12

Bah maintenant tu connais x)
Revenir en haut Aller en bas
http://ouranos.equideow.com/joueur/fiche/?id=30176225
Contenu sponsorisé





Texte avec lueur Empty
MessageSujet: Re: Texte avec lueur   Texte avec lueur Icon_minitime

Revenir en haut Aller en bas
 
Texte avec lueur
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Chez Nonow'rette ! :: Tout sur l'HTML :: Tutoriels-
Sauter vers: