Insérer tableau  

Merci à Jeep (Améliorez votre blog) http://spaces.msn.com/members/MesAstucesMsn/PersonalSpace.aspx?_c=

Cliquer sur le lien suivant :

http://spaces.msn.com/RteCode.aspx

vous obtenez la fenêtre ci-après

 

Si vous cliquez sur l'image vous pourrez la voir en taille réelle. 

Cliquer sur l'avant-dernier icône et vous allez obtenir une série de fenêtres :

Ici vous poucez modifier :

 

le nombre de lignes

le nombre de colonnes 

 

 

Ensuite, cliquez sur "Marges extérieures et espacements" et vous avez cette fenêtre :

vous pouvez modifier les 

 

marges intérieures de la cellule

marges entre colonne

 

 

 

Maintenant, cliquez sur "Bordures" et vous obtenez ceci :

 ici vous modifier

 

la couleur

et l'épaisseur du cadre

extérieur et  intérieur

 

 Et pour terminer, cliquer sur "Arrière-plan", et ici vous pouvez modifier :

mettre une image

ou

choisir une couleur

pour l'arrière-plan

 

 

 Maintenant que vous avez donné tous les paramètres à votre tableau, vous revenez sur "Insérer lignes et colonnes" et vous cliquer sur "Insérer le tableau".

Voici le résultat de votre tableau :

 Ici vous pouvez étirer

votre tableau

Voici les codes obtenus :

 cliquer sur l'image pour l'agrandir.

 

 

 

 

 

Maintenant on peut commencer à travailler dans le tableau.

On peut insérer :

• du texte normal
• un fond couleur dans la cellule
• une image
• un gif

et voici le résultat :

Texte normal Texte normal Texte normal Texte normal	Texte sur fond couleur
Texte	Texte sur fond	Images	Gifs
	Texte insérer dans le billet

Lorsque votre tableau est terminé vous faites

CTRL+A (sélectionner tout)

revenir dans votre billet et faire

CTRL+V (coller)

et votre tableau apparaît sur votre billet.

Ici, vous pouvez modifier votre tableau, comme dans l'exemple ci-dessus.

Vous pouvez aussi modifier le tableau au moyen des codes, il suffit de cliquer sur HTML et là bon travail.

Et voila votre tableau réalisé.

 Insérer vidéos

http://putfile.com/

http://www.universdugratuit.com/videos.php?cat=bestof

http://www.big-boys.com/

http://www.koreus.com/modules/news/

http://www.lelombrik.net/

http://www.abrutis.com/

 

insérer les codes suivants :

 

<DIV><IMG height=200 loop=2 dynsrc=http://lelombrik3.free.fr/.lelombriknet/movie01.mpg width=300></DIV>

Loop définit le nombre de fois que vous voulez que votre vidéo passe.

Entrer par exemple 2 à la place de true (qui veut dire infini) pour que celle-ci ne passe que 2 fois.

 

*http://lelombrik3.free.fr/.lelombriknet/movie01.mpg* 

est la vidéo provenant de ce site

et  vous aurez le résultat suivant :

 

Si vous voulez que votre vidéo ne démarre que lorsque l'on passe la souris dessus, 

insérer le code suivant : start=mouseover

ce qui donnera alors

<DIV><IMG start=mouseover height=200 dynsrc=http://media2.big-boys.com/bbfilez/biplaneair.wmv

et vous aurez le résultat suivant :

 

 

 

Maintenant, vous pouvez dimensionner votre menu en cliquant dessus.

Cliquer à l'intérieur et vous pouvez commencer à mettre

• du texte
• des images
• des gifs

 Menu déroulant photos

insérer les codes suivants :

 <DIV style="BORDER-RIGHT: #0000ff 4px solid; SCROLLBAR-HIGHLIGHT-COLOR: #feede2; OVERFLOW: scroll; BORDER-LEFT: #0000ff 4px solid; WIDTH: 379px; COLOR: #feede2; SCROLLBAR-3DLIGHT-COLOR: #feede2; BORDER-BOTTOM: #0000ff 4px solid; SCROLLBAR-DARKSHADOW-COLOR: #feede2; HEIGHT: 460px; BACKGROUND-COLOR: #eaeaae" align=left>
<P align=left>&nbsp; <IMG height=258 src="adresse de votre première image" width=331></P>
<P align=left>&nbsp; <IMG height=248 src="adresse de votre deuxième image" width=331></P>
<P align=left>&nbsp; <IMG height=248 src="adresse de votre troisième image" width=331></P>
<P align=left>&nbsp;</P></DIV></STRONG>

Height          =  largeur

Width          =   hauteur

Border         =   bord

Backgrond   =   fond

copier les codes ci-dessous dans votre billet en étant en HTML

<DIV><TABLE borderColor=#code couleur cellSpacing=1 cellPadding=1 width="100%" background=URL de votre image border=épaisseur votre bordure>
<TBODY>
<TR>
<TD align=middle>
<P align=center><STRONG><FONT color=#code couleur de bordure

Votre texte ici</FONT></STRONG></P></TD></TR></TBODY></TABLE

</DIV>

 Ce qui donne dans cet exemple :

<DIV><TABLE borderColor=#FF0000 cellSpacing=1

cellPadding=1 width="100%" background=http://www.hiboox.com/images/f1t1146.jpg border=1>
<TBODY>
<TR>
<TD align=middle>
<P align=center><STRONG><FONT color=#FF0000>Votre texte ici</FONT></STRONG></P></TD></TR></TBODY></TABLE><DIV>

 Cliquer de nouveau sur HTML

et vous apercevez votre image et le cadre.

sélectionner "Votre texte ici" et commencez la composition.

Notez que le cadre s'étire au fur et à mesure de l'avancement de la composition

 Insérer des compteurs

Choisissez un site web qui permet la fabrication

moi je travaille avec :

http://www.imingo.com/services/compteur/

inscrivez vous

sélectionnez le genre de compteur désiré

vous obtenez les codes suivants (exemple) :

<IMG height=20 alt="un compteur pour votre site" src="http://www.imingo.com/services/compteur/icptgr.php?id=joseph5722" width=43 border=0>

copier ces codes

venir dans votre billet

cliquer HTML

coller les codes

cliquer HTML et le compteur doit apparaître

 

 http://www.freecompteur.com/

1. dans le menu gauche, cliquer sur "Création de compteur"
2. vous devez cliquer sur la bannière pour continuer
3. une fois la fenêtre ouverte, fermez-la
4. cliquer sur "Créer mon compteur"
5. entrez votre "pseudo" ainsi que votre "mot de passe"
6. dans l'URL complet, entrez "l'adresse de votre blog"
7. choisir le style de votre compteur en consultant
   la "galerie graphique"
8. notez son code et entrez-le dans
   "choix des digits"
9. cliquez sur "créate"

Vous êtes obligé de créer un compteur normal avant de pouvoir créer un compteur Live.

2. Maintenant que votre compteur est créé vous pouvez accéder à votre page d'administration

1.  cliquer sur "Administration compteur" 
2. entrez votre identifiant et mot de passe
3. cliquer "administrer mon compteur"
4. regarder à "lien à insérer pour votre compteur"
5. sélectionnez ces codes
6. venir dans votre billet
7. cliquer HTML
8. coller ces codes, ce qui donne dans l'exemple
   
   <IMG src="http://www.freecompteur.com/live.php3?name=joseph57&amp;style=le numéro choisi"alt="FreeCompteur Live">
   
9. placer ces codes entre <DIV>  </DIV> en changeant "le numéro choisi par celui que vous désirez, par ex. 13
   
   <DIV><IMG src="http://www.freecompteur.com/live.php3?name=joseph57&amp;style=13"alt="FreeCompteur Live"></DIV>
   
10. cliquer HTML et cela donne

En allant sur le site de création du compteur, dans "Administration compteur", cliquer sur "Statistiques" et vous aurez des graphiques avec des estimations du nombre de visiteurs, etc...

 Bouton retour à l'accueil

 1. Au moyen d'un mot ou d'une phrase

 Pour commencer, vous devez notez l'adresse de votre blog :

la mienne est http://spaces.msn.com/members/joseph5722/

à cela vous devez ajouter /#toppage, ce qui donne

http://spaces.msn.com/members/joseph5722/#toppage

Maintenant,

• sélectionnez votre nouvelle adresse
• copier CTRL+C
• sélectionnez votre phrase : ex. Retour à l'accueil
• cliquez sur l'icône "insérer un lien"
• faites un coller CTRL+V

et vous obtenez ceci : Retour à l'accueil

1. Au moyen d'une image

 Pour commencer, vous devez notez l'adresse de votre blog :

la mienne est http://spaces.msn.com/members/joseph5722/

à cela vous devez ajouter /#toppage, ce qui donne

http://spaces.msn.com/members/joseph5722/#toppage

Maintenant,

• sélectionnez une image ou logo sur le net
• insérez-le dans votre billet
• sélectionnez votre nouvelle adresse
• copier CTRL+C
• cliquez sur l'icône "insérer un lien"
• faites un coller CTRL+V

et vous obtenez ceci :

 Lier un commentaire à une photo

Pour réaliser cette fonction, il faut

• basculer en mode HTML
• insérer les codes suivants (exemple) :
•  <IMG SRC="http://www.hiboox.com/images/fc-1q7p.gif">

Pour ajouter un commentaire, il faut ajouter la fonction

• alt"votre texte",
• ce qui donne
• <IMG ALT"Votre texte" src="http://www.hiboox.com/images/fc-1q7p.gif">

• laissez la souris quelques secondes sur le logo et le texte apparaîtra.

 Augmenter le nombre de catégories 

Vous êtes actuellement limité dans le nombre de catégories.

1 Pour contourné cette restriction, procédez de la manière suivante :

ouvrir une page web (Goggle) par exemple

celui-ci doit se trouver dans vos favoris

cliquer droit sur celui-ci

choisissez "Propriété"

sélectionnez l'URL apparu

copier les codes ci-dessous en lieu et place

javascript:if(navigator.userAgent.indexOf('MSIE')>0&&document.all.rtebox!=null){var ret=prompt("SanallCobain prompts you to enter your category name below","New Category");if(ret!=null){if(ret.length>64)void(ret=ret.substring(0,64));ret=ret.trim();if(ret!=""){var cat=document.all.category;var op=document.createElement("option");void(op.value=ret);void(op.text=ret);cat.options.add(op);void(cat.selectedIndex=cat.options.length-1);}}}

Cliquer sur "Appliquer"

Un message demande si vous voulez accepter, répondre "OK"

 

2. Quand vous créez un nouveau billet,

cliquer dans les raccourcis sur Goggle

une fenêtre s'ouvre

entrez le nouveau nom de la catégorie

cliquez sur OK

Et voila une nouvelle catégorie créée.

 Insérer des images

Vous pouvez utiliser la méthode "ajouter des photos" qui se trouve au bas de votre blog.

Cette méthode

place la photo en petit au bas de votre billet.

diminue votre espace de stockage

voir la photo au bas du billet.

Une autre méthode consiste à rechercher sur le web des images ou des gifs susceptibles de vous intéresser.

 place la photo où vous voulez

en cliquant sur la photo, on peut l'agrandir ou la diminuer

l'inconvénient c'est que si le site où vous avez été chercher la photo ou le gif disparaît ou change de place, votre image n'apparaîtra plus et vous aurez un petit carré en lieu et place de votre image

 

Pour insérer l'image, effectuez un COPIER COLLER

ou en insérant les codes

cliquer droit sur la photo

descendre sur propriété

sélectionné l'URL

COPIER celui-ci

revenir sur votre billet et

cliquer HTML

faire un COLLER des codes à l'endroit voulu

<IMG style src="http://spaces.msn.com/mmm2005-06-20_17.52/informatik20.gif">

cliquer HTML, votre photo apparaît

en cliquant droit dessus, vous pouvez la positionné, changer sa taille

Les codes en rouge sont les codes de votre photos ou gifs

La méthode suivante consiste à stocker vos photos sur un serveur web.

Voir si votre fournisseur d'accès permet celui-ci ou

trouver sur le web un site proposant ce stockage.

Il en existe plusieurs qui le permettent après une inscription.

En voici quelques-uns :

http://putfile.com/

qui permet le stockage de vos images mais aussi de vos vidéos

 

 http://www.universdugratuit.com/

qui permet  de trouver des images et vidéos

Moi, je travaille avec

 

pas besoin d'inscription

vous pouvez prendre des photos de votre disque dur

place la photo où vous voulez

en cliquant sur la photo, on peut l'agrandir ou la diminuer

taille maximum de la photo : 800 ko

Manière de procéder :

ouvrir la page http://www.hiboox.com/

choisir la photo à mettre

envoyer celle -ci

vous recevez les codes à insérer

choisir les codes du bas

<a href="http://www.hiboox.com" target="_blank"><img alt="Image hébérgée par hiboox.com" src="http://www.hiboox.com/images/fc-1q7p.gif" /></a>

sélectionné ceux-ci

faire un COPIER

revenir sur votre billet

cliquer HTML

COLLER les codes à l'endroit où vous voulez votre photo

cliquer HTML, votre photo apparaît

en cliquant droit dessus, vous pouvez la positionné, changer sa taille

 Musique sur le blog

• créer un nouveau billet
• lui donner un nom
• cliquez sur l'icône HTML
• insérer les codes suivants entre <DIV>   </DIV>

•  <IMG height=0 loop=infinite dynsrc="http://silvy.epsylon.org/C'est la vie.mid" width=true border=0>

• où la partie en rouge est celle que vous devez modifier avec votre adresse de la musique
• ce qui doit donnez :

• <DIV><IMG height=0 loop=infinite dynsrc="http://silvy.epsylon.org/C'est la vie.mid" width=true border=0></DIV>

cliquez sur l'icône HTML et la musique doit démarrer

publier votre billet

Vous pouvez coller ces codes au début d'un de vos billets, sans pour cela en créer un nouveau.

Pour changer la musique, procéder de cette façon :

• choisissez le morceau que vous voulez entendre, par exemple dans la liste ci-dessous
• cliquer droit et sélectionnez
• "propriétés"
• copier (CTRL+C) l'URL du morceau
• revenir dans le billet contenant la musique
• cliquer HTML
• sélectionnez la partie comme dans l'exemple
  
  http://silvy.epsylon.org/C'est la vie.mid
  
  qui était l'URL de votre ancien morceau
• coller (CTRL+V)
• cliquer HTML et la nouvelle musique débute

Voici quelques adresses où vous pourrez trouver de la musique :

http://silvy.epsylon.org/midi.htm

 http://iquebec.ifrance.com/ticoeur/midis_francais.htm

http://my.homewithgod.com/heavenlymidis/Country/index.html

http://www.amouretamitie2002.com/fichiersmidi.htm

il en existe d'autres sur le web

Pour arrêter la musique frapper la touche ESC et vous pouvez aussi diminuer le son en frappant la touche rapide + ou -- de votre clavier. 

Si vous voulez que votre musique reste en tête de blog, il faut, chaque fois, le remettre dans le premier billet, car l'ancien va descendre avec les autres billets.

Il suffit de procéder de la façon suivante :

• ouvrir le billet avec la musique
• cliquer sur HTML
• sélectionner les codes correspondants
• faire un Copier CRTL+C
• ouvrir le billet de tête
• cliquer sur HTML
• insérer les codes avec un Coller CTRL+V
• cliquer sur HTML
• la musique doit démarrer.

Les modifications

dans MSN (3)

Voici quelques explications

concernant la nouvelle barre du blog.

L'idéal est de composer votre texte et puis de sélectionner la partie que vous voulez mettre en couleur

 

On peut aussi changer la couleur du caractère.

 

Couleur des caractères : 

Permet de modifier la couleur du caractère :

Votre texte votre texte

Votre texte votre texte

Pour la liste des codes couleurs, voici un lien :

http://www.ccim.be/ccim328/html/colors.htm

 

Emoticônes : 

Comme son nom l'indique, permet d'insérer des émoticônes dans votre composition :

Votre texte votre texte

 

HTML: 

Permet de voir les codes de la composition.

Remplace l'ancien "EditIt"

 

C'est sur cette case

que vous devrez cliquer pour changer la musique, etc...

<DIV><FONT style="BACKGROUND-COLOR: #ff6600"><FONT face="Times New Roman, Times, Serif"><FONT size=4><STRONG>HTML:&nbsp;</STRONG> </FONT></FONT></FONT></DIV>
<DIV dir=ltr><FONT face="Times New Roman, Times, Serif" size=4>Permet de voir les codes de la composition.</FONT></DIV>
<DIV dir=ltr><FONT face="Times New Roman" size=4>Remplace l'ancien "<FONT color=#ff0000 size=5>EditIt</FONT>"</FONT></DIV>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<DIV dir=ltr>&nbsp;</DIV></BLOCKQUOTE></DIV></FONT>

Les modifications

dans MSN (2)

Voici quelques explications

concernant la nouvelle barre du blog.

Liste numérotées : 

Permet de créer des alignements dans le texte avec des chiffres :

Votre texte votre texte votre texte votre texte votre texte votre texte

1. votre texte "Enter"
2. votre texte "Enter"
3. votre texte "Shift+Enter"
   continue l'alignement tout en revenant à la ligne.

Pour sortir de cette liste il suffit, après avoir fait "Enter", de cliquer sur la liste numérotée.

 

Liste à puces : 

Permet de créer des alignements dans le texte avec des signes :

• votre texte votre texte votre texte votre texte votre texte votre texte votre texte "Enter"
• votre texte "Enter"
• votre texte "Shift+Enter"
  continue l'alignement tout en revenant à la ligne.

Pour sortir de cette liste il suffit, après avoir fait "Enter", de cliquer sur la liste à puces.

Il est possible de mettre d'autres signes que les petites boules.

 

 

Ici, je passe volontairement à l'icône suivant afin de pouvoir expliquer, par après, sa fonction. 

 

Augmenter le retrait : 

Permet de donner un retrait par rapport à l'ensemble de la composition

Votre texte votre texte votre texte

votre texte votre texte

votre texte votre texte

Votre texte votre texte votre texte

 

Pour revenir en début de ligne, cliquez sur l'icône "Diminuer le retrait" jusqu'à ce que votre texte revienne au début 

 

 

Diminuer le retrait : 

Permet de revenir au début de la composition après avoir augmenter celui-ci :

Votre texte votre texte votre texte

Votre texte votre texte votre texte

Votre texte votre texte votre texte

Votre texte votre texte votre texte

 

 

Tirer un trait : 

Permet de tracer un filet sur la largeur du blog.

---

Là aussi, possibilité de modifier l'épaisseur et la couleur de celui-ci.

 

 

Insérer un lien : 

Permet de créer un lien à partir d'un texte, d'une image qui va vous renvoyer soit à un endroit de la page ou sur une autre page web

Pour tester, cliquer sur les liens soulignés.

 

 

Insérer un lien de recherche : 

Permet, à partir d'un mot ou plusieurs, de lancer une recherche sur le web 

Pour tester, cliquer sur le lien souligné.

 

Pour la suite, Barre des tâches3

Les modifications

dans MSN (1)

LES CODES

<P> </P> sont remplacés par <DIV> </DIV>

<DIV><FONT face="Times New Roman, Times, Serif" size=4>Voici quelques explications concernant la nouvelle barre du bog.</FONT></DIV> 

D'autres codes ont également été modifiés. Ils seront expliqués le moment venu.

 Pour l'instant, il est impossible de faire une 4e colonne.

Ceux qui ont une 4e colonne dans leur page vont la conserver, mais si vous éditez le blog contenant celle-ci, elle disparaîtra...

Voici quelques explications

concernant la nouvelle barre du blog.

 

Ciseaux : 

sert à ENLEVER (couper) le texte sélectionné (CTRL+X).

---

2 pages : 

sert à COPIER le texte sélectionné (CTRL+C).

---

dossier+page : 

sert à COLLER le texte sélectionné(CTRL+V).

Sélectionner tout le texte = CTRL+A

 

Paragraphe : 

sert à mettre le texte sélectionné dans un format prédéfini

Normal          = caractère de base

 

Adresse         = en italique

 

En-tête 1 = caract. gras avec une hauteur définie

En-tête 2   = idem ci-dessus mais plus petit

En-tête 3                =   idem mais encore plus petit

 

Style : 

sert à modifier la police de caractère

Tahoma

Arial

Arial Black

Verdana

Times New Roman

Garamond

Lucida  Handwriting

Courrier New

Pour les signes spéciaux voici un lien :

http://fr.selfhtml.org/html/reference/signes.htm#nommes_html

 

Taille : 

sert à modifier la hauteur du caractère

 

G   I   S : 

sert à mettre les caractères en  gras   italique   souligné 

 

Alignement du texte : 

sert à mettre le texte soit à Gauche    Milieu    Droite

Pour la suite, Barre des tâches2