Overblog Suivre ce blog
Administration Créer mon blog
26 septembre 2013 4 26 /09 /septembre /2013 08:55

 

Calendrier et horloge de noel n° 1

 

Mettez ce joli calendrier/horloge sur votre blog pendant la période de noel. Une déocration utilse pour votre site.

 

Code HTML à recopier pour ce calendrier de noel

 

<iframe src="http://storage.canalblog.com/70/42/383799/19807093.html" width=331 height=150 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></iframe> 

 


 

 

 

 Autre calendrier/Horloge de noel, avec code HTML

 

<iframe marginwidth="0" marginheight="0" src="http://storage.canalblog.com/54/87/383799/19811970.html" frameborder="0" width="220" scrolling="no" height="237"> </iframe>

 

 

Articles a relire

 

Ajouter un bonnet de pere noel à une de vos photos

Code HTML d'un fond noir avec neige qui tombe

Gifs animés de Noel : pere noel, bougies, boules, sapins, cadeaux,...

Montage photo avec votre portrait en pere noel

 


 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
22 septembre 2013 7 22 /09 /septembre /2013 10:09

De la décoration animée pour décorer votre site/blog

 

Voici ma sélection de tampons à coller partout pour décorer votre site.

 

Ils viennent de chez PicMix.com et il y a en a encore plein d'autres !

 

Ce sont de petites images (gif) animées.

 

 

Utiliser les gifs animés sur votre site

 

Rien de plus simple, et nul besoin d'aller dans les codes ! 

Il suffit de copier (clic droit puis Copier) puis coller (clic droit) là où vous voulez.

 

A relire aussi

 

Plein de gifs "Bisous" pour vos messages et com

Plein de gifs "Bonjour" pour vos messages et commentaires

Etoiles,

scintillements

déco déco déco
étoiles déco Etoiles Mon animation d'auteur
Coeurs déco Coeur Coeur
Fleurs Fleur déco Fleur déco deco
Ligne Fleur déco fleur fleur
Animaux déco déco deco
deco déco deco papillon
animaux chat animaux divers animaux chien
Personnages deco deco femme sexy

superstickies




 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
23 juillet 2013 2 23 /07 /juillet /2013 09:06

 

identite.jpg

 


 

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

 

 

 

 

 

superstickies




 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
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 ?









 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
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 ?




 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
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'"

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

 


 

                                             Rendez-vous sur Hellocoton !
Repost 0
Published by Aurelie - dans Les images
commenter cet article
11 juin 2013 2 11 /06 /juin /2013 15:30

Voici ma sélection de cartes pour fêter dignement la fête des pères, le dimanche 19juin 2011 !

 

1. Tout d'abord, des cartes postales :

Bonne fête papa, toi qui as toujours été là pour moi  Bonne fête des pères 
Bonne fête papa. Je t'aime. 

null

 

2. Différentes images gif animées:

 

 

 

création de Mamiakev : Bonne fête Papa 
null Fête des pères 

3. Des petits gif à coller partout :

gif blog fete des peres   gif gratuit fete des peres 

gif gratuit fete des peres 

gif gratuit fete des peres gif fete des peres

  gif gratuit fete des peres 

 

4. Des cartes virtuelles à personnaliser pour un envoi le 20 juin

  

http://www.messagis.com/carte-fete_des_peres.html

 

http://www.starbox.com/fr/ecards/fetes_et_anniversaires/fete_des_peres/0/0/1

 

http://www.cybercartes.com/cartes/fete-des-peres

 

http://www.dromadaire.com/BONNE-FETE/FETE-DES-PERES_0.shtml

 

 

5. A relire aussi

 

Carte postale animée "Bonne fête papa"

Des petits stickers pour la fête des mères

 

 


 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
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 !


 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

 

 

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
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>









 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
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.
Repost 0
Published by Aurelie - dans Les images
commenter cet article

Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe 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.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation