1. Réalisez facilement un petit diaporama défilant avec vos photos

Ce diaporama consiste à faire défiler vos photos, comme en haut de cet article.


2. Comment faire défiler vos images

2.1 Balise HTML

La balise à utiliser est la balise "MARQUEE", la même que pour faire défiler vos textes.

2.2 Le code complet

Il suffit d'aller en édition avancée dans votre article, de passer en langage HTML, et d'inscrire le code suivant :

<MARQUEE scrollamount="4">
<IMG src="adresse de votre image1">
<IMG src="adresse de votre image2">
<IMG src="adresse de votre image3">
<IMG src="adresse de votre image....">
</MARQUEE>

en remplaçant "adresse de votre image" par vos adresses.

Scrollamount est la vitesse de défilement. Plus le chiffre est élevé, plus la vitesse l'est.

2.3 Les éventuelless informations à ajouter

Il est souvent nécessaire de modifier la taille de vos images afin qu'elles ne soient pas trop grandes.
Pour cela, ajouter

height="xx" width="xx"
juste après IMG pour chacune d'elles.

2.4 Les paramètres optionnels de défilement
 

3. Code complet du défilement d'images ci-dessous

Défilement vertical, avec arrêt quand la souris passe au dessus.


<marquee scrollamount="5" direction="up" onmouseover="this.stop()" onmouseout="this.start()">&nbsp;<img height="180" width="200" src="http://idata.over-blog.com/2/07/78/33/Mes-photos/Mes-photos_1036_800x600.jpg" />
<br /><img height="180" width="200" src="http://idata.over-blog.com/2/07/78/33/Mes-photos/Mes-photos_0158_800x600.jpg" /><br /><br/><img height="180" width="200" src="http://idata.over-blog.com/2/07/78/33/ToucheMonblogcarre.jpg" />
</marquee></p>
 

1. Vos images qui bougent toute seules

Et oui, c'est possible, comme avec cette petite animation sur ma bannière.

La seule condition est d 'attendre le chargement de l'image, en positionnant votre souris au dessus.


2. Comment faire bouger vos images

C'est le site flash-gear qui propose de vous faire cela, en 3 clics :

* Vous chargez votre image,

* vous cliquez sur "Continue",

* vous copiez le code fourni en mode HTML dans votre article.


Allez, un petit dernier pour vous hypnotiser !
 

 

Un "vrai' hamster pour décorer votre blog

Ce mignon petit hamster se comporte comme un vrai : il mange (un clic pour déposer de la nourriture), il boit, et il tourne dans sa roue (clic au centre de la roue pour l'activer).

Vous trouver ce petit hamster sur Abowman .


Code HTML pour mettre le hamster sur votre site

Voici le code (en html) à recopier pour le mettre sur votre blog :

<object type="application/x-shockwave-flash" data="http://widgets.clearspring.com/o/4921d1bbde64b665/4ba74aa3e900ca9d/4921d1bbde64b665/24f134cf" id="W4921d1bbde64b6654ba74aa3e900ca9d" width="280" height="210"><param name="movie" value="http://widgets.clearspring.com/o/4921d1bbde64b665/4ba74aa3e900ca9d/4921d1bbde64b665/24f134cf" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object>


Limite d'utilisation

Ce code étant en flash, il n'est aps accepté par les blog d'OB en mode confiance !


Comment utiliser du code HTML dans votre blog

Relire cet article si vous ne savez pas utiliser des codes HTML ; vous y trouvez la procédure pour copier du code HTML sur les blog d'OB.

 http://faireunblog.over-blog.com/article-html-c-est-quoi--39086603.html

 

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

  Idée de photo sympa pour la Saint Valentin, avec une jolie image et un poème.

Ou faire ce montage photo poeme

C'est le site GrafMe qui propose de générer cette petite image, en 3 clics, rapide et gratuit.

Comment faire une photo avec un poème

Vous choisissez le modèle de photo parmi es 35 images, en cliquiant dessus

Taper le titre de votre poème

Taper (ou coller) le poème dans le cadre en dessous. Si vous n'avez pas une ame d'artiste, vous pouvez faire comme moi et recopier un poème ou une citation connue.

Clic sur le bouton "créer" 

Sauvegarder son montage photo avec poème 

Clic droit sur votre montage poème puis "enregistrer sous" pour une sauvegarde sur ton ordinateur.

Ensuite, à utiliser auprès de votre amoureux !

A lire aussi

Mettre des gifs animés sur son blog

Saint Valentin : I love you, message animé avec son code HTML

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des jeux * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles