Overblog Suivre ce blog
Administration Créer mon blog
15 décembre 2015 2 15 /12 /décembre /2015 09:08

 

sapin de noel 

 

Je vous propose ici quelques gifs trouvés ça et là, autour du thème de Noel 

 

  noel renne noel rene 3 gif

Utiliser les gifs animés 

Un clic-droit puis copier.  Ensuite, vous les collez où vous voulez !

 

Quelques images sympas    
1. Père Noel 
gif noel pere 
 pere noel
 noel pere noel noel pere noel 11 gif
 
 
 
 
 
  bonhomme de neige  
2. Bonhommes de neige  bonhomme de neige gif   bonhomme de neige 
 noel bonhomme noelbon 2 gif   noel bonhomme fete noel bn13 gif   noel bonhomme bonhomme neige 11 gif
3. Bougies    noel bougies bougie noel 1 gif 
 
noel bougies bougies noel 2 gif 
 
 
  noel lumieres noel lumieres 11 gif

4. Gifs boules

de noel 

noel boules noel boules 1 gif    noel boules noel boules 17 gif noel boules noel boules 8 gif
 
noel boules noel boules 15 gif 
noel boules noel boules 4 gif  
 
 5. Gifs sapins
noel sapins noel sapins 32 gif 
noel sapins noel sa26 gif 
 
  noel sapins noel sa12 gif
 

6. Gifs cadeaux

noel cadeaux noel cadeaux 9 gif 

noel cadeaux noel cadeaux 8 gif 
  noel cadeaux noel cadeaux 7 gif
noel chaussettes chaussettes noel 6 gif 
 
 

7. Gifs cloches

et décorations

 noel cloches noel cloches 15 gif
noel cloches noel cloches 4 gif 

 

 
 
 
8. Gifs creches
 
noel creche creche nativite 1 gif 
 noel creche creche nativite 5 gif

9. Gifs rennes 

noel renne noel rene 7 gif 

noel renne noel rene 2 gif  noel renne noel rene 8 gif 

 

 

noel renne noel rene 11 gif  

noel chaussettes chaussettes noel 7 gif

 

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
12 décembre 2015 6 12 /12 /décembre /2015 15:40

Make Christmas Comments at GlitterBell.com

 

 


 

Un générateur gratuit de carte postale animée de noel

 

C'est facile de faire une carte postale de noel personnalisée et gratuite : 

 

C'est fait en 2 clics, gratuitement, et san inscription préalable.

 

* Vous allez sur le site http://www.glitterbell.com/generators/christmascard/.

 

* Vous tapez le texte de votre carte   

 

* Un clic sur "Preview" pour voir le résukltat. Si c'est ok, 

 

   Un clic sur "Copy Code" et vous récupérez le code HTML à coller sur votre blog/site.  

 

 

Le code HTML de ma carte pour un noel 2013 :

 

<center><embed src="http://www.glitterbell.com/generators/christmascard/christmascard.swf" FlashVars="l1=Je tiens&l2=a te souhaiter&l3=un joyeux &l4=noel 2013 !&xx=177&yy=48&dom=http://www.GlitterBell.com" quality="high" wmode="transparent" width="440" height="315" name="Christmas Card" align="middle" allowScriptAccess="samedomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed><br><a href="http://www.GlitterBell.com">Make Christmas Comments at GlitterBell.com</a></center>

 

 

Article à revoir

  Compte à rebours gratuit avant nouvel an 2014

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


Boule a neige gratuite "Joyeux noel 2013" avec 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 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
10 décembre 2015 4 10 /12 /décembre /2015 11:53

montage-pixiz-noel.jpg


 

Vous voulez vous créer une carte de noel et avec VOTRE photo ? Alors, il vous faut aller sur      Pixiz.

Comment se faire une carte de noel avec votre montage photo ?

* Vous commencez par un clic sur 1 et vous choisissez votre première photo

* Idem jusqu'à 4.

* Ensuite un clic sur le bouton "Terminer" en haut à droite.

La carte est créée !

Comment utiliser la carte montage photo de noel 

2 possibilités : Un clic sur le bouton "Exporter" et vous obtenez le code HTML de votre carte.- OU un clic sur le bouton "Télécharger" et vous enregistrez votre photo dans votre PC. Ensuite, à vous de coller la photo où vous voulez...

 

 

A lire aussi

Créer sa signature animée en poupée Doll

Plein de gifs animés pour décorer votre blog, vos mails

 

SignatureAurelie.gif


 

* 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 décembre 2015 2 01 /12 /décembre /2015 09:11

 

superstickies



Vous les réalisez chez Superstickies et votre post-it est fait en 2 clics :

Vous choisissez la couleur de fond du post-it, la couleur du message, et vous tapez votre texte.

Voilà un post-it à enregistrer (format png) et à coller où vous voulez !

 



superstickies2.png






 


 
 

  * 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 Gadget à blogs
commenter cet article
2 novembre 2015 1 02 /11 /novembre /2015 09:41


Voici comment changer le curseur de la souris sur les articles de votre blog

C'est un petit code bien utile car il fait de l'effet et ne manquera pas d'épater vos visiteurs !


 

1. Trouver des curseurs animés


Vous trouverez facilement des curseurs animés sur la grande toile.

Je vous conseille d'ailleurs de faire plutôt votre recherche avec le mot "cursor", soit curseur en anglais, car il y a beaucoup plus de sites qui en offrent.

J'ai sélectionné le site Andy Animated Cursors, qui offre un large choix, dans des catégories assez différentes.



2. Enregistrer les curseurs animés

2.1 Enregistrement sur votre ordinateur

Une fois votre curseur trouvé, enregistrer le en cliquant dessus, puis en sélectionnant l'endroit de sauvegarde sur votre PC.
Vérifier que l'extension de ce fichier est bien ".ani"


2.2 Enregistrement du curseur animé sur une page web

Pour fonctionner, ce curseur doit être enregistré sur unepage web.

Sur Overblog, si vous avez la possibilité d'enregistrer "Autres documents", dans le menu "Documents", alors c'est ici qu'il faudra sauvegarder le fichier du curseur, puis copier son adresse url.

Sinon, il faut l'enregistrer sur un site de sauvegarde sur internet.
De mon côté, j'utilise Archive-Host, site gratuit et pratique. Mes cuseurs y sont enregistrés et j'ai noté leur adresse.

2.3 Insérer un curseur animé sur un article de votre blog

Dans votre administration OverBlog, aller sur l'article voulu et passer en mode avancé (Onglet Edition avancée" puis sélectionner HTML à gauche du menu.

Ajouter alors, tout à la fin de votre code, les lignes suivantes :

 

<style type="text/css">

body {cursor: url(adresse http de votre curseur); }

</style>


et mettre votre adresse de curseur.

 


 
3. Quelques curseurs animés à utiliser facilement

Afin que vous puissiez essayer sans avoir à trouver puis enregistrer votre curseur, je vous donne 3 de mes adresses de curseurs.

Postez-moi un commentaire à cet article si vous voulez un autre curseur.

3.1 Le curseur de cet article

 

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/Pyramid.ani); }
</style>


3.2 Curseur animé globe terrestre :
 

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/The_Globe.ani); }
</style>

3.3 Curseur animé sourire :

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/The_Smile.ani); }
</style>

 

 


 

  * 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
27 septembre 2015 7 27 /09 /septembre /2015 16:11

 


 

C'est facile de tranformer une de vos photos en puzzle !

 

C'est fait en 2 clics, gratuitement, et san inscription préalable.

 

* Vous allez sur le site FreeFlashToys.com.

 

* Vous chargez la photo que vous voulez utilisez

 

* Vous choisissez le niveau de difficulté du puzzle (facile, moyen, difficile) ; pour info, le mien est "moyen"

 

Un clic et vous récupérez le code.

 


 

  * 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
26 septembre 2015 6 26 /09 /septembre /2015 16:10


null

Quand on écrit du code HTML, on a parfois besoin de noter des commentaires,  non visibles pour les visiteurs.
 


 

Ces commentaires sont des indications pour mieux s'y retrouver dans le code.

Ils peuvent :

* indiquer la nature du code,
* indiquer pourquoi telle ligne a été ajoutée,
* faire office de trait de séparation pour "aérer" le code,
* ou bien encore comporter des mises en garde importantes pour le webmaster, comme "Attention, ne pas enlever la ligne suivante !"


1. Mode HTML :

Vous devez bien-sûr être en mode HTML.

A l'endroit où vous souhaitez ajouter un commentaire, il suffit de noter :


 

<div id='myText' style='visibility: hidden'>texte non visible</div>


et remplacer "Texte non visible" par le texte que vous voulez mettre.

 

 


 

                                      Rendez-vous sur Hellocoton !                                                   

 

 

Repost 0
Published by Aurelie - dans HTML
commenter cet article
23 septembre 2015 3 23 /09 /septembre /2015 16:09

 

Click for Paris, France Forecast

 

 

On trouve des gadgets météo sur le site de Woundeground.

 


 

Comment préparer l'affichage météo de sa ville

 

 Taper dans la zone de recherche en haut la ville souhaitée.

 

Aller ensuite tout en bas, à gauche, sur le "Free Weather Stickers® for Your Homepage" et un clic sur le bouton "Get Your Weather Sticker!".

 

Vous avez ainsi accès aux 18 modèles de gadgets météo :

 

- Certains sont dynamiques : le fond s'adapte à la météo, l'heure s'affiche..., un clic permet d'obtenir les prévisions des jours suivants,..>.

 

d'autres restent statiques, mais affichent en + les phases de la lune...

 

Un clic sur le sticker vous permet d'accéder à son code HTML.

 

Il ne reste plus qu'à le recopier là où vous voulez mettre votre météo sur votre blog !

 

 

La météo partout dans le monde

 

Le + de ce site est qu'il propose la météo partout dans le monde.

 

Un exemple ici, à rabat, au Maroc :                   Click for Rabat-Sale, Maroc Forecast


 

A relire : html, c'est quoi ?
  Mettre une station météo rigolote
  Faire de jolis boutons (images avec liens) pour son blog


 


 

  * 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
20 septembre 2015 7 20 /09 /septembre /2015 17:04


Allez, on s'amuse un peu avec ce gadget, qui permet d'afficher votre photo et un message dans une télévision.

Voici ma création :





C'est beau non ?


Vous pouvez faire de même sur
http://tv-blog.blogoutils.com/

 


                                        

Rendez-vous sur Hellocoton !




 

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article
18 septembre 2015 5 18 /09 /septembre /2015 09:03

Il est parfois utile de faire des listes dans ses articles afin d'alléger le texte et d'ordonner ses éléments.

 

C'est ce que j'ai fait, par exemple, dans mon article "Index des articles".

 

Dans ce cas, chaque élément de la liste est cliquable et permet d'accéder à une autre page du blog.

 

1. Code HTML pour faire une liste cliquable.

 

Principe :

Il faut créer une "class" puis chaque élément de la liste sera précédé de la balise <li>, comme "liste".

On remplacera le sigle "#"par l'url de la page vers laquelle on souhaite faire le renvoi.

 

Code HTML d'une liste cliquable:

 

<ol class="liste">
        <li><span><strong><a href="#">Premier élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Deuxième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Troisième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Quatrième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Cinquième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
</ol>

  

2. Aspect visuel de la liste :

  1. Premier élément de la liste
    Petite description de l'élement ...
  2. Deuxième élément de la liste
    Petite description de l'élement ...
  3. Troisième élément de la liste
    Petite description de l'élement ...
  4. Quatrième élément de la liste
    Petite description de l'élement ...
  5. Cinquième élément de la liste
    Petite description de l'élement ...
  6. 

3. Articles à relire

 

La programmation en langage html, c'est quoi ?

Utiliser du code HTML dans un article ou module

Créer un Rollover en langage HTML

 

  

 

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 HTML
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