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

 

 

Partager cet article

Published by Aurelie - dans Les textes
commenter cet article
31 juillet 2014 4 31 /07 /juillet /2014 08:00

 

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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
30 juillet 2014 3 30 /07 /juillet /2014 08:00

 

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 !                                                        

 

 

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