6 novembre 2014 4 06 /11 /novembre /2014 17:41

Journal-Times-Martiens.jpgEn réalité, mes enfants en train de jouer au PaintBall


 

Si vous voulez créer votre une de journal avec votre photo et votre tire, je vous conseille le site WriteOnIt.

En 3 clics et sans enregistrement préalable sur le site, vous avez votre Une de journal personnalisée :


* Vous choisissez votre couverture de journal : Marie Claire, Gossip, PlayBoy, Times... .

* Clic sur le bouton "Create your cover"

 

* Tapez votre titre (éventuellement un sous-titre) puis chargez la photo que vous voulez utiliser et enfin nommer votre montae dans le champ "Name...".

* Clic sur le bouton "Create your cover"

 

 

* Votre une de journal s'affiche ! Un dernier clic a droite sur "Save your picture" et voilà votre une de journal en format jpeg.  A utiliser ensuite où vous voulez !!

 

 

 

 

 

Une-People.jpg

 

 

 


  * 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
4 novembre 2014 2 04 /11 /novembre /2014 08:59


1. Une info bulle, c'est quoi

Une "info bulle" est une information qui s'affiche au survol de la souris.

Par exemple, si vous passez votre souris au dessus du texte (inutile de cliquer) ci dessous :

TEXTE AVEC INFO BULLE

Vous voyez apparaître mon info bulle "Voici mon Info Bulle !" dans un petit encadré.

 




2. Utilisation

On peut donc mettre des info bulles sur les éléments de l'article qui nécessitent une information supplémentaire, mais non essentielle à la compréhension de l'article.

L'autre avantage de l'info bulle est qu'elle ne surcharge pas votre article inutilement.



3. HTML à utiliser pour une info bulle

L'attribut à utiliser pour ajouter une info bulle est
TITLE

3.1 Syntaxe

Title="Le texte de votre info bulle"

Ce code est à ajouter à l'élement sur lequel vous voulez l'utiliser.

3.2 Exemple

Le code pour ce TEXTE AVEC INFO BULLE est

<span style="font-family: comic sans ms,sans-serif;" title="Voici mon Info Bulle !"><span style="font-size: 10pt;">TEXTE AVEC INFO BULLE</span></span>

 


 
4. Autres utilisations

Vous pouvez bien-sûr utiliser cette méthode :

* pour vos photos :

 

ce qui donne pour cette photo :

<img height="184" width="268" src="http://idata.over-blog.com/2/07/78/33/P1000796_800x600.jpg" title="Palmeraie en Espagne" class="CtreTexte" />

* pour vos liens :

Les compteurs de visites

 


 

                                             Rendez-vous sur Hellocoton !

Partager cet article

3 novembre 2014 1 03 /11 /novembre /2014 08:59

 

 

 


 

 

Votre gadget "Article de l'économie, selon le Figaro Magazine"

Ce gadget se met à jour automatiquement et vous présente les actualités économiques du Figaro.

Vous pouvez le mettre sur votre blog, dans un article, ou dans un module, afin que vos visiteurs soient informés.

 

 

Le code HTML du gadget "Economie du Figaro magazine :

 

<object data="http://swf.widgadget.com/wrapper.swf?wid=10556&amp;statsid=10253&amp;langid=es&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" type="application/x-shockwave-flash" width="250" height="320" id="widget" style="outline:none;"> <param name="movie" value="http://swf.widgadget.com/wrapper.swf?wid=10556&amp;statsid=10253&amp;langid=es&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" /> <param name="quality" value="high" /> <param name="allowFullScreen" value="false" /> <param name="bgcolor" value="#000000" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /> <param name="0" value="" /> </object><noscript> Desc&aacute;rgate el widget <a href="http://www.widgadget.com/widget/leconomie-selon-le-figaro-magazine">.</a> M&aacute;s widgets en <a href="http://www.widgadget.com/">Widgadget, la comunidad de widgets.</a> Patrocinado por: <a href="http://www.newslettersoft.com/">NewsletterSoft</a> </noscript>

 

 

 


 

  * 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 novembre 2014 7 02 /11 /novembre /2014 10:01

 Voici quelques gifs animés pour souhaiter un bon week-end à votre disposition.

Je les ai trouvé sur la grande toile et j'ai récupéré mes préférés.

 

Vous trouverez aussi bien des gifs animés week-end sur le thème de fleurs, de personnages, d'animaux, que des béébs et des stars.

N'hésitez pasn prenez le gif Week-end qui vous plait et collerz le dans vos messages.

 

Comment récupérer un gif animé "Week-end"

 

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

 

chouette c'est le week end Week end
hebergeur d'image (l)(l)BON WEEK-ENDI(l)(l)
Bon week end Image Hosted by ImageShack.us
Image Hosted by ImageShack.us
hebergeur d image

1291pk3d.gif

zxrvjsml
WEEK-END VBM5

rjsx36en.gif

A lire aussi :

Gifs animés halloween : sorcières, citrouilles, fantomes, banderoles

Plein de gifs "Bisous" pour vos messages et com

Plein de gifs "Bonjour" pour vos messages et commentaires

 

 

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
25 octobre 2014 6 25 /10 /octobre /2014 15:33

1. Décoration de blog avec des objets qui tombent

 

Une petite déco sympa pour votre blog consiste à faire tomber certains objets, comme les étoiles sur cet article.

Le plus souvent, on utilise cette décoration à certains moments de l'année.

Les plus classiques sont :

* les feuilles en automne
* la neige en hiver
* les coeurs à la Saint Valentin...

J'ai déjà fait des articls à ce sujet : Revoir "Faire tomber des objets en fond d'article"

2. Codes HTML -
Décoration d'Halloween pour votre blog

Voici une déco bien sympa pour Halloween : des sorcières qui tombent sur l'écran !

 

 

Code HTML des sorcières qui tombent

 

Vous trouverez le code chez WishAfriend, rubrique halloween.

 

Je l'ai modifié pour qu'il couvre tout l'écran : les valeurs "height" ont été notamment augmentées pour que les sorcières tombent sur une course + haute.

 

Voici mon code modifié, pour les sorcières d'Halloween

 

<p><marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1500px; top: 50px; left: 120px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 10pt;"><strong>1. D&eacute;coration de blog avec des objets qui tombent</strong><br /></span></span><marquee direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1200px; top: 70px; left: 270px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><br /><marquee scrollamount="5" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 950px; top: 90px; left: 420px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1970px; top: 30px; left: 670px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="7" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 940px; top: 30px; left: 820px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="5" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 700px; top: 30px; left: 240px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1050px; top: 30px; left: 1040px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="5" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 2060px; top: 30px; left: 290px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1330px; top: 30px; left: 360px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="8" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1800px; top: 50px; left: 390px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="4" direction="down" style="z-index: 600; position: absolute; width: 30px; height: 2300px; top: 70px; left: 440px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee><marquee scrollamount="7" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 1700px; top: 100px; left: 470px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif" border="0" /></marquee></p>



Articles à relire

Gifs animés halloween : sorcières, citrouilles, fantomes, banderoles

Jeu déguisement halloween, avec code pour installer sur ton blog

Photos d'horreur à se créer pour halloween : petit montage sympa

 

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

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