| Profiel van AlexFreestyle Alex : Trucs e...Foto'sWeblogLijsten | Help |
|
11 oktober 6.5. Mettre un ''ALT TEXT'' à une imageModification du texte et des images
6.5. Les autres modifications du texte : outils nécessaires :
6.5.1. Qu'est-ce que le ''ALT TEXT'' ? : le ''ALT TEXT'' est ce petit encadré avec un message qui apparait quand on laisse la souris au dessus d'une image ou d'un lien.
Exemple: ![]() 6.5.2. Comment peut-on en mettre un sur une image ''ALT TEXT'' ? : Pour en mettre un sur une image vous avez juste à rentrer ce code dans le mode <HTML> et à mettre l'adresse URL de votre image à l'endroit indiqué, ainsi qu'a mettre le texte que vous voulez voir en ''ALT TEXT'' quand les gens laisseront flotter leur souris sur votre image.
Voici le code:
<img src="Placez l'URL de votre image ici" alt="Placez un texte ici au cas ou l'image ne se téléchargerait pas" title="Placez votre texte ici" />
Ce billet est la création de Alex | Freestyle Alex : Trucs et Astuces pour votre espace © * attachez le lien ci-dessus si vous copiez le contenu de ce billet, merci! *
6.4. Les autres modifications du texteModification du texte et des images
6.4. Les autres modifications du texte : outils nécessaires :
6.4.1. Quelles sont les autres modifications de texte que l'on peut faire ? : Les autres modifications que l'on peut apporter à notre texte sont : le texte en mouvement (V.f. ''Motion Blur''), le texte déformé (V.f. "Warped"), le texte renversé (V.f. "Flipped"), le texte ombragé simple (V.f. "Dropshadow"), le texte ombragé (V.f. "Shadow"), le texte alpha (V.f. ''Alpha''), le texte renversé horizontalement (V.f. "Flip Horizontal") et le texte en masque (V.f. "Mask").
6.4.2 Comment peut-on faire ces modifications ? : simplement en rentrant le code de chacun dans le mode <HTML> et en mettant votre texte à la bonne place.
Voici les codes de chacun: <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: red; Filter: Shadow(Color=#gold, Direction=225)">Placez votre texte ici</span>
Déformé <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: orange; Filter: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=5)">Placez votre texte ici</span> Renversé
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: dark green; Filter: FlipV">Placez votre texte ici</span> Ombragé simple <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: dodgerblue4; Filter: DropShadow(Color=aqua, OffX=2, OffY=2, Positive=1)">Placez votre texte ici</span> Ombragé <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: yellow; Filter: Blur(Add = 1, Direction = 225, Strength = 10)">Placez votre texte ici</span>Alpha
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: deeppink; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">Placez votre texte ici</span> <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipH">Placez votre texte ici</span> <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Mask(Color=#D43D1A)">Mask</span> Ce billet est la création de Alex | Freestyle Alex : Trucs et Astuces pour votre espace © * attachez le lien ci-dessus si vous copiez le contenu de ce billet, merci! *
6.3. Mettre du texte phosphorescentModification du texte et des images
6.3. Mettre du texte phosphorescent : outils nécessaires :
6.3.1. Comment mettre du texte phosphorescent ? : Pour mettre du texte phosphorescent, il suffit d'ajouter l'un des codes suivants et de mettre votre texte à l'endroit indiquée:
Phosphorescence Rose
<FONT style="FONT-SIZE: 10pt; FILTER: glow(color=deeppink); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Placer votre texte ici</B></FONT>
Phosphorescence Pourpre
<FONT style="FONT-SIZE: 10pt; FILTER: glow(color=purple); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Placer votre texte ici</B></FONT>
Phosphorescence Bleu <FONT style="FONT-SIZE: 10pt; FILTER: glow(color=blue); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Placer votre texte ici</B></FONT>
Phosphorescence Verte <FONT style="FONT-SIZE: 10pt; FILTER: glow(color=green); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Placer votre texte ici</B></FONT> Phosphorescence Jaune <FONT style="FONT-SIZE: 10pt; FILTER: glow(color=yellow); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Placer votre texte ici</B></FONT> Phosphorescence Orange <FONT style="FONT-SIZE: 10pt; FILTER: glow(color=orange); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Placer votre texte ici</B></FONT> Phosphorescence Rouge <FONT style="FONT-SIZE: 10pt; FILTER: glow(color=red); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Placer votre texte ici</B></FONT>
Ce billet est la création de Alex | Freestyle Alex : Trucs et Astuces pour votre espace © * attachez le lien ci-dessus si vous copiez le contenu de ce billet, merci! *
09 oktober 6.2. Mettre du texte sur une imageModification du texte et des images
6.2. Mettre du texte sur une image : outils nécessaires :
6.2.1. Comment mettre du texte sur une image ? : La procédure est simple il suffit de mettre le code dans le mode <HTML>, d'aller chercher votre URL et de le copier à la bonne place dans le code et ensuite de revenir en mode normal pour faire les modifications de l'image ainsi que de double cliquer sur l'image pour pouvoir écrire.
Voici le code:
<div style="width: 150; height: 205" align=right>
<IMG src="Placer l'URL de votre image ici" align=right> <div style="float: right" align=center> <p align="center"><font face="Times New Roman">TEXT</font> </div>
Après avoir modifié les dimensions de votre image (Vous pouvez les modifié en mode normal aussi) et avoir placer l'URL de votre image à la bonne place, revenez en mode normal et aller double cliquer sur la partie ou il est écrit ''TEXT'' pour faire apparaître un curseur d'écriture et une fenêtre dans laquelle vous pourrez changer le texte. Notez que vous pouvez changer le style du texte comme sur un billet, mais que changez de place la fenêtre d'écriture n'est pas chose facile.
Voici le résultat en rouge:
Voici mon exemple pour mettre du texte sur une image
Ce billet est la création de Alex | Freestyle Alex : Trucs et Astuces pour votre espace © * attachez le lien ci-dessus si vous copiez le contenu de ce billet, merci! *
08 oktober 6.1. Changer l'opacité d'une imageModification du texte et des images
6.1. Changer l'opacité d'une image ? : outils nécessaires :
6.1.1. Quel est l'utilité de changer l'opacité d'une image ? : Changer l'opacité d'une image ou d'une photo peut-être utilile si vous voulez que celle-ci ait l'air plus fort au milieu.
6.1.2. Comment change t'on l'opacité d'une image ? : Pour changer l'opacité d'une image, il suffit d'entrer ce code avec dedans l'URL de votre image et ensuite de tester les niveaux d'opacité jusqu'à ce que vous obteniez le résultat désiré:
<IMG style="filter: alpha(Opacity=100, FinishOpacity=0, Style=2)" src="Placer l'URL de votre image ici">
Voilà le résultat : ![]() Ce billet est la création de Alex | Freestyle Alex : Trucs et Astuces pour votre espace © * attachez le lien ci-dessus si vous copiez le contenu de ce billet, merci! *
|
|
|