Overblog Suivre ce blog
Administration Créer mon blog

D'ici et d'ailleurs

.Flag Counter
    mise à jour 5 mai 2013

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

 
 
. 
.

   Clic on the flag to have 
    a translation of the blog.

   N.B:    this is a google
    translation.   
It is not
    always accurate but

    could help understand.

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

Vous Cherchez Un Sujet?

BIENVENUE

*N.B.:    PUB NON VOULUE  -   "Adblock Plus" le module gratuit,  bloqueur de publicités  Je vous remercie et m'excuse de cet inconvénient hors de ma volonté. 

abreuvoir.gif
Marraine Dee Ann  est axé sur ma famille mais tous y
trouverons une chronique qui leur plaira et peut-être
même leur nom en signature.   Bonne Visite
 
9MOISde.NAD Dans le ventre de maman  Vous commencez une aventure de 9 mois . [ Lire l'article ]

Œ comment écrire "Œ" et autres .Code ASCII [ ICI ]

           
LA  SAINT  VALENTIN
 

bl-coeurbat.gif Chansons d'Amour : Écoutez-les encore  à l'article
          St-Valentin

La vie en Rose (Edith Piaf),
Reste avec moi (Diane Tell)
Plein d'amour( Damien Robitaille)
Cinéma Paradiso ( Les baisers)                       
  yinyangspin-gif      Signes Chinois  ...  Trouvez votre Signe chinois, HOROSCOPE,  Yin et Yang et plus
  2015... l'année de la Chèvre de Bois Vert 

nouveaublink1.gif Interpréter le Calendrier Chinois

 TouslesSignes-1  Horoscope
Signes, décans, horoscope annuel et du Jour                         

                                   ° ° ° ° ° ° ° ° ° °

Chandelle1AN.gifCliquez ICI: Toutes les dates des Anniversaire dans la famille  Chandelle1AN.gif
Anniversaires du mois d'AVRIL
C'est la Fête de Marraine ( le 24 )
C'est la Fête de Daniel D. ( le 21 )
C'est la Fête de Simon ( le 25 )
 
  et une pensée pour ceux qui nous ont quitté ce mois-ci

aucun décès ce mois-ci

 
                 CATÉGORIES=TAGS -  Ce BLOG sera bientôt mis , sans mon consentement, sur la nouvelle
                                plateforme Kiwi.   Les Catégories seront alors changées en Tags.   Comme je ne sais
                                pas qu'elle forme  prendra le blog j'espère que vous pourrez vous y retrouver.
 

 

Laissez un petit mot dans mon Livre d'Or  ou  écrivez un
    commentaire au bas des articles... c'est toujours apprécié.   

Cliquez sur le livre pour signer
Visiteurs sont venus sur ma modeste création
                     Merci à Tous et Bonne Visite !

2points  Pour lire tous vos petits mots -Cliquez Ici
      Je réponds à tous les commentaires sur mon site.
   Faviconpngmar.png  Présentement il y a    personne(s) en visite chez MarraineDeeann  .................
 

 

.
 

Nouveau-rouge  WEB CAM en direct Mont-Tremblant  St-Donat ( Québec)
Cannes ,  LondresCapeMay, Hawaii,
Click for Montréal, Quebec Forecast

                   ♦  HEURE ET MÉTÉO À : Paris, Rome, Madrid, Floride, Cuba, Hawaii 
nouveaublink1.gifMappe interactive de Surf au bas de la page Météo
  .
 

Nouveau-rouge  WEB CAM au ZOO de Santiago
♦  Les Éléphants , Papa, Maman, Bébé en direct 

♦   Maman Panda et son bébé 
♦   Les Ours Polaires 
♦   Les Gros Singes à poils longs 
♦   Les Condors 
 

.. BONNE JOURNÉE ..

 

 

 

 

 

 

 


      ♥.Mon petit Coucou sonne
   au 15 minutes et 30 minutes
   et il chante à toutes les heures
 

.

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

 

banderolle-ligne-gold-sign.gif
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 
Repost 0
5 décembre 2000 2 05 /12 /décembre /2000 16:00

banderolle-ligne-gold-sign.gif

 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











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

banderolle-ligne-gold-sign.gif
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.
koko-2.jpg2- 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.
koko-2.jpg2- 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.
koko-2.jpg2- 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.
    

 

 




 Retour à l'Accuei


 


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

banderolle-ligne-gold-sign.gif
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.   

 


 


Retour à l'Accueil



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

banderolle-ligne-gold-sign.gif
Dans un article du Blog
Comment écrire  1er ,  2e ,   ainsi que  Degré en
'EXPOSANT'

 

ÉCRIRE 1er et 2e
Pour être en mesure d'écrire:  1er et 2e   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: 1er 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: 
1er janvierqui 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  
“1re”  ou  ”2e   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 : Xième et  Niè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   
&deg;   juste à côté du chiffre 5 ainsi:    5&deg;
      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 v
ous 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
2e chiffre, ici c'est le 6, puis
          Format / Police / Attributs : cocher exposant.    Vous obtenez:
56

 

  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 à l'Accueil


 


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

banderolle-ligne-gold-sign.gif 

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.

 

 

 


 


Retour à l'Accueil

 

 


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

banderolle-ligne-gold-sign.gif


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

espacedestockage

 

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

          S'inscrire sur le site  archivehost 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.
        
                


Retour à l'Accueil



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

banderolle-ligne-gold-sign.gif

 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>

      banderolle-ligne-gold-sign.gif    

  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.

banderolle-ligne-gold-sign.gif

 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>

 

                         
                         


Retour à l'Accueil



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

banderolle-ligne-gold-sign.gif

 

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 

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 !


Retour à l'Accueil



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

banderolle-ligne-gold-sign.gif

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:



<hr style="width: 100%; background: none repeat scroll 0% 0% #EAEAEA; height: 1px;" />

   


 

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

 
<hr style="width: 50%; background: none repeat scroll 0% 0% #FF0000; height: 5px;" />

 

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
 

 

<hr style="width: 30%; background: none repeat scroll 0% 0% #008000; height: 10px;" />

 

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

 

<div style="font-size: 15px; line-height: 40px; width: 65%; background: #FF6699">&nbsp;</div> 

 

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!

 

 


 


Retour à l'Accueil



Repost 0

Ce qui se passe sur la Planète

  perruche22x22 Évènements de
   chaque mois 

 
 
. 


Radio en Ligne

Écoutez tout en naviguant

Cliquez sur le poste de votre
choix pour écouter la musique

  

 
     JAZZ WITH LOVE

 
  .Rythme-fm.radio

     Radio en Ligne
        au  Québec

   
Écoutez tout en naviguant
  
Cliquez sur le poste de votre
choix pour écouter la musique

 
 
  radioxmini 91.9 FM
  Le Retour de Radio X
        La radio différente
.
 
  

98.5mini 98.5 FM

     Nouvelles, Infos et, pour les
     " oiseaux de Nuit" , Jacques 
     de minuit à 3heures du
     matin  ( heure du Québec)
.

 
  
       "Fréquence Terre"  ...  Les
   Musiques de toutes nationalités
 
    
rythmemini105.7 Rythme FM 
    Musique Québécoise, Française
       et Américaine.   Écoutez:  
    "Les midis de Véro" dès 11h30
 
   

ckoimini 96.9 CKOI  FM

     Chansons populaires Cana-
     diennes et Américaines.
     Écoutez des Extraits de
     Nouveautés  Musicales
     de cette station  ICI

 
 
cjmsmini 1040 CJMS  AM
Pour les amateurs de la meilleure
Musique COUNTRY  en ligne
 

  

classiquemini99.5 CJPX  FM
         La plus belle Musique
      CLASSIQUE offerte par
        Jean-Pierre Coallier.
        " Musique  pour  les
           Soupers du Roy”
           de 18h. à 21 hr.
.
 
   .          literockmini

  96.9 WFPG FM 
       Musique SOFT ROCK  
      Aussi  DELILAH ouvre
      ses lignes du lundi au
      vendredi de 19h. à minuit.
    Elle fait jouer des demandes
       spéciales de musiques
    romantiques depuis 25 ans.
    Elle a son  Site web Delilah

.

 
.
   .Rythme-fm.radio

    Radio en Ligne
       en FRANCE

   
Écoutez tout en naviguant
  
Cliquez sur le poste de votre
  choix pour écouter la musique


chériemini CHÉRIE FM

      Choix de 8 Chansons
      Succès des années 80-90
 

virginminiVIRGIN RADIO

     Radio Françaises - Chansons
           populaires en anglais
  
 
  
  Clic sur le crochet orange en haut
  à gauche pour changer de chanson
   ( musique  des années  20-30-40  )

 
   
KISS  FM

 

       Radio de la Côte d'AZUR   
 
  
skyrockminiSHYROCK  FM
             Rap et Raggea    
 
 
            Musique du monde   
 
 
            Interview,  Rubrique  
 
              nostalgiemini
  Radio NOSTALGIE
         Choix de 8 Chansons
Variétés françaises et Internationales            
 
       
       Ouimini OUÏ
            LA  RADIO  ROCK 
 

            Entretien, Culture,
             Musique, Cinéma

 

rireminiRire et Chansons
            * Pub de 30 secondes
     Choix de 8 Thèmes pour RIRE
      Stand-up,  Nouveaux Talents

 
  
        Information Continue
 
 
           Musique NEW AGE
 

lemouvmini MOUV.FR
          Entretiens, Interviews
            Musiques différentes

 
 
rcmmini RCM 97.6FM
     Radio Locale de Lunéville à
            à St-Dié-des-Vosges
          

 
 
 rcmsportminiRMC-Talk SPORT
          Entretiens  et Interviews
            en Français sur le SPORT
 
 
.
 
 
. 

D'ou viennent mes visiteurs?

TRADUCTION

.
 
 
. 
Google-Translate-English to French ENGLISH
 
TRANSLATION

 

   Clic on the flag to have

   a translation of the blog.

    N.B:    this is a google
    translation.   
It is not
    always accurate but

    could help understand.

 

.

 
 
. 

ADRESSE I.P.

IP 
  
 
 
.