• Flèches de coté haut et bas 

    Coller le code suivant dans la source HTML d'un module simple de la colonne

     

    Code HTML

    <div id="fleche"><a href="#header"> <img src="URL FECHE DU HAUT" alt="" /> </a> <br /> <a href="#footer"> <img src="URL  FLECHE DU BAS" alt="" /> </a></div>

     

    Coller ensuite le code suivant dans le CSS

    Code CSS

    #fleche { position: fixed; top: 400px; right: 2%; }

    Tutoriel avec les explications

    pour coller le css cliquez ICI

    *

    Pour des images de flèches cliquez ICI 

    ****

    Un tout grand merci à Geny57 pour le partage de ce code

    Pour visiter son blog cliquez sur la bannière suivante 

     

    ****************

     


     

     Pour avoir les flèches cote à cote à gauche de l'écran

     

    exemple

    Flèches haut & bas les codes

    Coller le code suivant dans la source HTML d'un module simple de la colonne

     

    Code HTML

    <div id="fleche"><a href="#header"> <img src="flèche vers le haut" alt="" /></a><a href="#footer"><img src="flèche vers le bas" alt="" /></a></div>

     

    Coller ensuite le code suivant dans le CSS

    Code CSS

    #fleche positionfixedtop:50%;  right96%}

     

    Pour des images de flèches cliquez ICI 

    ****

     

    Un merci fait toujours plaisir . c'est la récompense de mon travail 

    N'oublier pas de dire Merci à Geny 

    *


    44 commentaires
  • *

    Attention ceci est un code HTML

     

    Menu Défilant pour bannières

    *

    Pour des  petites bannières d' ami(e)s Maximum 170 pixels x 120 .

    exemple suivant

         

    bannière

     

    bannière

     

     

    bannière

     

    bannière

     

    bannière

     

     
     

     

    Voici le code

     Code HTML

    <table style="text-align: left; width: 179px; height: 120px; margin-left: auto; margin-right: auto;" border="0" cellspacing="2" cellpadding="2">

    <tbody>

    <tr>

    <td style="vertical-align: top; text-align: center;">&nbsp; &nbsp; &nbsp;</td>

    <td style="vertical-align: top;"><!-- Début du code du menu déroulant

    d'Astwinds--><noscript><a href="http://perso.wanadoo.fr/astwinds/">

    <br/> &lt;/</a></noscript>

    <marquee class="Scroller" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2">

    <p><a title="manola scrap" href="http://manola-scrap.eklablog.com/"><img style="display: block; margin-left: auto; margin-right: auto;" title="blog 1" src="http://i49.tinypic.com/22i8v7.jpg" alt="banni&egrave;re" width="216" height="77" /></a></p>

    <p>&nbsp;</p>

    <p><a title="Nom du blog" href="URL du blog"><img style="display: block; margin-left: auto; margin-right: auto;" title="blog 2" src="URL de la bannière héberger" width="xxx" height="xxx" /></a></p>

    <p>&nbsp;</p>

    ***

    <span style="color: #9d4e46;"><span style="font-weight: bold;">&nbsp;</span></span></marquee></td>

    <td style="vertical-align: top;">&nbsp;</td>

    </tr>

    </tbody>

    </table>

    Pour chaque bannière supplémentaire , vous devez ajouter ce code à la suite de celui existant .

    Effacer les trois petites étoiles et coller le code suivant à la place.

     Code HTML

    <p><a title="nom du blog" href="URL du blog"><img style="display: block; margin-left: auto; margin-right: auto;" title="blog 2" src="url de la bannière héberger" width="xxx" height="75" /></a></p>

    <p>&nbsp;</p>

    ***

    *

    Vous pouvez changer dans le code ,  la couleur correspondant  à ...

    les dimensions du menu défilant 

    le nom de votre blog 

    L'URL de votre blog

    L'URL de la bannière hébergée

    Les dimensions de la bannière 

    -

     

    Oui! le bouton html à changé , maintenant  c'est le code source , regarde la capture

    c'est là qu'il faut coller le code .

     

    capture

     

     


    89 commentaires
  • Vous avez de belles Images flash ou autres et vous voulez les utiliser pour  en faire des cartes virtuelles à envoyer directement par mail depuis votre blog 

     

     

    Vous voulez l'envoyer à une amie 

    *

    Voici le code HTML

    * 

     Code HTML

    <p style="text-align: center;">*</p>

    <p style="text-align: center;"><span style="color: #ffffff; font-size: medium;"><big><span style="font-family: Georgia;"><strong><a href="mailto:?subject=Une jolie carte pour toi !&amp;body=Clique sur ce lien pour voir la carte...  Url Coller ICI"><span style="color: #ffffff;">Clique ici pour envoyer cette carte par e-mail !</span></a></strong></span></big></span></p>

    <p style="text-align: center;"><span style="color: #ffffff; font-size: medium;"><span style="font-family: Georgia;"><strong><span style="color: #ffffff;">*</span></strong></span></span></p>

    Voici ce que ça donne , cliquez sur le lien suivant pour voir le résultat 

     Clique ici pour envoyer cette carte par e-mail !

     

    ***

    ce qui est en vert , c'est le titre du message que vous envoyez et  que la personne recevra par mail

    Ce qui est en bleu c'est le message que vous voulez faire passer 

    ce qui est en rouge c'est là que vous devez coller l'url de votre page  où est postée la carte .

    C'est le lien  "Clique ici pour envoyer cette carte par mail !" cliquable qui sera afficher sur votre blog 

    Cependant , faites attention de bien laisser un espace après les trois petits points du message bleu 

    sinon le code ne fonctionnera  pas 

     

    oui le bouton html à changer , maintenant  c'est le code source , regarde la capture

    c'est là qui faut coller le code .

     

    capture

     


    10 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique