Astuces Blog

Un petit blog sans prétentions pour vous aider à créer le votre. Trucs et astuces, questions, aides et entraides…

11 août 2007

COULEURS HEXADÉCIMALES (codes couleurs)


Le moyen le plus simple de trouver le code d'une couleur consiste à cliquer sur l'icone Couleur de la police ou Surlignage. (Ouvrez un nouvel explorateur afin de ne pas perdre la page que vous modifiez).

Une palette apparait. Pointez la souris sur une case et le code apparait dans le haut : ici #336600

Le codage des couleurs est un peut compliqué puisqu'il est en héxadécimal,

  • La quantité de rouge sur deux chiffres ; de 00 à FF

  • La quantité de vert sur deux chiffres ; de 00 à FF

  • La quantité de bleu sur deux chiffres ; de 00 à FF

Ainsi

  • #000000 veut dire pas de rouge, pas de vert, pas de bleu soit noir

  • #FFFFFF signifie rouge à fond, vert à fond, bleu à fond soit blanc

  • #FF0000 rouge

  • #00FF00 vert

  • #0000FF bleu

  • etc.

Vous pouvez également utiliser ce générateur de couleur hexadécimale :



Il faut bouger les boutons pour avoir la couleur voulue.

Posté par Naneu à 00:02 o Graphisme Commentaires [1] Rétroliens [0] - Permalien [#]


POLICE


Avec Canalblog

Canalblog vous propose 7 polices différentes :

Police1Arial
Courrier New
Georgia
Tahoma
Times New Roman
Trebuchet
Verdana

Il suffit d'écrire votre texte, de le surbriller et de choisir une des police.


En HTML

Vous pouvez également le visualiser en html (cliquez sur l'icone <>).

Exemple avec la police Arial :
<p><font face="arial, helvetica, sans-serif">Votre texte</font></p>


Autres écritures spéciales

вєαυ¢συρ ∂є ğєиš šσυнαιтєит é¢яιяє ανє¢ ¢єттє é¢яιтυяє šρé¢ιαℓє... мαιš ¢σммєит ƒαιяє ؟
Aller sur ce site, saisissez votre message dans la case Standaard tekst, copiez le texte de la case Weird tekst ou de la case BrEeZaH et collez le dans votre message.

Standaard tekst: 
Weird tekst:
BrEeZaH:

αυтяє sιтє : мêмє ρяιη¢ιρє. Ecrivez dans la première case, copiez le texte qui apparait dans la deuxième case et collez-le dans votre message.

Ecriture spéciale

Posté par Naneu à 00:03 o Graphisme Commentaires [2] Rétroliens [0] - Permalien [#]

ÉCRITURES EN GRAS, ITALIQUE, BARRÉES ET/OU SOULIGNÉES


Avec Canalblog

Vous pouvez utiliser les icones de Canalbog :

police (de gauche à droite : gras, italique, souligné, barré)

Il suffit d'écrire votre texte, de le surbriller et de cliquer sur une ou plusieurs icones.


En HTML

Vous pouvez également utiliser les codes (cliquez sur l'icone <>) :

Pour écrire en gras c'est simple :
il faut mettre votre texte à mettre en gras entre les balises <strong> et </strong>
ou entre <b> et </b>

Pour l'italique : idem, mais entre <em> et </em>

Souligné : entre <u> et </u>

Barré : entre <strike> et </strike>

Et pour mettre tout : exemple Hello :
<strong><em><u><strike>Hello</strike></u></em></strong>

Posté par Naneu à 00:04 o Graphisme Commentaires [0] Rétroliens [0] - Permalien [#]

ÉCRITURES EN COULEURS


Avec Canalblog

Vous pouvez utiliser l'icone de Canalbog :
Il suffit d'écrire votre texte, de le surbriller et de cliquer sur l'icone.
Un tableau apparait alors à l'écran :

CouleursCliquez sur la couleur que vous souhaitez ou cliquez sur la case contenant le code de la couleur, effacez le code, entrez le code de la couleur que vous désirez et appuyez sur la touche "Entrée" de votre clavier.






En HTML (Cliquez sur l'icone <>)

Copiez le script suivant : <font color=#FF0000>Mettez ici votre texte</font>
Ceci est un exemple pour la couleur rouge... Vous voulez d'autres couleurs ? Il vous suffira alors de changer #FF0000 par le code de la couleur que vous voulez ! Où trouver les codes ? Cliquez ici
(codes couleurs)

Pour faire des mélanges couleurs-gras, par exemple, il faut faire ceci :
<font color=#FF0000><b>Votre texte</b></font >.
Les balises <b> et </b> dans le code ci-dessus correspondent au code gras.

Si on veut mettre une combinaison souligné-couleur ou italique-couleur par exemple, il suffit de changer <b> et </b> par les codes correspondants (voir Ecritures en gras, italiques, barrées et/ou soulignées).

Posté par Naneu à 00:05 o Graphisme Commentaires [1] Rétroliens [0] - Permalien [#]

TAILLE D'ÉCRITURE


Avec Canalblog

Canalblog vous propose 5 tailles différentes :
petit, taille normale, moyen, grand, X - grand

Il suffit d'écrire votre texte, de le surbriller et de choisir une des taille proposée dans le menu déroulant.

Taille


En HTML (Cliquez sur l'icone <>)

Il suffit de mettre ce code : <FONT SIZE=1>votre texte</FONT>


Mode d'emploi : mettre votre texte à la place de "votre texte".

Pour agrandir l'écriture il faut changer FONT SIZE=1 par FONT SIZE=2 ou FONT SIZE=3 etc...

Ce qui donne :

Taille 1 - Taille 2 - Taille 3 -
Taille 4 -

Taille 5 - Taille 6 - Taille 7


Une autre méthode consiste à utiliser ce script : <h1>votre texte</h1>
Il suffit de changer "h1" par "h2" ou "h3" etc...

Posté par Naneu à 00:06 o Graphisme Commentaires [1] Rétroliens [0] - Permalien [#]

PLACE DU TEXTE DANS LA PAGE


Avec Canalblog

Vous pouvez utiliser les icones de Canalbog :
  De gauche à droite : texte à gauche, au centre, à droite, justifier.
Il suffit d'écrire votre texte, de le surbriller et de cliquer sur l'icone que vous souhaitez.


En HTML

Vous pouvez également utiliser les codes (cliquez sur l'icone <>) : il faut mettre votre texte à mettre en gras entre les balises.

Voila comment mettre un texte à gauche : <p style="***text-align: left;">Votre texte</p>
Pour centrer votre texte : <p style="***text-align: center;">Votre texte</p>
Pour mettre votre texte à droite : <p style="***text-align: right;">Votre texte</p>
Pour justifier votre texte : <p style="***text-align: justify;">Votre texte</p>

Ps : enlever les étoiles : ***
Elles me permettent juste de vous montrer le code sans qu'il disparaisse de la page.

Posté par Naneu à 00:07 o Graphisme Commentaires [11] Rétroliens [0] - Permalien [#]

COMMENT METTRE UN LIEN N'IMPORTE OU SUR MON BLOG ?


Avec Canalblog

Ecrivez votre texte, surbrillez-le et cliquez sur l'icone lien .
Une fenêtre s'ouvre :

Lien

Saisissez l'adresse de votre lien ou collez-le directement dans la case URL. Vous n'avez plus qu'à appuyer sur Ok.



En HTML (Cliquez sur l'icone <>)

Voila comment on met un lien n'importe où sur votre blog :
<a href=urldulien target=_blank>titre</a>

Pour insérer le lien, il faut remplacer "urldulien" par l'adresse du lien !
Il faut aussi changer "titre" car c'est cela qui apparaîtra sur votre site ! C'est à dire si on marque : <a href=http://www.blablabla.com target=_blank>cliquez ici !</a> et bien pour le lien, il y aura marqué : "cliquez ici !" et non "http://www.blablabla.com".

Posté par Naneu à 00:08 o Graphisme Commentaires [9] Rétroliens [0] - Permalien [#]

COMMENT OUVRIR AUTOMATIQUEMENT UN LIEN DANS UNE AUTRE FENETRE ?


Ouvrir un lien dans une autre fenêtre
(Cliquez sur l'icone <>)

Le but étant de garder les visiteurs le plus longtemps possible sur notre blog, il serait bête de les perdre lorsqu'il visite nos liens ! Pour ouvrir un lien dans une autre fenêtre, il faut coller target="_blank".
Exemple : <a href="http://nomdelapage.html target="_blank">nomdulien</a>

Exemple 1 :
lien normal.
Exemple 2 :
lien qui s'ouvre dans une autre fenêtre.


Ouvrir automatiquement les liens d'amis dans une autre fenêtre (en mode avancé)

Il faut placer de la même manière target="_blank" dans ce code :
<li><a href="<$BlogFriendLinkURL$>"><$BlogFriendLinkName$></a></li>

comme ceci :
<li><a href="<$BlogFriendLinkURL$>" target="_bank"><$BlogFriendLinkName$></a></li>
sur chacune des pages (page d'accueil, page d'un message...).

Posté par Naneu à 00:09 o Graphisme Commentaires [2] Rétroliens [0] - Permalien [#]

Votre lien c'est ouvert dans la même fenêtre.

Retour

Posté par Naneu à 00:10 Commentaires [0] Rétroliens [0] - Permalien [#]

Votre lien c'est ouvert dans une nouvelle fenêtre.

Posté par Naneu à 00:11 Commentaires [0] Rétroliens [0] - Permalien [#]
« Page précédente  1  2  3  4  5  6  7   Page suivante »