24 octobre 2014 5 24 /10 /octobre /2014 15:24
 
Un petit montage Happy Halloween à se faire peur avec CrazyProfile !
 
Bien fait ce petit montage, car on peut déplacer sa photo, la zoomer, modifier et déplacer le texte...
 
J'ai utilisé ici une photo de ma fille avec ses copines, pour une fête d'Halloween.
 
Bref, on s'amuse à se faire une photo qui fait peur et ça, j'aime bien !
 
 
A voir aussi
 

 
  * 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 !                                                        
 

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
24 octobre 2014 5 24 /10 /octobre /2014 15:23

 

Un petit montage HORRIBLE à se faire peur avec CrazyProfile !
 
Bien fait ce petit montage, car on peut déplacer sa photo, la zoomer, modifier et déplacer le texte...
 
J'ai utilisé ici une photo de ma fille avec ses copines, pour une fête d'Halloween.
 
Bref, on s'amuse à se faire une photo qui fait peur et ça, j'aime bien !
 
 
A voir aussi

 


 

  * 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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
23 octobre 2014 4 23 /10 /octobre /2014 15:22

 

 

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 !

 

gif blog ligne halloween

 

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à ! 

gif blog ligne halloween

 
  
  
Gif horreur citrouilles (15) Gif horreur gargouilles Gif horreur loups-garous (1)
  gif chauve souris halloween    gif blog chats halloween    gif chats halloween
Gif horreur sang (10) Gif horreur momies (2) Gif horreur hiboux (2)
gif blog fantome
 
  gif fantome   
gif gratuit fantome 
 
 
 gif blog fantome   gif gratuit squelette   gif blog vampire
  gif gratuit vampire   gif squelette   Halloween
 haloween  haloween  Citrouille et bébé

 

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

 

 

 

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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
5 septembre 2014 5 05 /09 /septembre /2014 10:06

 

 


1. Des images qui scintillent

Encore un site très sympa qui vous propose d'ajouter différents effets sur vos photos.

Il s'appelle Slide  et vous trouvez cet utilitaire dans la rubrique "Create a FunPix". (Le lien sur cet page vous amène directement au bon endroit).


2. Faire son image qui scintille

* Il vous faudra tout d'abord télécharger votre image.

* Vous ajoutez ensuite les effets que vous voulez (vous pouvez alors modifier leur taille, leur orientation,leur vitesse...)

* Une fois le résultat concluant, cliquer sur "Sauvegarder"

* Si vous ne désirez pas vous enregistrer, vous cliquez sur "Skip Sign-up" puis vous copiez  le code HTML fourni.


Amusez vous bien !

 

 


 

  * 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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
2 septembre 2014 2 02 /09 /septembre /2014 16:21


 


1. Liste défilante de textes avec des liens

On a parfois des listes à afficher, un peu longues, et pour lesquelles on souhaite faire des liens.
Ces liens peuvent mener vers d'autres pages de votre blog, ou bien vers d'autres sites internet.

L'avantage d'une liste défilante avec liens est :

* le gain de place si la liste est longue,

* comme pour toutes les animations, l'attraction sur les visiteurs. (Il est prouvé que l'oeil est d'abord attiré par le mouvement.)


 
2. Comment faire une liste défilante avec des liens

2.1 Faire une liste avec des liens


Le plus simple est de faire d'abord votre liste, en prenant soin d'aller à la ligne après chaque élément.

Vous ferez aussi sa mise en forme : typo, couleur, taille du texte, alignement...



2.2 Vous ajoutez ensuite les liens sur chaque élément.

Pour mémoire,
cliquez ici pour voir comment faire des liens hypertexte.

Vous avez alors au minimum un code HTML sous cette forme :


<a href=”adresse de la page liée n 1 ”>Texte de votre lien 1</a></br>
<a href=”adresse de la page liée n 2”>Texte de votre lien 2</a></br>



Code complet de liste liée avec mise en page

<a href="http://adresse page liee 1.html"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"><span style="color: #0000ff;">I</span><span style="color: #0000ff;"><span style="color: #0000ff;">ndex</span> de tous les articles</span></span></span></a><br /><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;">

<a href="
http://adresse page liee 2.html"><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;">Rubrique</span></span></span><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"> "Pour bien demarrer"</span></span></span></a>


2.3 Ajouter ensuite la balise de défilement

Avant votre code HTML de votre liste, vous ajoutez :


<marquee behavior="scroll" direction="up" height="xxx" width="xxx" scrollamount="x" scrolldelay="x"
onmouseover="this.stop()" onmouseout="this.start()"

<p>

puis vous trouvez les éléments de votre liste avec leur mise en forme et leurs liens, comme en chapitre 2.2

* Après, vous ajoutez :

</p>
</marquee>



2.4 Paramètres du défilement

Pour revoir les différents
paramètres de la balise de défilement Marquee, cliquez ICI.


2.4.1 Sens et vitesse de défilement

N'oubliez pas de paramétrer le défilement : vitesse, sens....  Le sens le plus utilisé pour ce type de liste est "up".

2.4.2 Conseil de paramétrage supplémentaire

Ajouter les paramètres qui permetent d'arrêter le défilement au survol de la souris. Ces apramètres sont vivement conseillés dans le cas d'une liste défilente avec liens, et en aprticulier si votre vitesse de défilement est élevée.

Sinon, votre visiteur risque de faire un clic non pas sur l'élement de la liste de son choix mais sur un élément au dessous.


Paramètres à ajouter :

onmouseout="this.start()" onmouseover="this.stop()"


3. Code complet d'une liste défilante avec liens


<p style="text-align: center;"><marquee scrolldelay="1" scrollamount="2" width="400" height="100" direction="up" onmouseout="this.start()" onmouseover="this.stop()">

<div style="text-align: left;"><a href="
http://www.over-blog.com/com-1109493945/123Miam_Miam.html"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"><span style="color: #0000ff;">I</span><span style="color: #0000ff;"><span style="color: #0000ff;">Index de tous les articles</span></span></a><br />

<span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"><a href="
http://faireunblog.over-blog.com/pages/5_articles_a_lire_pour_demarrer_votre_blog-2051604.html"><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;">Rubrique</span></span></span><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"> "Pour bien d&eacute;marrer"</span></span></span></a></span></span></span><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"><br />

autres éléments de ma liste.....
<br />
</div>
</marquee></p>




 


 

  * 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 !                                                        

 

 

Partager cet article

1 septembre 2014 1 01 /09 /septembre /2014 16:20

Tout d'abord, ces dessins s'appellent des "gif" (à cause du format de leur fichier) et on en trouve facilement sur internet.

Voici, pour l'exemple, 2 sites assez riches :

m
http://www.quigif.com/alimentation_Gifs.html
m http://www.123gifs.com/gifs/alimentation/

Une fois que vous avez trouvé le dessin qui vous convient, vous faites un Clic-droit, puis "Propriétés", et vous copiez "l'adresse url".

Par exemple, cette sympathique carotte a l'adresse suivante :


http://www.123gifs.com/gifs/alimentation/carotte/123gifs001.gif

Pour qu'elle apparaise sur votre blog, il suffit d'écrire, en format HTML, son adresse avec <img src=" AVANT et "/> après.

Voici donc ce qu'il faut noter pour la carotte :

<img src="
http://www.123gifs.com/gifs/alimentation/carotte/123gifs001.gif"/>

et voilà !

Vous ajustez ensuite sa taille en cliquant sur un coin, ou bien directement en langage html aussi.

 


 

  * 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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
5 août 2014 2 05 /08 /août /2014 21:36
 
 
 
Un aquarium dans votre écran ? C'est possible de réalisation sa décoration avec un aquarium avec ce petit code.
 
Utilisation de l'aquarium
 
Si vous cliquez un poisson, il se déplace très vite et réapparait ailleurs.
 
Code HTML de l'aquarium
 
Code à coller en mode HTML pour voir apparaitre l'aquarium sur ton écran.
 
<embed src='http://www.crazyprofile.com/fish.swf' quality='high' wmode=Transparent allowScriptAccess="never" width='300' height='300' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed><br><div><a href='http://www.crazyprofile.com/fish_aquarium.asp' target='_blank'><font face='verdana' size=1>Created by Crazyprofile.com</font></a></div>
Articles a revoir

 

  * 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 !                                                        

 

 

Partager cet article

4 août 2014 1 04 /08 /août /2014 09:34

Un petit jeu de machine à sous, pour se détendre un peu, et pour ne pas se ruiner !

 


 

Vous pouvez jouer, bien sûr, mais aussi mettre ce jeu sur votre site !

Vos visiteurs pourront s'amuser comme au casino...

 

Comment jouer à la "Machine à sous"

 

Un clic sur le bouton "Bet" (parier)

Un clic sur la manette à droite, et voilà les objets qui défilent.....

 

Comment mettre le jeu "machine à sous" sur son site/Blog

 

* Vous copiez le code suivant :

 

<div><object width="600" height="428"><param name="movie" value="http://www.jouez-flash.com/jeux/521-beach-party.swf"></param><embed src="http://www.jouez-flash.com/jeux/521-beach-party.swf" type="application/x-shockwave-flash" width="600" height="428"></embed></object><br /><b><a href="http://www.jouez-flash.com/jeu-flash.php?id=521&Beach+party">jeu : Beach party</a></b><br /><i>Trouvé sur <a href="http://www.jouez-flash.com">Jouez-flash</a></i></div>

 

 

* Vous allez sur votre site, en mode avancé/Html, et vous collez le code.

 

Articles à revoir dans la rubriqaue "jeux" 

 

Entrez dans le monde des Simpsons : jeu et widget 

Défoulez-vous avec le jeu du baffotron (jeu et code à installer) 

PacMan : jeu et code pour installer sur ton site  


 

  * 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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Jeux
commenter cet article
3 août 2014 7 03 /08 /août /2014 16:00
The WeatherPixie                    The WeatherPixie

Météo actuelle à Paris                       

Météo à Marseille    


Un gadget Météo à mettre sur votre blog !

 


 

Vous voulez afficher la météo de votre ville sur votre blog : Le site WeatherPixie est fait pour vous !


Vous choisissez votre paramétrage de gadget météo dans des listes déroulantes :

   * l'unité utilisée (C comme Celsius, pour les français),

   * Vous choisissez votre personnage, dans une longue liste de filles, garçons, poupées...

   * vous sélectionnez la langue, le pays, la ville,

Enfin, vous cliquez sur le côté droit sur "View the HTML code for this location" et vous recopiez le code fourni dans votre article ou module, en mode HTML, bien sur !


La station météo vous indique alors, pour la ville choisie :
la température,
le taux d'humidité,
la direction du vent,
sa vitesse (en pointe)
et la pression athmosphérique.

Sans oublier que le personnage et le fond du gadget sont  fonction de la météo actuelle.


 

    A lire aussi :    
    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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
2 août 2014 6 02 /08 /août /2014 17:09

Acrostic Name Poem by Wishafriend

Ton prénom en poème, c'est WishAFriend qui propose de te faire cela ! C'est original, sympa et très vite fait ! 


 

Comment créer sa carte avec prénom en poème

 

* Clic sur "Upload your photo" pour choisir la photo avec ton meilleur profil

* Tape ton oprénom dans la case "Your name" - maw 13 caractères

* Clic sur le fond de carte souhaite (choix entre 3)

* Clic final sur le bouton "Generate Name Poem"

 

 

Comment utiliser ta carte avec prénom en poème

 

Le bouton "copy" accessible sous ta carte te permet de sauvegarder le code HTML pour la coller ensuite où tu veux

 

Sinon, le "Embed code" te donne aussi la code HTML de ton image.

 

 


 

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 !                                                        

 

 

Partager cet article

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
Partager cette page Facebook Twitter Google+ Pinterest
Suivre ce blog