26 septembre 2013
4
26
/09
/septembre
/2013
08:55
Published by Aurelie
-
dans
Les images
22 septembre 2013
7
22
/09
/septembre
/2013
10:09
Published by Aurelie
-
dans
Les images
23 juillet 2013
2
23
/07
/juillet
/2013
09:06
Ou faire une carte d'identité virtuelle
C'est le site Iciyatou qui propose de générer cette petite image, en 3 clics, rapide et gratuit.
Comment faire une carte d'identité virtuelle
Il suffit de saisir les infiormations demandées dans les champs : ton nom, ton blog, date de
naissance....
pour la photo, tu choisis un avatar parmi les choix, ou tu indiques l'URL d'une de tes photos.
Un clic sur le bouton "Générer ma carte" et voilà le résultat.
Sauvegarder sa carte d'identité virtuelle
Clic droit sur la carte d'identité puis "enregistrer
sous" pour une sauvegarde sur ton ordinateur
Published by Aurelie
-
dans
Les images
20 juillet 2013
6
20
/07
/juillet
/2013
10:41
Votre carte postale animée avec votre texte
Ou fait-on des cartes postales animées
On fait ces cartes postales chez MySpaceStuff et c'est très facile.
Vous choisissez votre carte postale, parmi un grand choix de thèmes :
- Amour, nouvel an, espace, cartoon, automne, aviation, fleurs, marrant.....
Personnalisation de votre carte postale animée
Après avoir cliqué sur votre carte, elle apparaît et vous trouvez à sa droite toute la partie pour la personnaliser :
- Le texte à y ajouter
Vous choisissez sa couleur, sa taille, vous le faites tourner
- Les effets: Paillette, ombrage, arrondi, sepia, ...
- Vous ajoutez si vous le voulez un "thème", c'est à dire un objet qui tombe. La encore, le choix est vaste : coeurs, flocons, fruits, symboles,
étoiles...
Vous pouvez aussi le rendre plus ou moins transparent.
Toutes les personnalisations effectuées sont visibles en direct, n'hésitez donc pas à cliquer pour voir si cela vous plaît ou non.
Comment utiliser votre carte postale animée
Une fois que le résultat vous satisfait, un clic sur le bouton "Copy HTML code" et vous voilà avec un enregistrement de votre code, qu'il ne vous reste plus
qu'à coller dans votre article.
A relire pour faire un article avec du code HTML : HTML, c'est Quoi ?
Published by Aurelie
-
dans
Les images
7 juillet 2013
7
07
/07
/juillet
/2013
10:30
Vous savez qu'Over-blog a un partenariat avec le site de vidéo Wat.tv.
Donc, rien de plus simple si vous voulez montrer vos vidéo sur votre blog que de les enregistrer dans votre page Wat puis de les insérer où vous voulez.
1. Le widget "lecteur vidéo" de Wat
Mais savez-vous que Wat possède un petit gadget sympa, qui vous permet de mettre un lecteur vidéo sur votre blog.
Regardez par exemple le lecteur en haut de cet écran : il propose toutes les vidéo publiées sur un de mes blogs. Il permet donc de regrouper vos vidéo et de faire un visionnage à la demande.
Pour générer votre widget, il faut aller sur Widget, en bas du site Wat, ou bien
cliquez ici pour widget
WAT
2. Les personnalisations possibles de votre lecteur vidéo
- Le sens est à chosiir : horizontal ou vertical
- L'animation : mosaique, damier ou en vrac
- la couleur de fond du lecteur
3. Insérer le elcteur vidéo sur votre blog
Une fois la personnalisation effectuée, copiez le code fourni et collez le dans votre blog !
Vous pouvez faire une page spéciale avec ce lecteur, ou bien le mettre dans un module sur le côté, afin que vos vidéos soient visibles de n'importe quel article.
Sympa non ?
Published by Aurelie
-
dans
Les images
1 juillet 2013
1
01
/07
/juillet
/2013
15:58
Certains sites ont des "images cachées" : elles apparaissent uniquement quand la
souris passe au dessus.
Je vais vous montrer que c'est très facile à faire.
1. Démonstration :
Regardez déjà l'exemple en passant votre souris sur cette photo (inutile de cliquer) :

2. Code HTML :
Vous savez déjà comment insérer en HTML une photo dans un article.
Si ce n'est pas le cas, lisez d'abord cet article :
http://faireunblog.over-blog.com/article-mettre-une-image-dans-vos-articles-39107713.html
Pour changer l'image au survol de la souris, il faut simplement ajouter ceci au code de votre image :
onmouseover="javascript:this.src='url_de_l'autre_image'"
onmouseout="javascript:this.src='url_de_cette_image'"
où url_de_l'autre_image est l'adresse de l'image qui
doit apparaitre quand la souris passe au dessus
et url_de_l'autre_image est l'adresse de l'image "d'origine", qui est
affichée.
3. Pour mon exemple: le code complet est donc :
<img height="225" width="300"
src="http://idata.over-blog.com/2/07/78/33/Mes-photos/Mes-photos_0812_800x600.jpg" onmouseout="javascript:this.src='http://idata.over-blog.com/2/07/78/33/Mes-photos/Mes-photos_0812_800x600.jpg'"
onmouseover="javascript:this.src='http://idata.over-blog.com/2/07/78/33/Mes-photos/Mes-photos_0929_800x600.jpg'" class="CtreTexte" />
Nota : Ce code fonctionne également si on est en mode "confiance" dans Overblog
Published by Aurelie
-
dans
Les images
11 juin 2013
2
11
/06
/juin
/2013
15:30
Published by Aurelie
-
dans
Les images
8 juin 2013
6
08
/06
/juin
/2013
08:49
Le code de cette carte postale :
<embed src="http://www.mycodesplace.com/text-pictures/show.swf?txt=Bonne%20fete%20papa%20%21&card=http://www.mycodesplace.com/text-pictures/cards/love/love4.swf&clickURL=http://www.mycodesplace.com/text-pictures/&clickLABEL=Myspace
Stuff&type=0&tc=16763955&tr=10&ts=51&tx=31&ty=25&glitter=1&rounded=1&bevel=1&sepia=0&shadow=1&theme=http://www.mycodesplace.com/text-pictures/themes/star3.swf&theme_al=25"
quality="high" bgcolor="#ffffff" width="440" height="340" name="show" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/><br><a href="http://www.mycodesplace.com/text-pictures/">Myspace Stuff</a>
Ou fait-on des cartes postales animées
On fait ces cartes postales chez MySpaceStuff et c'est très facile.
Vous choisissez votre carte postale, parmi un grand choix de thèmes :
- Amour, nouvel an, espace, cartoon, automne, aviation, fleurs, marrant.....
Personnalisation de votre carte postale animée
Après avoir cliqué sur votre carte, elle apparaît et vous trouvez à sa droite toute la partie pour la personnaliser :
Le texte à y ajouter, Les effets: Paillette, ombrage, arrondi, sepia, ...
Vous ajoutez si vous le voulez un "thème", c'est à dire un objet qui tombe. La encore, le choix est vaste : coeurs, flocons, fruits, symboles,
étoiles...
Comment utiliser votre carte postale animée
Une fois que le résultat vous satisfait, un clic sur le bouton "Copy HTML code" et vous voilà avec un enregistrement de votre code, qu'il ne vous reste plus
qu'à coller dans votre article.
A relire pour faire un article avec du code HTML : HTML, c'est Quoi ?
En voici une autre, dont je vous donne directement le code HTML :
Myspace Stuff
Code :
<embed src="http://www.mycodesplace.com/text-pictures/show.swf?txt=PAPA&card=http://www.mycodesplace.com/text-pictures/cards/popular/popular16.swf&clickURL=http://www.mycodesplace.com/text-pictures/&clickLABEL=Myspace
Stuff&type=0&tc=15985363&tr=-22&ts=125&tx=33&ty=156&glitter=1&rounded=0&bevel=0&sepia=0&shadow=1&theme=http://www.mycodesplace.com/text-pictures/themes/none.swf&theme_al=100"
quality="high" bgcolor="#ffffff" width="390" height="390" name="show" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/><br><a href="http://www.mycodesplace.com/text-pictures/">Myspace Stuff</a>
A lire aussi
Des petits stickers pour la fête des
mères
Fete des peres, les cartes et gifs sont ici !
Published by Aurelie
-
dans
Les images
27 mai 2013
1
27
/05
/mai
/2013
16:44
1. Mettre une image gif volante
Maintenant que vous connaissez la balise "marquee" - Sinon, pour la révision c'est ici Le défilement
avec la balise Marquee - je vous propose de l'utiliser pour y mettre une image volante dans un article, ou un module.
2. Choisir l'image qui va voler
Vous devez d'abord choisir l'image que vous voulez utiliser, puis noter son adresse.
Il est plus logique de choisir une image que l'on s'attend à voir voler, comme un insecte ou ce très joli papillon, mais si vous voulez un effet décalé qui surprendra vos visiteurs, vous pouvez
au contraire choisir tout autre chose.
3. Faire voler son image
3.1 Code HTML à insérer dans l'article ou le module
<marquee behavior="alternate" direction="up" width="80%"><marquee
direction="right" style="width: 650px; height: 88px;" behavior="alternate"><img src="url votre
image"></marquee></marquee>
et vous remplacez "url de votre image par l'adresse de votre image.
3.2 Le paramétrage
width est la largeur de déplacement occupée par le déplacement de votre image. 80% correspond à 80% de la largeur de l'article ou
du module où vous le mettez. Si vous voulez qu'il couvre tout, mettre 100 %.
Vous réglez à la fois le déplacement en largeur (le width dans la balise avec le behavior right) et en hauteur (le height)
3.3 Ajustements
Si vous cliquez juste à côté de votre objet volant (en mode édition), vous voyez apparaître un rectangle symbolisé par 6 petites marques : aux angles et au milieu de la longueur.
Ce rectangle correspond à la surface de déplament de votre objet. Vous pouvez la régler en déplaçant ces pettis marques.
3.4 Le code complet du papillon qui vole
<marquee width="90%" behavior="alternate" direction="up" style="width: 100%;
height: 100px;"><marquee behavior="alternate" direction="right" style="width: 651px; height: 88px;"><img height="60" width="80" src="http://www.gif-anime.org/im/gif/animal/papillon/papillon8.gif" class="CtreTexte" /></marquee></marquee>

Published by Aurelie
-
dans
Les images
20 mai 2013
1
20
/05
/mai
/2013
08:02
Je vous ai trouvé un nouvel outil très sympa pour faire votre propre smiley à partir d'un portrait de vous.
Comment créer son smileys
Il faut aller sur le site Luxand Smileys.
Un clic sur le bouton "Upload your Photo",
Sélectionner ensuite le genre "Male" pour les hommes et "female" pour les femmes.
Un clic sur le smiley qui vous plait (ils s'affichent plus bas" et quelques secondes d'attente.)
Il apparait sous votre photo, à coté du texte "Do you like your smileys ?
(aimez-vous votre smileys)
Comment utiliser son smileys
Clic droit dessus puis Copier.
Published by Aurelie
-
dans
Les images