Profiel van AlexFreestyle Alex : Trucs e...Foto'sWeblogLijsten Extra Help

Weblog


    11 oktober

    6.5. Mettre un ''ALT TEXT'' à une image

    Modification 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" />
     
    • La partie en rouge est votre code l'endroit ou vous devez place votre code URL
    • La partie en jaune est la place ou vous devez mettre votre texte au cas ou l'image ne se téléchargerait pas (si vous voyez un X en rouge à la place de votre image)
    • La partie en vert est la place ou vous placez votre texte qui apparaîtra quand un visiteur laissera sa souris dessus l'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! *

     

        

     Page copy protected against web site content infringement by Copyscape

    6.4. Les autres modifications du texte

    Modification 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: 
     
    En mouvement

    <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>

     

    Renversé horizontalement

    <span style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipH">Placez votre texte ici</span>

     

    En masque

    <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! *

     

        

     Page copy protected against web site content infringement by Copyscape

    6.3. Mettre du texte phosphorescent

    Modification 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! *

     

        

     Page copy protected against web site content infringement by Copyscape

    09 oktober

    6.2. Mettre du texte sur une image

    Modification 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>
    • Les dimensions de votre image sont représentés par la partie en bleu, Width pour la largeur et Height pour la hauteur.
    • La partie en rouge est l'URL de votre image.

    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! *

     

        

     Page copy protected against web site content infringement by Copyscape

    08 oktober

    6.1. Changer l'opacité d'une image

    Modification 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"> 
     
    • La partie en Orange représente le pourcentage d'opacité de l'image. Une opacité de 100 signifie que l'image est visible en entier, alors qu'une opacité de 0 signifie que l'image est totalement invisible
    • La partie en Rouge fait l'effet inverse de l'opacité
    • La partie en Vert est le style de l'image Style=1 : l'image va devenir ombragée de gauche à droite, Style=2 : l'image va devenir ombragée du milieu vers les côtés, Style=3 : l'image va devenir ombragée des coins vers le milieu.
    • La partie en Bleu représente l'URL de votre image. Faites attention à ne pas supprimer les guillemets " ".
     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! *

     

        

     Page copy protected against web site content infringement by Copyscape