• Visiteurs

    Il y a 4 visiteurs en ligne
  • Total

  • Rechercher sur ce blog

    Sur la colonne de droite, vous pouvez rechercher un texte selon différents critères : derniers articles commentés, derniers articles publiés, mots-clés, catégorie de l'article, date,...
    N'hésitez pas à commenter.


    L'email fournit lors du dépôt d'un commentaire permet au système de contrôler que celui-ci n'est pas posté par un robot (publicité et indésirables). Il ne sera donc pas utilisé pour vous envoyer un mail.


    Autres astuces pour utiliser ce blog et aides pour blogueurs


  • Méta

  • blog tout beuvry sur le web

    © 2008
    Tous droits réservés.
    Reproduction (même partielle) interdite sans l'accord écrit de l'auteur.

  • Accueil
  • > Recherche : code couleur

Résultats de votre recherche

HTLM : Codes des couleurs pour les blogs et sites

Posté par Joël le 4 octobre 2011

A Beuvry comme ailleurs, il existe des blogs de toutes les couleurs

Lors de la mise en forme d’un article dans un blog, on peut jouer sur les couleurs (c’est même vivement conseillé).
Pour changer la couleur d’un texte, ou des bordures et fond d’un tableau, il existe des outils, il suffit de cliquer sur un bouton (comme dans Word) : u
ne petite fenêtre s’ouvre et propose une palette d’environ 200 couleurs.

Une couleur est définie par une chaine de 6 caractères précédée du signe #.
Pour chaque caractère, il existe 16 possibilités : de 0 à 9 puis a à f (le a correspond en quelque sorte au 10 et ainsi de suite).
Les 2 premiers caractères donnent la quantité de rouge, les 2 suivants : le vert, les 2 derniers : le bleu.

sélection de couleurs pour blog

Si vous souhaitez une couleur bien particulière, il suffit de modifier le code couleur (en langage HTLM) grâce au tableau suivant.

 

Hex Code

Couleur

#FFFFFF

 

#FFFFCC

 

#FFFF99

 

#FFFF66

 

#FFFF33

 

#FFFF00

 

#FFCCFF

 

#FFCCCC

 

#FFCC99

 

#FFCC66

 

#FFCC33

 

#FFCC00

 

#FF99FF

 

#FF99CC

 

#FF9999

 

#FF9966

 

#FF9933

 

#FF9900

 

#FF66FF

 

#FF66CC

 

#FF6699

 

#FF6666

 

#FF6633

 

#FF6600

 

#FF33FF

 

#FF33CC

 

#FF3399

 

#FF3366

 

#FF3333

 

#FF3300

 

#FF00FF

 

#FF00CC

 

#FF0099

 

#FF0066

 

#FF0033

 

#FF0000

 


Hex Code

Couleur

#66FFFF

 

#66FFCC

 

#66FF99

 

#66FF66

 

#66FF33

 

#66FF00

 

#66CCFF

 

#66CCCC

 

#66CC99

 

#66CC66

 

#66CC33

 

#66CC00

 

#6699FF

 

#6699CC

 

#669999

 

#669966

 

#669933

 

#669900

 

#6666FF

 

#6666CC

 

#666699

 

#666666

 

#666633

 

#666600

 

#6633FF

 

#6633CC

 

#663399

 

#663366

 

#663333

 

#663300

 

#6600FF

 

#6600CC

 

#660099

 

#660066

 

#660033

 

#660000

 
 

Hex Code

Couleur

#CCFFFF

 

#CCFFCC

 

#CCFF99

 

#CCFF66

 

#CCFF33

 

#CCFF00

 

#CCCCFF

 

#CCCCCC

 

#CCCC99

 

#CCCC66

 

#CCCC33

 

#CCCC00

 

#CC99FF

 

#CC99CC

 

#CC9999

 

#CC9966

 

#CC9933

 

#CC9900

 

#CC66FF

 

#CC66CC

 

#CC6699

 

#CC6666

 

#CC6633

 

#CC6600

 

#CC33FF

 

#CC33CC

 

#CC3399

 

#CC3366

 

#CC3333

 

#CC3300

 

#CC00FF

 

#CC00CC

 

#CC0099

 

#CC0066

 

#CC0033

 

#CC0000

 


Hex Code

Couleur

#33FFFF

 

#33FFCC

 

#33FF99

 

#33FF66

 

#33FF33

 

#33FF00

 

#33CCFF

 

#33CCCC

 

#33CC99

 

#33CC66

 

#33CC33

 

#33CC00

 

#3399FF

 

#3399CC

 

#339999

 

#339966

 

#339933

 

#339900

 

#3366FF

 

#3366CC

 

#336699

 

#336666

 

#336633

 

#336600

 

#3333FF

 

#3333CC

 

#333399

 

#333366

 

#333333

 

#333300

 

#3300FF

 

#3300CC

 

#330099

 

#330066

 

#330033

 

#330000

 
 

Hex Code

Couleur

#99FFFF

 

#99FFCC

 

#99FF99

 

#99FF66

 

#99FF33

 

#99FF00

 

#99CCFF

 

#99CCCC

 

#99CC99

 

#99CC66

 

#99CC33

 

#99CC00

 

#9999FF

 

#9999CC

 

#999999

 

#999966

 

#999933

 

#999900

 

#9966FF

 

#9966CC

 

#996699

 

#996666

 

#996633

 

#996600

 

#9933FF

 

#9933CC

 

#993399

 

#993366

 

#993333

 

#993300

 

#9900FF

 

#9900CC

 

#990099

 

#990066

 

#990033

 

#990000

 


Hex Code

Couleur

#00FFFF

 

#00FFCC

 

#00FF99

 

#00FF66

 

#00FF33

 

#00FF00

 

#00CCFF

 

#00CCCC

 

#00CC99

 

#00CC66

 

#00CC33

 

#00CC00

 

#0099FF

 

#0099CC

 

#009999

 

#009966

 

#009933

 

#009900

 

#0066FF

 

#0066CC

 

#006699

 

#006666

 

#006633

 

#006600

 

#0033FF

 

#0033CC

 

#003399

 

#003366

 

#003333

 

#003300

 

#0000FF

 

#0000CC

 

#000099

 

#000066

 

#000033

 

#000000

 

Voir aussi : Les autres articles d’aide

 


 

Publié dans Astuces et conseils pour blogs, Le saviez-vous ? | Pas de Commentaires »

Introduction au langage HTLM

Posté par Joël le 3 octobre 2011

Comme je l’ai écrit précédemment, la tenue d’un blog est assez simple.

Une fois votre texte écrit, revu et corrigé (si possible dans un traitement de texte comme Word), il suffit de le copier puis de le coller dans l’éditeur d’articles votre blog.

 

Et ensuite, comment mettre en forme mon article ?

Comment changer la police, mettre des écritures en gras, italique, en couleur, changer la taille d’écriture, aligner à gauche, à droite, centrer ou justifier un texte ?

Chez la plupart des hébergeurs de blog, il est possible de réaliser la mise en page de manière extrêmement simple, avec des outils qui ressemblent à ceux de votre traitement de texte.

barre d'outils blogs

 

Mais parfois, on a besoin d’aller plus loin dans la présentation.

Il faut pour cela activer le mode HTLM.

Dans l’éditeur d’article de la plupart des hébergeurs de blogs, lorsque vous ouvre une fenêtre d’édition d’article il y a justement un bouton « HTML » ou « Modifier le code HTML ».

Introduction au langage HTLM dans Astuces et conseils pour blogs htlm

Qu’est-ce que le langage HTLM ?

HTML (HyperText Markup Language) est un format international permettant de définir les éléments variés d’une page internet.

Son le rôle est de formaliser l’écriture d’un document avec des « balises » de formatage. Même si le langage HTLM est parfois présenté comme obsolète par les experts en programmation, il reste le moyen le plus simple pour les novices de modifier quelques éléments d’un  blog.

Les « balises » permettent d’indiquer la façon dont doit être présenté le document et les liens qu’il établit avec d’autres pages.

balises htlm

Pourquoi accéder au HTML d’un article de blog ?

  • Changer une couleur d’un texte (couleur en dehors de la palette de l’éditeur blog).
  • Animer un texte.
  • Insérer un tableau ou un encadré (chez certains hébergeurs des outils intégrés évitent de passer par le HTML).
  • Associer un texte de remplacement à des images, éditer des images.
  • Insérer un objet (lecteur audio, carte google map, vidéo…)

Mais ces quoi ces balises ?

Les balises sont comme des étiquettes que vous utilisez pour marquer le début et la fin d’un élément.

Toutes les balises ont le même format : elles commencent par un signe inférieur à « < » et finissent par un signe supérieur à « > ».

Il y a deux types de balises : les balises ouvrantes (<code>) et les balises fermantes (</code>).

La seule différence entre les deux est la barre oblique « / ».

Vous étiquetez le contenu en le plaçant entre une balise ouvrante et une balise fermante.

Apprendre HTML c’est connaître et utiliser des balises différentes.

balise aide dans Astuces et conseils pour blogs

Exemple de balise :

L’élément b sert pour marquer des lettres en caractères gras. La lettre « b » est l’abréviation de « bold »

Tout le texte entre la balise ouvrante et la balise fermante s’inscrit en caractères gras dans le navigateur.

Ce texte doit être en caractères gras.

donne :

Ce texte doit être en caractères gras.

Mais rassurez-vous dans cet exemple, il s’agit de ce que vous verrez si vous passez en mode HTLM, en réalité, vous n’aurez pas à réaliser manuellement ce genre de  balise, l’éditeur d’articles dispose d’un bouton comme dans un traitement de texte. Il en est de même pour la police de caractère, la couleur, etc.

gras beuvry

 

Tout cela à l’air bien compliqué ?

Et comme dirait une blogueuse Beuvrygeoise « Explique-moi, j’ai peur de faire une bêtise… »

Même si vous débutez en HTML, vous pouvez vous livrer sans risque à toutes les expériences que vous voulez en accédant au code HTML de votre article.

Dans l’onglet « HTML » de l’éditeur d’articles, vous n’agissez que sur l’article en cours.

Si vous faites une erreur de programmation, le système refusera la modification de votre article et vous serez quitte pour recommencer. Si vous ne trouvez pas votre erreur, il faudra demander de l’aide.

Voilà la seule chose que vous risquez !

 

Blogueurs débutants, ou futurs blogueurs, vous êtes maintenant prêt à apprendre le langage HTML ! Ou du moins quelques fondamentaux…

Je détaillerai prochainement quelques fonctions simples en langage HTLM.

 

Voir aussi : Les autres articles d’aide


 

Publié dans Astuces et conseils pour blogs | 4 Commentaires »

Comment utiliser un blog ?

Posté par Joël le 14 septembre 2011

Pour bon nombre de visiteurs, une série d’articles concernant l’utilisation des blogs peut sembler superflue ou inutile.

Pourtant comme je l’ai indiqué précédemment, cela correspond à certaines demandes qui m’ont été formulées depuis quelques temps.

Avant d’entrer dans des détails techniques pour blogueurs (ou futurs blogueurs), commençons par les utilisateurs d’internet encore peu familiarisés avec cet outil.

Qu’est-ce qu’un blog ?

Pour certains, la notion est encore floue et d’autres s’imaginent encore que le blog est réservé aux adolescents pour servir de carnet… pas très intime, car ouvert à tous.

Pourtant, le blog n’est pas si nouveau que cela. C’est en effet le 17 décembre 1997 que Jorn Barger a contracté les mots « web » et « log » en « weblog » pour décrire son journal en ligne.

Définition du Blog : un blog est un site web dans lequel un auteur (ou un groupe d’auteurs) publie(nt) au fil du temps des articles, organisés en catégories et affichés dans l’ordre chronologique inverse.

L’éditeur de blog est un outil permettant de publier facilement des « Articles » (ou « Notes » ou « Billets » ou « Posts » dans la langue des blogueurs) sur un sujet, de les illustrer (dessins, photos, vidéos, sons…) et de partager des idées en recueillant des commentaires sur ses « articles ».

Les catégories sont des thèmes génériques dans lesquels l’auteur publie souvent des articles. On peut afficher l’ensemble des articles dans une catégorie donnée.

Les pages apportent une fonctionnalité au blog le rapprochant d’un site web : à l’inverse des articles, elles ne sont pas affichées dans l’ordre chronologique inverse mais à part du reste des articles. Les pages sont typiquement utilisées pour publier des informations statiques (par opposition aux articles dont le rapport au temps et à la date de publication est plus marqué).

 

À quoi sert un blog ?

Un blog permet d’échanger gratuitement avec d’autres internautes, mais aussi de délivrer des informations.

De nos jours, son utilisation dépasse très largement le cadre du journal personnel et il est très largement utilisé par toutes les associations et même certaines communes (à la place d’un site internet dont l’hébergement est payant).

 

Bannière

 

Comment utiliser ce blog ?

 

1/ Pour revenir à la page d’accueil :

Cliquer sur le bandeau du titre.

2/ Pour poster un commentaire :

A – Cet hébergeur de blogs se distingue… À la fin des articles, il n’est pas écrit “ajouter un commentaire”, comme sur over-blog par exemple.
Il faut donc cliquer sur “Pas encore de commentaire” ou, le cas échéant, » X commentaires ».

B – L’hébergeur ne propose pas le même contrôle que d’autres (pour lequel il faut saisir un code lorsque l’on poste un commentaire). Il est donc nécessaire de mettre une adresse mail (non publiée) qui sert simplement à éviter d’être victime de ce que l’on appelle des « robots » qui postent des publicités en lieu et place des commentaires. L’adresse mail demandée, reste donc secrète.

3/ Les catégories d’articles :Cet hébergeur présente la particularité de pouvoir inscrire un article dans plusieurs catégories. Celles-ci peuvent être découpées en sous-catégories. Vous trouverez toutes les catégories sur le bandeau de droite.

4/ Les pages : 

Vous trouverez toutes les pages (telles que définies ci-dessus), parfois découpées en « sous-pages », sous le bandeau du titre.

5/ Les liens : 

Vous trouverez toutes les liens utiles (vers d’autres  blogs et sites), sur la page  » liens utiles  » découpée en « sous-pages », sous le bandeau du titre. Dans les articles, sur les pages ou dans les modules sur les côtés du blog, les textes écrits dans cette couleur correspondent aussi à des liens.

6/ Pour me contacter autrement que par commentaire :

 

gif animé mail bouteille à la mer

 

 

 

Voir aussi : Les autres articles d’aide


Publié dans Astuces et conseils pour blogs | 3 Commentaires »

Aide Technique

Posté par Joël le 20 octobre 2008


 

Généralités

Tout Beuvry sur le web, pourquoi ce titre ?  C’est compliqué de faire un blog ?

Qu’est-ce qu’un blog ?  Comment utiliser ce blog ?

Présentation pour les liens et les autres pages de ce blog

Autres astuces pour ce blog

 

Rédaction d’un blog

Quelques principes de rédaction (notamment pour les blogueurs)

Quelques règles de dactylographie : Les abréviations

Quelques règles de dactylographie : Règles de disposition des espaces

Pièges et difficultés de la langue française

Quelques règles diverses

 

Guide du blogueur

Comment mettre un lien sur une image ou un texte ?

Introduction au langage HTLM

HTLM : Codes des couleurs pour les blogs et sites

 

Liens utiles pour alimenter votre blog et même le référencer : Sites et blogs incontournables - logo Bleu clair

Et vous ?

Si vous avez des conseils à me proposer, n’hésitez pas !

Mail

 


 

Publié dans | 9 Commentaires »

 

"rat"(nimalerie)," rat"mate... |
Logiciels à télécharger |
plusdotage |
Unblog.fr | Créer un blog | Annuaire | Signaler un abus | promos viandes
| actuplanet
| chlochlodu77