aide et trucs blog et html

2 avril 2014 3 02 /04 /avril /2014 14:15

Code ASCII - comment écrire œ

Dans un article du Blog
Comment écrire le fameux " Œ " , "ù" et autres

UTILISER LES CODES ASCII   dans vos textes et documents word
Le code ascii offre plusieurs possibilités que peuvent fournir un clavier de micro-ordinateur
dans un environnement Windows.   Appuyer sur la touche « Alt » de votre clavier, puis de
taper le code (tout en restant appuyé sur la touche Alt)
En voici quelques exemples:
   (ALT)+0034 donne "            (ALT)+0140 donne Œ        (ALT)0156 donne œ
     et ainsi de suite

Voir tous les codes Ascii ICI
Source: http://cours.jean.free.fr/ascii/index.htm

Ces codes sont semblables dans le langage HTML (ISO):
Ainsi, pour écrire ce fameux «œ » il faudra taper :  dans votre page HTML,
sans aucun espace entre les caractères (surtout n'oubliez pas le point virgule à la fin)...
mais ceci n'est valable que lorsque vous tapez directement dans votre page HTML
pour créer votre page web.
Vous avez un ordinateur portable ? Le système est légèrement différent. Il vous suffira
d'appuyer sur la touche bleue Fn en même temps que la touche Alt de gauche. Tout en
restant appuyé sur ces touches, saisissez maintenant 0199 avec les chiffres bleus de
votre clavier, c'est important. Relâchez les touches Fn et Alt. Vous venez d'écrire
un Ç cédille majuscule.
En revanche vous ne pourrez pas utiliser ce code sous Mac ou Linux,

Voir tous les codes Iso et Html ICI
Symboles Spéciaux et Alphabet Grec ICI

Source: http://www.toutimages.com/codes_caracteres.htm

Écrire un Commentaire Voir les Commentaires

Retour à la Liste d'AIDE-BLOG

Retour à l'Accueil

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

5 décembre 2000 2 05 /12 /décembre /2000 16:00

LISTE D'AIDE - Débutant - Over-Blog

Je suis loin d'être experte en conception de blog et je vais rarement dans le css c'est
pourquoi vous trouverez ci-dessous quelques trucs trouvés en furetant sur des sites
d'aide. Je les ai conservés ici comme référence personnelle.

La plupart des codes ont été testés et sont utilisés sur mon site. Ces trucs sont fait
pour les débutants, donc pour tous les blogs, même ceux en Confiance. Pas besoin
d'aller jouer dans le css mais il vous faudra faire des essais afin d'arriver à trouver
votre propre style. Au bas de l'article j'ai inscrit une liste des Bloggeurs-d'Aide.
Bonne chance.

Pour détails de l'explications, cliquez sur le titre de l'article

BORDURE EN COULEUR AUTOUR D'UNE IMAGE

Pour faire une jolie bordure de toutes dimensions autour de vos images importées
dans un article d'Over-blog.

CODE ASCII - COMMENT ÉCRIRE " Œ "

Comment écrire plusieurs signes et lettres spéciales grâce aux codes ASCII. Ce code
offre plusieurs possibilités que peuvent fournir un clavier de micro-ordinateur.

COMMENTAIRES - Comment les LIRE, RÉPONDRE, SUPPRIMER un commentaire

Comment lire, supprimer, répondre aux messages des visiteurs ainsi qu'avoir la date et l'heure du message, le nom et les adresses I.P, e-mail et du site web du visiteur.

EXPOSANTS - Comment écrire des exposants dans mon blog ou dans word

Plusieurs façon de pour écrire des degrés ou des exposants dans le blog

GÉNÉRATEUR DE COULEUR
Pour trouver facilement le numéro de toutes les couleurs dont vous aurez besoin.

IMAGES STOCKÉES - QUEL EST MON ESPACE DE STOCKAGE?

Combien d'images puis-je insérer dans mes 'documents'

IMAGE DE FOND - POUR UN SEUL ARTICLE

Comment mettre une image qui fait le fond d'un seul article

INTERLIGNE - CHANGER LA HAUTEUR DE LA LIGNE

Comment on peut changer la hauteur des lignes dans un paragraphe sans changer
la hauteur des lettres.

LIGNE FINE - AJOUTER DANS UN ARTICLE

Pour insérer facilement une ligne dans un article sans passer par le css.

MENU HORIZONTAL SANS UTILISER 'SCRIPT'

Pour faire un menu avec 5 cases, faisant un lien sur le clic de la souris.

PARTAGER - ENLEVER L'ENCART DE PARTAGE à droite

Comment enlever l'encart de partage d'article qui apparaît à droite de l'écran.

POP-UP SUR UNE IMAGE - AU CLIC DE LA SOURIS

Pour obtenir une grande image en 'pop-up' lorsqu'on clique sur une petite image.

POP-UP SUR UNE IMAGE - AU PASSAGE DE LA SOURIS

Pour obtenir une grande image en 'pop-up' lorsque la souris touche une petite image.

ROLL-OVER AU PASSAGE DE LA SOURIS

Pour obtenir une image qui change d'apparence au passage de la souris

SUPPRIMER UN BLOG SUR OVERBLOG

Comment faire pour supprimer votre Blog. Attention: Cette action est irréversible.

LISTE DE BLOGS D'AIDE D'OVER-BLOG

VOICI UNE LISTE DE BLOGGEURS QUI POURRAIENT PEUT-ÊTRE VOUS AIDER
À FAIRE VOTRE BLOG EN VOUS DONNANT DES TRUCS ET PLUSIEURS ASTUCES

♦ AIDE DIVERS - chez AIDE-BLOG OVER-BLOG

♦ AIDE OVERBLOG - MANUEL D'AIDE - UTILISATION OVER-BLOG

♦ AIDE , TRUCS - DIVERS - chez TITIA OVER-BLOG

♦ AIDE , BLOGS D'INFOS DIVERS - LEDENISTEST.OVER-BLOG

♦ AIDE - COMMENT CRÉER UN BLOG 'OVER-BLOG' chez - LES FICELLES D'ANAK
- COMMENT CRÉER UN BLOG 'BLOGGER' chez - LES NOUVELLES FICELLES
D'ANAK

mise-à-jour: septembre 2011

Écrire un Commentaire Voir les Commentaires

Retour à l'Accueil

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

5 décembre 2000 2 05 /12 /décembre /2000 15:00

Bordure couleur autour d'une image

Créer une bordure autour d'une image

Cet article est pour les novices d'over-blog.

Je le gardais en référence lorsque j'ai débuté mais je le laisse en ligne car il peut être utile pour ceux qui commence un blog et ne sont pas toujours au courant.

1- Insérer une image. Dans cet exemple l'alignement de gauche a été choisi.
2- Clic droit sur l'image - Choisir : Éditer l'Image
3- Cliquer sur le dernier onglet: Présentation
4- Aller à : Bordure et choisir la largeur, entre 1 et 10 pixels
5- Aller à: Choisir la couleur - choisissez votre couleur

6- Aller à : Alignement - vérifier si Gauche est bien coché
car il se 'décoche' à chaque fois.
7 - Cliquer sur Valider

Cette image possède une bordure de 3 pixels

de couleur vert pomme #CBD818

Espacer l'image du Texte
en Hauteur ( Vertical )

1- Insérer une image . Dans cet exemple l'alignement de gauche a été choisi.
2- Tapez votre Texte
3- Clic droit sur l'image - Choisir: Éditer l'Image
4- Cliquer sur le dernier onglet: Présentation
5- Pour avoir un espace SOUS la première ligne
Aller à : Espace Vertical et tapez le nombre de
pixels désirés.
6- Aller à Alignement - vérifier si Gauche est bien coché

7- Cliquer sur Valider
Dans cet exemple, il y 10 pixels de distance entre l'image et la ligne du haut

Espacer l'image du Texte
en LARGEUR ( Horizontal )

   1- Insérer une image . Dans cet exemple l'alignement de gauche a été choisi.
2- Tapez votre Texte
3- Clic droit sur l'image - Choisir: Éditer l'Image
4- Cliquer sur le dernier onglet: Présentation
5- Pour avoir un espace AU CÔTÉ DROIT de l'image
    Aller à : Espace Horizontal et tapez le nombre de
                  pixels désirés.
6- Aller à Alignement - vérifier si Gauche est bien coché

7- Cliquer sur Valider

Dans cet exemple, il y 10 pixels de distance entre l'image et les lignes de droite.

Écrire un Commentaire Voir les Commentaires

Retour à la Liste d'AIDE-BLOG

Retour à l'Accuei

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

5 décembre 2000 2 05 /12 /décembre /2000 14:55

Commentaires - Lire, Répondre , Supprimer

COMMENT RÉPONDRE AUX COMMENTAIRES
Allez à Configurer, puis Option Globale, puis Commentaires
Connaître le nom et les adresse I.P. , e-mail et web du Visiteur

Vous pouvez trouver ces renseignemenbts en allant dans votre Tableau de Bord

Cliquez sur " Publier "
puis Cliquez sur " Commentaires "

Pour lire le Commentaire

Cliquez sur la phrase du commentaire que vous aimeriez lire. Une boîte s'ouvre avec le commentaire écrit en entier.

Pour répondre au Commentaire
Sous le commentaire il y a une case dans laquelle vous pouvez tapez votre texte si vous désirez répondre à celui-ci. Tapez votre réponse dans la case puis cliquez sur "Valider".
En tout temps vous pouvez supprimer la réponse faite au commentaire en cochant sur "Supprimer cette réponse" puis sur "Valider".

Pour Supprimer un Commentaire
Si quelqu'un nous harcèle de commentaires , si le commentaire ne nous plait pas ou s'il y en a trop, on peut supprimer le commentaire en cliquant sur l'onglet "Mettre les commentaires à la corbeille" , situé en bas à droite de la boîte du commentaire en question. N'oubliez pas ensuite de cliquer sur "Valider". Les commentaires supprimés sont alors dirigés vers la corbeille des commentaires. On peut les laisser là, les restaurer ou encore vider la corbeille. Ils ne seront alors plus récuparables.

Pour trouver l'adresse I.P. et autres informations de connection du visiteur
À chaque fois que quelqu'un vient sur votre blog, s'il laisse un commentaire, toutes ses informations de connections sont conservées. Dans la page des commentaires, cliquez sur la phrase du commentaire pour lequel vous aimeriez connaître les informations de connection. Une boîte s'ouvre avec le commentaire écrit en entier. En haut, à gauche de cette boîte, vous avez le nom de l'article pour lequel le commentaire a été écrit. En dessous vous avez le signe + avec, inscrit à côté: "Afficher toutes les informations".

Cliquez sur le + et toutes les informations de connection du visiteur seront inscrites :
♦   Le nom de la personne, la date et l'heure du commentaire.
   ♦   L'Adresse I.P. du visiteur
   ♦    Son site web et/ou son adresse e-mail seront visibles seulement si le visiteur
         les a notés lorsqu'il a écrit son commentaire.

Écrire un Commentaire Voir les Commentaires

Retour à la Liste d'AIDE-BLOG

Retour à l'Accueil

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

5 décembre 2000 2 05 /12 /décembre /2000 14:53

Comment écrire des exposants

Dans un article du Blog
Comment écrire 1er , 2e , ainsi que Degré en 'EXPOSANT'

ÉCRIRE 1^er et 2^e
Pour être en mesure d'écrire: 1^er et 2^e   en mode 'Exposant' au lieu de:
1er et 2e écrit à côté du chiffre, vous devez ajouter, dans votre HTML,
la balise <span> , devant le chiffre 1 , et ajouter la balise <sup> , devant les
lettres 'er'   ou 'e'.   Fermer avec </sup>.      Terminer le code avec <span>

Exemple:
Disons que vous tapez dans votre article: 1er janvier mais vous voulez avoir: 1^er janvier

• Vous allez dans votre HTML et changer le mot 1er janvier pour ce code:

<span>1<sup>er</sup><span>janvier<span>

• En tapant ce code, vous venez de donner l'ordre d'écrire 'er' en mode exposant
(ou supérieur) après le chiffre 1 et de terminer l'exposant avant le mot 'janvier'.

• Vous terminez l'ordre avec la balise <span> ce qui ferme cette option.

Important: vous devez fermer avec <span>, puis écrire 'janvier' et fermer encore avec
<span> afin que 'janvier' ne soit pas écrit en mode exposant (supérieur) ce qui donnerait
ceci: 1^{er janvier}, qui se trouve être représenté par ce code: <span>1<sup>er janvier</sup>

au lieu de la bonne balise: <span>1<sup>er</sup><span>janvier<span>

• N'importe quel chiffre, ou mot, ou phrase, insérés entre
les balises <sup> et </sup> sera écrit en mode supérieur (exposant)

* Abréviation des ordinaux*:

    Il est tentant et, avouons-le presque logique lorsque l’on ne connaît pas la règle d’abréger le mot “première”
    par : “1ière” ou “1ère” et le mot “deuxième” par : “2me”, “2ème” ou “2ième”.   Ce sont des erreurs
    extrêmement courantes et on les rencontre pratiquement tous les jours dans notre environnement visuel.
Voici la règle concernant l'abréviation des noms ordinaux : on ne met que le ”e” final . Ainsi on doit écrire:
   “1re” ou ”2e” et “1^re” ou ”2^e”   et non   ”2me”, ”2ème” ou ”2ième”.   Pas besoin de ”ème” quand
     un simple ”e” fait l’affaire.     Référence: langue-fr.net

    Exception: Deux exceptions tout de même : X^ième et N^ième.   Ce ne sont pas vraiment des exceptions
puisqu’il ne s’agit pas d’abréviations mais de mots entiers.   La fin du mot est écrite en lettres supérieures
    pour indiquer qu’il faut prononcer : « N-ième » et « X-ième »   et non   «Xième» ou «Nième» .

Comment écrire 5 degrés en exposant ainsi: 5° dans un article
de votre Blog:

Pour inscrire des degrés, comme 5 degrés celcius et obtenir 5°C, vous avez
aussi 2 solutions:

♦    Vous tapez , directement dans votre article, le chiffre 5 suivi du
      code Ascii ALT-0176, sans espace ( tenir ALT et tapez 0176)
                Ainsi, si vous: tapez 5 (tenir ALT) et tapez 0176     vous obtiendrez 5°

♦ Ou, vous tapez le chiffre 5 dans votre article puis vous aller dans votre HTML,
et vous tapez le code suivant ° juste à côté du chiffre 5 ainsi: 5°
Ainsi, après avoir insérer le code dans votre HTML, vous obtiendrez: 5°

Comment écrire exposants et degrés dans un document Word:

Avec Word vous pouvez écrire n'importe quel caractères en "exposant"

   ♦    Exemple: Si on veut 5 exposant 6 : Tapez votre chiffre avec l'exposant à côté
         ainsi: 56   puis sélectionnez le 2^e chiffre, ici c'est le 6, puis
          Format / Police / Attributs : cocher exposant.    Vous obtenez: 5⁶

Avec Word pour obtenir le petit 'o' des degrés:
   ♦    Exemple : Pour obtenir 5 degrés, tapez votre chiffre suivi de ALT-0156.
Vous aurez: 5°
   ♦    Sous Word, le signe des degrés ° , ainsi que le ¼ et autres fractions se
         trouvent aussi dans:
                 Insertion/ caractères spéciaux/
                 aller à l'onglet : symboles puis dans la section à droite : sous-ensemble
                 descendez le menu jusqu'à: Exposants et indices et choisissez votre symboles.

Écrire un Commentaire Voir les Commentaires

Retour à la Liste d'AIDE-BLOG

Retour à l'Accueil

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

5 décembre 2000 2 05 /12 /décembre /2000 14:50

Générateur de Couleurs

GÉNÉRATEUR DE COULEUR HEXADÉCIMALES

Trouvez la couleur désirée en bougeant le petit onglet
sur la barre des couleurs ou encore entrez le code de
couleur hexadécimale si vous l'avez en main. Vous pouvez aussi
déterminer une couleur selon la teneur en Rouge/Vert/Bleu
de même que selon sa Teinte/ Saturation / Valeur.

Cliquez sur l'image pour faire des essais, c'est amusant.

Le générateur de couleur est offert par Toutimages

Le RVB (rouge vert bleu) correspond au RGB anglais (red green blue).
Le CMJN : ( Cyan, Magenta, Jaune, Noir ) correspond en anglais à CMYK ( Cyan, Magenta, Yellow, Black )

Encore plus de couleurs avec le Dictionnaire des couleurs
Pour voir les couleurs en direct avec leur code hexadécimale.
Le nom des couleurs est donné par ordre alphabétique.

Écrire un Commentaire Voir les Commentaires

Retour à la Liste d'AIDE-BLOG

Retour à l'Accueil

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

5 décembre 2000 2 05 /12 /décembre /2000 14:47

Images - Espaces de Stockage

IMAGES HÉBERGÉES (STOCKÉES)
1) QUEL EST MON ESPACE DE STOCKAGE SUR OVERBLOG?

2) où PUIS-JE HÉBERGER D'AUTRES IMAGES - FILMS - DOCUMENTS DIVERS?

1) Pour connaître combien d'espace de stockage il vous reste sur overblog:

Aller dans votre Administration, puis > configurer > documents >
Colonne de gauche, voir en bas: ESPACE DE STOCKAGE

1) Où puis-je héberger plus d'images en ligne ainsi que des fichiers divers?

S'inscrire sur le site pour stocker des images

Renseignements sur le stockage en ligne avec Archive-Host

                   Liste des extensions autorisées sur Archive-Host
                   - Plus de 380 extensions autorisées dont: word, fichiers flash
                     .gif, .jpg, audio mpeg, fichiers midi etc.....

Hébergement gratuit (version de base) ou payant ( pro)

- L'hébergement gratuit offre: 500 mo d'espace disque et plus
- Version de base: taille maximum d'un fichier : 40mo

                       Il faut faire une petite visite tous les mois afin que
                                    votre compte gratuit reste ouvert.

Écrire un Commentaire Voir les Commentaires

Retour à la Liste d'AIDE-BLOG

Retour à l'Accueil

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

5 décembre 2000 2 05 /12 /décembre /2000 14:45

Image de Fond - pour un seul article

METTRE UNE IMAGE DE FOND DANS UN SEUL ARTICLE

On peut passer par le CSS pour ajouter une image de fond à son blog. Comme je ne passe pas par le CSS, je n'expliquerai pas cette méthode. Le but ici est d'ajouter image de fond dans un seul article. Pour avoir la même image dans plusieurs articles, il faudra répéter ceci dans chacun des articles désirés.

Si vous entreposez votre image chez Archive Host ou un autre site, récupérez l'url de l'image sur le site ou elle est entreposée.
Si votre image est entreposée chez Over-blog, récupérez l'url de l'image choisie dans vos 'documents'

Tapez le code ci-dessous au début de votre HTML en mettant l'URL de votre image

<div style="background-image: url( http://idata.over-blog.com/URL DE VOTRE IMAGE.GIF); width: 100%; height: 100%;"> votre texte </div>

IMPORTANT: HORIZONTALEMENT ( de gauche à droite): mettez width: 100%
et height: 100% afin que l'image fasse toute la grandeur horizontale de l'article.

* * * * * * * * * * * * * * * * * * * *

   VERTICALEMENT ( de haut en bas)   Faire:   SHIFT-ENTER
   pour changer de ligne et le faire plusieurs fois pour permettre
                               à l'image de descendre   à la hauteur désirée verticalement.

METTRE UNE COULEUR DE FOND DANS UN SEUL ARTICLE

<div style="background-color : #votre couleur ici"> ECRIRE VOTRE TEXTE ICI </div>
VOICI UN EXEMPLE DE CODE

<div style="background-color : #ffcc99"> ECRIRE VOTRE TEXTE ICI </div>

Écrire un Commentaire Voir les Commentaires

Retour à la Liste d'AIDE-BLOG

Retour à l'Accueil

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

5 décembre 2000 2 05 /12 /décembre /2000 14:43

Interligne ou Line-height ... comment changer la hauteur

UN INTERLIGNE
plus étroit ou plus grand
ENTRE LES PHRASES

" line-height " définit la hauteur de la zone contenant une ligne

La hauteur d'une ligne d'écriture est normalement déterminée par la hauteur de ligne
de la plus haute police d'une ligne de texte. Ainsi, ce texte est tapé en "comic
sans ms" de hauteur 2 (ou 10pt). L'interligne , entre chaque ligne, est , par défaut
de 10pt. Par contre si je tape , à l'intérieur du paragraphe, un mot en hauteur 3
( 12 pt ) vous remarquez que la distance entre les lignes est plus grande que sur les
autres lignes vu que la hauteur de la police est plus grande, et donc, c'est cette hauteur
qui détermine la hauteur de la ligne de texte.

Mais avec la mention " line-height", vous pouvez spécifier
un interligne plus petit entre les lignes si l'interligne
entre ces 2 lignes semble trop grand

VOYEZ CE QUI SE PRODUIT NORMALEMENT
La phrase ci-dessous est écrite en rouge (#ff0000), sa police: ARIAL, de taille 1 (8pt)

Cette phrase possède un CODE qui est inscrit dans le HTML de l'article et se lit comme suit:

<span style="color: #ff0000; font-family: arial,helvetica,sans-serif;
font-size: 8pt;"> cette phrase est inscrite ici entre les balises </span>

Si je tape cette phrase 2 fois, la distance entre les 2 lignes est de 8pt ( ou de hauteur 1 )
soit : la hauteur de police représentant 8pt. La distance entre les 2 phrases apparaîtra ainsi:

Cette phrase possède un CODE qui est inscrit dans le HTML de l'article.
Cette phrase possède un CODE qui est inscrit dans le HTML de l'article.

Si je tape cette phrase 2 fois, mais en changeant la hauteur de police pour la taille 2,
soit la hauteur de polices 10pt, on obtient une plus grande distance entre les phrases:

Le CODE pour cette phrase est inscrit dans le HTML de l'article

.

COMMENT OBTENIR UN INTERLIGNE
PLUS GRAND OU PLUS PETIT ENTRE LES PHRASES

   EXEMPLE 1 :
   Les 2 phrases ci-dessous sont de couleur bleu (#0000ff) , de police: Comic, de taille 2 (10pt)
   La distance entre ces 2 phrases est donc la hauteur des lettres soit (10pt)

la première phrase est écrite ici
la deuxième phrase est écrite ici

Voici le code qui se retrouve dans le HTML pour la phrase ci-haut:

<span style="color: #0000ff; font-size: 10pt; font-family: comic sans
ms,sans-serif;">la phrase est écrite ici </span>

.

.
Si j'ouvre mon HTML et à ce code, je rajoute , après le point-virgule du chiffre des couleurs,
un code LINE HEIGHT , plus grand que la hauteur des lettres - disons que j'inscrit 25pt -
tout en conservant la même hauteur 2 de taille de police pour ma police d'écriture ( donc 10pt)
j'ai donc maintenant ce code dans mon HTML:

                  <span style="color: #0000ff; line-height:25pt; font-size: 10pt; font-family: comic
                    sans ms,sans-serif;">la phrase , de police 10pt et de line-height 25pt est
                    écrite ici  </span>

......................................................................................................................................................

La distance entre les 2 phrases, l'interligne, est donc plus grand même
si la hauteur de ligne du texte demeure de 10pt

la première phrase, de police Comic 10pt est de line-height 25pt
la deuxième phrase, de police Comic 10pt est de line-height 25pt

Si j'ouvre mon HTML et à ce code, je rajoute , après le point-virgule du chiffre des couleurs,
un code LINE HEIGHT , plus petit que la hauteur des lettres - disons que j'inscrit 4pt -
tout en conservant la même hauteur 2 de taille de police pour ma police d'écriture ( donc 10pt)
j'ai donc maintenant ce code dans mon HTML:

                <span style="color: #0000ff; line-height:4pt; font-size: 10pt; font-family: comic
                  sans ms,sans-serif;">la phrase , de police 10pt et de line-height 4pt est
                  écrite ici   </span>

.........................................................................................

La distance entre les 2 phrases, l'interligne, est donc plus petit même
si la hauteur de ligne du texte demeure de 10pt

la première phrase, de police Comic 10pt est de line-height 4pt
la deuxième phrase, de police Comic sans 10pt est de line-height 4pt

EXEMPLE 2 :
Reprenons le paragraphe du début de cet article

L'interligne , entre chaque ligne, est , par défaut de 10pt. Si je tape , à l'intérieur
du paragraphe, un mot en hauteur 3 ( 12 pt ) vous remarquez que la distance
entre les lignes est plus grande que sur les autres lignes vu que la hauteur de la
police est plus grande, et donc, c'est cette hauteur qui détermine la hauteur de
la ligne de texte.

Par contre, si je donne l'ordre de conserver l'interligne entre chaque ligne, à 10pt ,
en allant dans le HTML et en ajoutant le code line-height:10pt; à côté de la balise
inscrite : <span style="font-size: 12pt; ">, cette hauteur de police n'est plus tenue
par défaut et tout le paragraphe demeure à une interligne de 10pt.
Vous pouvez le constater en comparant les 2 paragraphe. Dans ce paragraphe-ci,
j'ai ajouté le code dans le HTML à côté du mot: hauteur 3 ( 12 pt ). Vous
constatez que la distance entre les lignes est la même partout dans le paragraphe
contrairement au paragraphe semblable ci-dessus.

À VOUS DE FAIRE VOS PROPRES EXPÉRIENCES

BONNE CHANCE !

Écrire un Commentaire Voir les Commentaires

Retour à la Liste d'AIDE-BLOG

Retour à l'Accueil

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

5 décembre 2000 2 05 /12 /décembre /2000 14:40

Ligne fine - tracer une ligne

AJOUTER UNE LIGNE FINE SANS PASSER PAR LE CSS

Vous désirez ajouter une ligne fine dans votre article sans passer par le css?
Tapez le code ci-dessous dans le HTML de votre article
à l'endroit où vous voulez que la ligne apparaisse.
Vous aurez une ligne comme ci-dessous, en tapant ce code:

PERSONALISEZ VOTRE LIGNE
Tenez compte des indications suivantes pour personaliser la ligne:

width = la largeur de votre ligne
100% fera la largeur de la page
Pour une ligne plus petite, diminuer le %

background: #EAEAEA = ceci est la couleur de votre ligne
vous pouvez mettre la couleur désirée en changeant le code

( cliquez sur l'image pour avoir le générateur de couleur )

height: 1px = ceci est la hauteur ( l'épaisseur ) de la ligne
Plus le chiffre est gros , plus la ligne est épaisse

EXEMPLE 1. LIGNE PERSONALISÉE
si on insère ce code dans le HTML

on obtient la ligne ci-dessous avec une largeur (width) de 50%,
elle est de couleur rouge ( background #FF0000)
et a une hauteur ( height) de 5px

EXEMPLE 2. LIGNE PERSONALISÉE

si on insère ce code dans le HTML

* cette ligne a toujours une bordure noire en haut et pas en bas

on obtient la ligne ci-dessous avec une largeur (width) de 30%,
elle est de couleur verte ( background #008000)
et a une hauteur ( height) de 10px

EXEMPLE 3. LIGNE PERSONALISÉE

si on insère ce code dans le HTML

* cette ligne n'a jamais de bordure noire en haut

le 'font-size' permet d'écrire à l'intérieur de la ligne

on obtient une ligne sans bordure noire mais elle est toujours à gauche

on ne peut la centrer ( ou alors mettre 100%) ni l'envoyer à droite

(ce code a été trouvé chez BLogTuto en 2009, mais ce site n'existe plus)

Le Font size permet d'écrire à l'intérieur de la ligne

Maintenant c'est à vous de jouer....
faites des essais et trouver votre bonheur!

Écrire un Commentaire Voir les Commentaires

Retour à la Liste d'AIDE-BLOG

Retour à l'Accueil

Partager cet article

Repost0

publié par deeann - dans Aide et Trucs Blog et Html
commenter cet article …

Janvier	Février
Mars	Avril
Mai	Juin
Juillet	Août
Septembre	.Octobre
Novembre	Décembre

D'ici et d'ailleurs

Vous Cherchez Un Sujet?

Recherche

BIENVENUE

.. BONNE JOURNÉE ..

Code ASCII - comment écrire œ

LISTE D'AIDE - Débutant - Over-Blog

Bordure couleur autour d'une image

Commentaires - Lire, Répondre , Supprimer

Comment écrire des exposants

Générateur de Couleurs

Images - Espaces de Stockage

Image de Fond - pour un seul article

Interligne ou Line-height ... comment changer la hauteur

Ligne fine - tracer une ligne

Tous Mes Articles

Ce qui se passe sur la Planète

Choix De Catégories

Radio en Ligne

D'ou viennent mes visiteurs?

Ça Vaut Le Détour!