Suivre ce blog
Administration Créer mon blog
19 décembre 2014 5 19 /12 /décembre /2014 17:06

 

Un petit montage gratuit de noel avec vos photos avec CrazyProfile !
 
Bien fait ce petit montage, car on peut déplacer sa photo, la zoomer, modifier et déplacer le texte...
On choisit sa photo avec le bouton "Open".
C'est gratuit et sans enregistrement préalable.
Le site vous donne ensuite le code HTML de votre carte postale de Noel.
 
Parfait pour préparer vos cartes postales personnalisées pour Noel !
 
 
 
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
12 décembre 2014 5 12 /12 /décembre /2014 17:46

Bonnet de Père Noël Merry Christmas

Montage photo avec ajout d'un bonnet de pere Noel


 

Faire son montage photo avec ajout de bonnet de pere Noel

 

C'est sur le site Pixiz que l'on fait ça. C'est gratuit et sans inscription préalable.

 

Il vous faut :

 

* Choisir votre photo après avoir cliqué sur "Parcourir"

 

Si vous souhaitez un cadrage automatique de votre photo, laisser la case cochée. Sinon, vous verrez apparaitre votre photo et pourrez déplacer le cadre autour afin que le sujet principal soit bien centré.

 

* Clic sur "Go"

 

Et voilà votre montage réalisé !

 

 

Ajouter des effets et du texte sur votre cadre

 

En option, le bouton "Ajouter des effets et du texte sur votre cadre" vousd permet de eprsonnalsier encore votre montage.

 

Vous accédez alors à une fenetre où vous voyez votre montage et pouveze ajotuer des décorations, du texte, faire unr ecadrage... une fois fini, n'oubliez pas de "Sauvegarder"

 

Comment récupérer votre montage photo avec bonnet de père Noel

 

Un clic sur le bouton "Obtenir un code HTML" et vous voilà avec le code complet pour insérer votre photo dans votre blog/site.

 

Sinon, vous pouvez aussi "télécharger votre image" et la sauvegarder ensuite sur votre ordi.

 

 

J'en profite pour vous souhaiter de très bonnes fêtes !!

 

Bonnet de Père Noël Merry Christmas

 

 

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
11 décembre 2014 4 11 /12 /décembre /2014 15:29

 

Faire un Blog

 


 

 

Votre texte défilante avec un effet apparation/Disparition

 

Un joli moyen de mettre en valeur un titre, une info !

 

 

Le code HTML du texte défilant avec apparition/disparition

 

* Copier le code suivant

 

<a href="http://www.crazyprofile.com/marquee_effects/Marqueeeffects.asp" target="_blank" style="text-decoration:none"><marquee behavior="alternate"><marquee width="150">VOTRE TEXTE</marquee></marquee></a>

 

* Remplacer VOTRE TEXTE par celui de votre choix

 

* Modifier si vous le souhaitez la taille, police, couleur...
       

 


 

  * 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 textes
commenter cet article
10 décembre 2014 3 10 /12 /décembre /2014 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 !

 

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
5 décembre 2014 5 05 /12 /décembre /2014 09:45

 

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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
3 décembre 2014 3 03 /12 /décembre /2014 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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
2 décembre 2014 2 02 /12 /décembre /2014 09:27

Suite à la demande de certains de mes visiteurs, je vous donne ici le code HTML pour faire apparaître une pluie d'étoiles au bout de votre curseur (ou de votre souris).

 

Particularités du code HTML de la pluie d'étoiles

 

La particularité de ce code est qu'il se suffit à lui-même :

 

- Il ne nécessite pas de charger des photos d'étoiles, comme on peut en trouver sur certains forums. Le code fourni alors ne fonctionne pas si vous n'avez pas les photos (format gif) qui correspondent au code, et enregistrés dans le même répertoire.

 

- Pas besoin non plus d'aller bidouiller dans votre CSS !

 

- Il n'est en aucun cas prévu seulement pour les blogs sur Over-blog. C'est un code HTML, dont, à utiliser où bon vous semble

 

Code HTML de la pluie d'étoiles qui suit le curseur

 

 

 

<script type="text/javascript">
_uacct = "UA-994360-1";
urchinTracker();
</script><script type="text/javascript">
var colour="#7C5B1A";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

 

 

Ou mettre ce code HTML de pluie d'étoiles

 

Il est à recopier, en mode avancé, HTML, pour votre blog:

 

- dans un article si vous ne le voulez actif que sur un article

 

- en pied de page de votre blog (accueil ET mise en page articles) pour qu'il soit valide partout

 

Limitation du code HTML pour la pluie d'étoiles

 

Ce code étant en Javascript, il ne sera pas accepté par les blogs Over-blog en mode confiance !

 

 

A lire aussi :

Faire tomber des objets en fond d'article sur votre blog

Changer le curseur de la souris sur un article

 


 

  * 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

26 novembre 2014 3 26 /11 /novembre /2014 14:15

 

 


 

 

La blaque du jour à mettre sur votre blog

Vous aimez l'humour et les blagues et voulez les partager avec vos visiteurs ? Ce gadget est fait pour vous !

 

Il affiche la "blague du jour", qui change donc tous les jours !

 

 

Code HTML du widget "Blague du jour"

 

<div>
<object type="application/x-shockwave-flash" id="widget-10644" data="http://swf.widgadget.com/wrapper.swf?wid=10644&amp;statsid=10339&amp;langid=es&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" height="420" width="160" style="outline-style: none; outline-color: invert; outline-width: medium;">
<param name="data" value="http://swf.widgadget.com/wrapper.swf?wid=10644&amp;statsid=10339&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="src" value="http://swf.widgadget.com/wrapper.swf?wid=10644&amp;statsid=10339&amp;langid=es&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" />
</object>
</div>

 

 

Articles à relire

Le gadget "Alertes pollens"

Mettre des gifs animés sur son blog

Des effets surprenants avec vos photos

Gadget citation du jour & anniversaire de star

 

 

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 Gadget à blogs
commenter cet article
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

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