Voici quelques gifs animés sur le thème d'Halloween à votre disposition. Il y en a pour tous les gouts, du plus affreux au plus mignon :
Les sorcières, chats, fantomes, citrouilles, gargouilles, hibou, momie, vus attendent.
Je vous mets aussi quelques lignes de séparations et bannières Halloween, pour toute votre déco !
Comment récupérer un gif animé "halloween"
Un clic droit puis "enregistrer sous" pour stocker dans votre ordi.
Pour utiliser directement dans un message, un article.... clic droit puis copier. Ensuite, on colle et voilà !
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
A lire aussi : Photos d'horreur à se créer pour halloween : petit montage sympa
Jeu déguisement halloween, avec code pour installer sur ton blog
Faire pleuvoir des sorcières en fond d'article
![]() |
![]() |
![]() ![]() |
![]() |
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
Paramètre balise MARQUEE |
Action |
possibilités |
Behavior | Indique le type de défilement : | Scroll : mode par défaut Alternate : alterné |
Direction | Indique la direction du défilement | Left : gauche à droite Right : droite à gauche Down : Bas Up : Haut Vous pouvez définir la plage si vous utilisez Up et Down en ajoutant height="x" en nbre de pixels |
OnmouseOut | A utiliser avec celui du dessous, afin d'arrêter le défilement au survol de la souris, puis le reprendre. |
Indiquer "this.start();" |
OnMouseOver | Indiquer "this.stop();" |
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()"> <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>
![]() |
![]() ![]() |
Pour décorer et aérer vos articles, il est recommandé de mettre des images.
C'est aussi un moyen d'attirer vos visiteurs sur votre blog !
Pour cela, suivez la procédure :
1. HTML
Passer en mode HTML dans votre article
2. Syntaxe du code
<img height="xx" width="xx" src="Adresse de votre image"/>
height précise la hauteur, en pixels
width précise la largeur, en pixels
Si vous ne précisez pas la taille, l'image sera insérée dans son format d'origine (Attention aux images trop grandes !)
3. Images animées
C'est le même code à utiliser pour insérer une image animée (gif)
4. Exemples :
Pour insérer cette photo (qui m'appartient je le précise, puisqu'il s'agit d'un souvenir de mes vacances en Corse, cet été), il faut taper le code :
<img height="75" width="100" src="http://idata.over-blog.com/2/07/78/33//P1010755_corse800x600.jpg" />
Et pour celle-ci :
<img src="http://www.quigif.com/images_gifs/ordinateurs-et-equipement/pieces-d-ordinateur/Monitor_turns_on.gif"/>
![]() |
![]() |
![]() ![]() |
![]() |
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
![]() |
![]() |
![]() ![]() |
![]() |
Une carte toute mignonne pour la Saint Valentin.
Ou faire cette carte animée
Pour la version annimée, allez sur le site de Dromadaire :
http://www.dromadaire.com/dromacarte/20_saint-valentin_0/7746?id=943b4daee272f954abe531a1ac12eaaa
A lire aussi
Mettre des gifs animés sur son blog
Saint Valentin : I love you, message animé avec son code HTML
![]() |
![]() |
![]() ![]() |
![]() |
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
![]() |
![]() |
![]() ![]() |
![]() |
Ce blog a pour objet de vous aider à faire votre blog. C'est
facile, et possible sans être informaticien !
J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien
démarrer".
Inscrivez votre site sur ma Top Liste et améliorez votre
référencement.