Overblog Suivre ce blog
Administration Créer mon blog
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 !                                                        

 

 

Repost 0
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 !                                                        

 

 

Repost 0
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 !                                                        

 

 

Repost 0
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 !                                                        

 

 

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter 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 !                                                        

 

 

Repost 0
Published by Aurelie - dans Jeux
commenter cet article
1 août 2014 5 01 /08 /août /2014 16:08

 

 


 

 

Vous fabriquez votre panneau lumineux chez SpaceMisc et tout se fait en 2 clics !

 

 

 Comment générer son panneau lumineux avec texte défilant

 

* Vous allez chez SpaceMisc

 

* Vous tapez votre texte

 

* Vous choisissez la couleur

 

* Clic sur le bouton "Generate" :

 

Le système vous montre votre bandeau défilant et vous donne le code à recopier.

 

Comment mettre le panneau lumineux sur son blog

 

Vous copiez le code fourni, et le collez (mode avancé, bouton HTML) là où vous souhaitez le mettre.

A relire

 

html, c'est quoi ?

Faire défiler un texte

 Astuce pour écrire en langage HTML / édition avancée

 

 

 


 

  * 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 textes
commenter cet article
22 juillet 2014 2 22 /07 /juillet /2014 16:11

 

Un petit jeu de tir aux pigeons aujourd'hui !
Pas d'explications, il suffit de dégommer les pigeons avec un clic de souris.
A vous !
Code HTML du jeu
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTMzNzQ*Mzg5MDYmcHQ9MTI5MzM3NDY1MzgxMiZwPTM2MzYxJmQ9Jmc9MSZvPTJmMDYyYzEyNjJmZDQzNmY5ZGJi/Y2Q5MTQ4ZGVmNmZiJm9mPTA=.gif" /><center><param name="movie" value="http://www.wishafriend.com/pf/pigeonshunter/main.swf?fullpath=http://www.wishafriend.com/pf/pigeonshunter/&dom=www.wishafriend.com"><param name="quality" value="high"><embed src="http://www.wishafriend.com/pf/pigeonshunter/main.swf?fullpath=http://www.wishafriend.com/pf/pigeonshunter/&dom=www.wishafriend.com" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="500" bgcolor="#6699FF" ></embed><br/> <a href="http://www.wishafriend.com"> provided by: www.wishafriend.com</a></center>
 

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 Jeux
commenter cet article
19 juillet 2014 6 19 /07 /juillet /2014 10:31

 

 

Mettez cette calculatrice sur votre site, à disponibilité de vos visiteurs.

 


 

Le code de la calculatrice :

 

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzczODI3MDAzMjgmcHQ9MTI3NzM4MjcwNTcwMyZwPTIyMzA1MiZkPSZnPTImbz*3YzllMDJjNjU1YWU*NGYxYTQ4/ZDlkY2EzNzZjZmUwZCZvZj*w.gif" /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="220" height="354" id="WFHost"><param name="FlashVars" value="partner=223052&symID=DefaultButton_Bottom&URL=http%3a%2f%2fwidgia.com%2fwidgets%2fvista_calculator%2fvista_calculator.swf&useFacebookMystuff=false&defaultPreviewURL=&WFBtnY=330&WFBtnX=76&stickyType=bottom&widgetY=0&widgetX=0&widgetH=330&widgetW=220&theme=Ocean%20Blue"/><param name="wmode" value="transparent"/><param name="allowScriptAccess" value="always" /><param name="movie" value="http://cdn.gigya.com/wildfire/swf/WildfireHost.swf" /><embed name="WFHost" id="WFHost" width="220" height="354" src="http://cdn.gigya.com/wildfire/swf/WildfireHost.swf" flashvars="partner=223052&symID=DefaultButton_Bottom&URL=http%3a%2f%2fwidgia.com%2fwidgets%2fvista_calculator%2fvista_calculator.swf&useFacebookMystuff=false&defaultPreviewURL=&WFBtnY=330&WFBtnX=76&stickyType=bottom&widgetY=0&widgetX=0&widgetH=330&widgetW=220&theme=Ocean%20Blue" AllowScriptAccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

 


 

  * 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
16 juillet 2014 3 16 /07 /juillet /2014 08:25

Si vous voulez mettre de la couleur sur vos texte, il va vous falloir utiliser les codes couleurs dans votre HTML.


Les codes couleurs :

Ces codes peuvent se mettre de 2 façons différentes :

1. avec le sigle
# suivi de 3 ou 6 chiffres et/ou lettres

Exemples : #000000 est le noir ; #ffffff est le blanc.

Le choix est non limité, puisque vous définissez totalement la couleur utilisée. 
Vous trouvez
les codes ICI, dans le FAQ d'Overblog

2. avec le nom anglais de la couleur, mais il y a alors moins de choix.

Exemple : black pour le noir, white pour le blanc, blue pour le bleu...



La syntaxe :

Dans le code HTML:

vous utilisez color pour indiquer que vous définissez la couleur
vous faites suivre de 2 points (:)
puis votre code couleur (ou nom anglais de la couleur)

Exemple de syntaxe complète :

<span style="color: #339966;">METTRE DE LA COULEUR DANS SES TEXTES</span>

span indique que vous mettez une feuille de style
style indique que vous changez le style
color indique que vous définissez une couleur
#339966 indique votre couleur (vert foncé)

Cela vous donne :

METTRE DE LA COULEUR DANS SES TEXTES

 




 


 

  * 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 textes
commenter cet article
1 juillet 2014 2 01 /07 /juillet /2014 10:18



Si vous voulez mettre un sondage sur votre blog, je vous conseille le site Pixule.

En 3 clics et sans enregistrement préalable sur le site, vous avez votre sondage personnalisé :


* Vous tapez la question posée, ainsi que les réponses proposées.

* Vous paramétrez les couleurs, type, langue, apparence de la boîte à sondage...

* Un dernier Clic sur le bouton "Validez et enregistrez" et vous avez votre code HTML.

* A vous de le recopier ensuite sur votre blog pour faire apparaître votre sondage.


A ce propos, merci de répondre au petit sondage sur cet article pour m'aider à cibler mes articles vers les sujets qui vous interessent !



 


 

  * 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

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