Overblog
Suivre ce blog
Administration Créer mon blog
15 septembre 2016 4 15 /09 /septembre /2016 16:17

Vous le savez, les langages de programmation sont en anglais.

N'ayez crainte si vous ne maîtrisez pas cette langue, ce sont souvent les mêmes mots qui reviennent.


En voici une petite liste pour être un peu moins perdu dans ce jargon :



Mots utilisés Signification
Body  = corps de votre blog, les informations basiques y sont précisées
Head/header  = entête
Footer  = pied de page (bas)
Width  = largeur
Height  = hauteur
Top  = haut
Bottom  = bas
Right  = droite
Left  = gauche
Borders  = bordures
Background  = fond
Font  = police d'écriture (ex : Arial, Times New Roman...)
Px  = pixel (taille utilisée en graphisme ou informatique au lieu des cm)
Box  = modules
Link  = lien vers une autre page
Line  = ligne d'un texte
Margin  : marge extérieure
Padding  : marge intérieure
url  = un lien d’adresse Internet (comme http://faireunblog.over-blog.com)
Bold  : gras (plus épais que normal)
Underline  : souligné
Ul ou li  : éléments qui permettent de faire des listes avec des puces.
Ul permet d'ouvrir la liste et Li est la ligne avec la puce
h2  = h correspond aux titres dans votre blog,
selon l’emplacement de h et son numéro,
il modifie le titre de votre module, article…





 

                                        Rendez-vous sur Hellocoton ! 




Published by Aurelie - dans Pour bien débuter
commenter cet article
4 septembre 2016 7 04 /09 /septembre /2016 10:15

 

 


 

Vous pouvez vous créer votre poupée scintillante très facilement chez CrazyProfile !

Il suffit de 3 clics :

 

- Choisir la poupée que vous aimez parmi les vignettes présentées (28 choix différents)

 

- Tapez votre texte

 

- Choisir la couleur (Bleu, Rouge, Vert)

- Clic sur le bouton "Preview" pour voir le résultat

- Si cela vous convient, clic sur le bouton "Get Code"


Vous obtenez le code HTML de votre poupée scintillante avec votre message !

 


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 !                                                        

 


 

 

30 août 2016 2 30 /08 /août /2016 16:15

tuxpi-flo.jpg

 

Transformez vos photos pour qu'elles apparaissent comme issues d'un film ! Une idée originale de présentation... 

 


 

 

C'est le montage photo que vous propose de faire le site Tuxpi .

 

Comment mettre votre photo dans un cadre "film"

 

Pas besoin de vous inscrire sur ce site !

 

- Vous sélectionnez votre photo (2Mb maw), le programme l'insère tout seul dans une déco "Film".

 

- Ensuite, vous avez la possibilité d'ajouter du texte avec la typo de votre choix, et de l'insérer (par simple clic) dans une bulle (Bouton "Normal Text").

Vous déplacez si vous voulez ensuite la bulle en maintenant clic dessus.

 

Pour finir, clic sur "Download Picture" en bas d'écran pour enregistrer votre oeuvre.

 

Et vous voilà avec une photo originale et commenté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 !                                                        

 

 

Published by Aurelie - dans Les images
commenter cet article
3 août 2016 3 03 /08 /août /2016 10:15

Un gadget pratique et utile !

meteo gratuite meteo gratuite

Code HTML météo du jour :

<a href="http://www.my-meteo.fr" title="Prévisions météo gratuites"><img src="http://www.my-meteo.fr/meteo+webmaster/carte+france+24h.php" alt="meteo gratuite" /></a>

Code HTML météo du lendemain:

 <a href="http://www.my-meteo.fr" title="Prévisions météo gratuites"><img src="http://www.my-meteo.fr/meteo+webmaster/carte+france+48h.php" alt="meteo gratuite" /></a>


 

On trouve ces carte météo sur le site de MyMeteo.fr,

 

Comment fonctionnent les cartes météo

 

Ces cartes sont mises à jour en fonction de l'horaire. Ainsi s'il est 21h passées, elles afficheront les températures et icônes de nuit.

Cette carte s'intègre de la même manière qu'une simple image ! Il n'y a aucune utilisation du Javascipt, du PHP ou tout autre langage web.


Pourquoi 2 cartes de prévisions météo


Vous pouvez afficher jusqu'à 2 cartes météo sur votre site web !

- L'une indiquant les prévisions météo du jour

-  l'autre celles du lendemain.


Comment insérer votre carté météo sur votre blog

 

Copiez simplement les codes HTML indiqués sous chaque carte !

 

Pas de Javascript, donc, même les blogs OB en mode confiance peuvent avoir ces cartes !

 

 

Articles a relire

 

html, c'est quoi ?

Venez inscrire votre blog sur ma Top Liste

Afficher les prévisions météo de n'importe quel endroit dans le monde

Mettre une station lmétéo personnalisée sur 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 !                                                        

 

 

29 juillet 2016 5 29 /07 /juillet /2016 17:14


 


Je vous présente mon chat !

Vous allez entendre, c'est un chat intello. Cliquez sur la flèche pour écouter son message !


 

 


 

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

 

Published by Aurelie - dans Les images
commenter cet article
21 juillet 2016 4 21 /07 /juillet /2016 19:50


Voici une liste non exhaustive des principales balises HTML utilisées, avec leur définition.

Pour en savoir + sur l'HTML, allez voir
l'article consacré ICI.

Balise HTML Description
<!-- --> Commentaire.
<a> Création d'une ancre pour liens hypertexte.
<area> Permet de définir une zone cliquable dans la page.
<b> Gras.
<body> Encadre le corps d'un fichier HTML.
<br> Saut de ligne.
<center> Centrage.
<div> Implémente une feuille de style par bloc entier.
<font> Définition du texte.
<h1> Titre de niveau 1.
<h2> Titre de niveau 2.
<h3> Titre de niveau 3.
<head> En-tête d'un fichier HTML (encadre les balises <title>, <meta> et <base>).
<hr> Barre horizontale
<img> Insertion d'une image.
<li> Elément d'une liste (encadré par la balise <ul> ou la balise <ol>).
<marquee> Texte défilant
<menu> Liste de type menu.
<meta> Information sur la page HTML.
<ol> Liste numérotée (encadre la balise <li>).
<span> Implémente une feuille de style.
<strong> Texte en gras.
<style> Feuille de style (le plus souvent dans entre les balises <head> et </head>).
<table> Tableau.
<td> Nouvelle cellule dans un tableau (encadré par la balise <tr>).
<th> Cellule d'en-tête d'un tableau.
<title> Titre du document HTML (à insérer dans la balise <head>).
<tr> Nouvelle ligne d'un tableau (encadré par la balise <table>).
<ul> Liste non-numéroté (encadre la balise <li>).


 


 

                                        Rendez-vous sur Hellocoton ! 



 

Published by Aurelie - dans HTML
commenter cet article
11 juillet 2016 1 11 /07 /juillet /2016 16:48


Agrandir le plan

 

  Voici un plan google qui peut apparaitre à ala demande sur ton site/blog. 


 

 

Un plan sur ton site

  

Toujours utile d'afficher un plan sur son site/blog.  Ils peuvent s'en servir pour localiser une ville, une adresse...

 

L'utilisation du plan (Map) Google

 

Bien sur, par défaut, c'est la France qui s'affiche, mais on peut zoomer avec les touches "+" et "-" et se déplacer sur la carte avec les flèches en haut à gauche.

 

Les boutons à droites permettent :

- Sat. pour afficher les images satellite

- Rel. pour le relief

- Earth pour les images 3D

 

Enfin, en bas à gauche, le lien "Agrandir la carte" permet de l'afficher en pleine page sur ton écran.

 

Code HTML du plan Google

 

Pour mettre ce plan sur ton blog/sote, voici le code HTML à recopier

 

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=gadget+google+maps&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=53.829089,113.818359&amp;ie=UTF8&amp;hq=gadget&amp;hnear=&amp;ll=37.0625,-95.677068&amp;spn=53.829089,113.818359&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=fr&amp;geocode=&amp;q=gadget+google+maps&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=53.829089,113.818359&amp;ie=UTF8&amp;hq=gadget&amp;hnear=&amp;ll=37.0625,-95.677068&amp;spn=53.829089,113.818359" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>

 

 

Articles à relire

Faire votre couverture personnalisée de la collection "pour les nuls"

Faire un lien avec une image

Le gadget LinkWithin : afficher des articles similaires de votre blog

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 !                                                        

 

 

Published by Aurelie - dans Gadget à blogs
commenter cet article
1 juillet 2016 5 01 /07 /juillet /2016 19:49

 

vacances1 

  

 

Je vous propose ici quelques gifs trouvés ça et là, autour du thème des vacances 

  

Utiliser les gifs animés 

Un clic-droit puis copier.  Ensuite, vous les collez où vous voulez !

 

Quelques images sympas    
 
vacances3 
 
 
 
 
 
 
     
   
       
   
 
 
 

Et quelques séparateurs vacances :  

 

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 !                                                        

 

 

Published by Aurelie - dans Les images
commenter cet article
30 juin 2016 4 30 /06 /juin /2016 19:48

 

 


 

 

Le gadget "boite à meuh"

 

On a tous besoin d'une boite à meuh !!!

 

ça détend, c'est frais, ça rappele la campagne, notre enfance.

 

Voilà, passe la souris sur cette boite à meuh et tu entendras le cri de la vache.... meuh.

 

 

Comment installer une boite à meuh sur ton site

 

Voici donc le code à coller pour l'obtenir sur ton site

 

<object width="150" height="230" title="mini-boitameu"><param name="movie" value="http://boitam.eu/boitam.eu.petit.swf" /><embed src="http://boitam.eu/boitam.eu.petit.swf" type="application/x-shockwave-flash" width="150" height="230"></embed></object>

 

Articles de "Faire un blog" à relire

 

Grilles de Sudoku pour vous !

Un jeu pour s'entraîner à la frappe avec son clavier

Se créer une poupée scintillante (Doll) comme signature, messagère

 

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 !                                                        

 

1 juin 2016 3 01 /06 /juin /2016 20:09


Faire un joli texte en dégradé 
avec les couleurs de votre choix

 


1. Les dégradés de couleurs

Utiliser un dégradé de couleurs est un bon moyen pour embellir vos textes et faire ressortir un texte par rapport à un autre.


2. Code HTML pour les dégradés de couleurs

Vous savez déjà mettre de la couleurs sur vos texte.

Pour un petit rappel, allez voir l'article : Changer les couleurs des textes

2.1 Le principe du dégradé

Il va falloir cette fois changer la couleur :

* pour chaque lettre, si vous voulez utiliser un dégradé sur un mot,
* pour chaque mot, pour un dégradé dans une phrase.

s
2.2 La balise de couleur

La balise qui définit la couleur est COLOR, et vous devez choisir les couleurs que vous allez utiliser.

Pour cela, le plus simple est d'utiliser le petit outil publié ici : Définir le code HTML de ses couleurs préférées
puis notez les codes de couleurs que vous souhaitez.


2.3 Code HTML pour changer les couleurs sur un mot

* Devant chaque lettre, ajouter le code :

<span style="color: #993366;"> avec le code de la couleur choisie
Taper votre lettre puis ajouter
</span> pour fermer la balise.

* Répéter le code (avec une autre couleur) pour chaque lettre du mot.


2.4 Exemple de code complet avec changement de couleur pour chaque lettre

Le code :

<span style="color: #ff0000;">B</span><span style="color: #ff6600;">L</span><span>O<span style="color: #008000;">G</span>

vous donne :
                                     BLOG


2.4 Code HTML pour faire un dégradé sur une phrase

Le principe est le même, mais cette fois, vous changerez les couleurs pour chaque mot.

Le dégradé est plus joli si les couleurs choisies sont proches les unes des autres, et dans une même dominante de couleur, comme sur l'exemple en haut de cet article.

Pour un effet plus coloré, vous pouvez aussi utiliser des couleurs au contraire très différentes et qui tranchent beaucoup l'une à côté de l'autre, comme ci-dessous :

          DES COULEURS VIVES ET TRANCHANTES SONT BELLES AUSSI !


2.4.1 Codes complets de textes en dégradés de couleurs

* Code HTML de la première phrase de cet article :

<font color="#ff9999">F</font><font color="#f5959f">a</font><font color="#eb92a5">i</font><font color="#e28fac">u</font><font color="#d88cb2">r</font><font color="#cf89b8">e</font><font color="#c585bf"> </font><font color="#bc82c5">u</font><font color="#b27fcc">n</font><font color="#a87cd2"> </font><font color="#9f79d8">j</font><font color="#9575df">o</font><font color="#8c72e5">l</font><font color="#826feb">i</font><font color="#796cf2"> </font><font color="#6f69f8">t</font><font color="#6666ff"></font><font color="#6666ff">e</font><font color="#695ff8">x</font><font color="#6c58f1">t</font><font color="#7051ea">e</font><font color="#734ae3"> </font><font color="#7744dd">e</font><font color="#7a3dd6">n</font><font color="#7d36cf"> </font><font color="#812fc8">d</font><font color="#8428c1">é</font><font color="#8822bb">g</font><font color="#8b1bb4">r</font><font color="#8e14ad">a</font><font color="#920da6">d</font><font color="#95069f">é</font><font color="#990099"></font>

* Code HTML de la phrase colorée du chapitre 2.4


<span style="color: #00ccff;">DES</span> <span style="color: #993366;">COULEURS</span> <span style="color: #ff6600;">VIVES</span> <span style="color: #00ff00;">ET</span> <span style="color: #ff00ff;">TRANCHANTES</span> <span style="color: #0000ff;">SONT</span> <span style="color: #339966;">BELLES</span> <span style="color: #ff0000;">AUSSI</span> <span style="color: #800080;">!</span>
 


 

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

 

 

Published by Aurelie - dans Les textes
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