Baptiste's profileAstuces pour votre espac...BlogLists Tools Help

<TR>
<TD>IMAGE 1</TD>
<TD>VOTRE TEXTE ICI</TD>

<TR>
<TD>IMAGE 2</TD>
<TD>VOTRE TEXTE ICI</TD>

<TR>
<TD>IMAGE 3</TD>
<TD>VOTRE TEXTE ICI</TD>
</TR>

</TABLE>

   

 AUTRE CODE ET AUTRE TABLEAU :

 

<DIV align="center"><TABLE>

November 20

Accueil

  

 
                                                                                                  

       

      

 

                                                                                                                 

                                                                                                                                                                                              

 

 

Vous etes le compare credit cardèmevisiteur depuis le 19 novembre 2005!!!

 

Google
                                                                                                         

    min sec                                               Bienvenue à vous, vous venez de ...                               

 

 

Page copy protected against web site content infringement by Copyscape                              
 
                                              
                                  
 
 
 
 

Laissez moi un ptit com ou/et venez signez mon livre d'or ICI et venez ajouter votre site dans mon annuaire ICI

01 - LE B - A / BA D' UN BLOG

LES CHOSES ESSENTIELLES 
POUR AMELIORER VOTRE BLOG
 
 
   Suite au nombre de questions posées auxquelles je n'arrive plus à répondre, je vais essayer de mettre le maximum de choses expliquées simplement. 
Le niveau de chacun (es) étant très différent.
 
 

 
 
Pour mettre une image  où vous voulez sur votre blog vous pouvez la faire héberger sur un site spécialisé. 
 
Allez à cette adresse : http://www.voiloo.net/grafx/
 
ATTENTION CE SITE N'ACCEPTE QUE LES IMAGES EN FORMAT  gif , jpg , jpeg et png
 
Un autre format ? Alors utilisez XnView pour convertir votre photo
 
Télecharger XnView
 
 
 
Pas de problème de format ??? Alors .....
  • Cliquez sur Parcourir
  • Trouvez l'emplacement de votre photo sur votre micro
  • La photo sélectionnée cliquez sur Ouvrir
  • Cliquez ensuite sur Upload Image 
Vous voilà avec votre image chargée sur le site et trois codes en dessous. 
  • Ouvrez un nouveau billet sur votre blog
  • Copiez le code ci-dessous

<IMG src="http://www.ADRESSE DE VOTRE IMAGE"></A>

 

  • Remplacez  alors la partie en jaune par le deuxième code donné par Grafx upload
  • Nouveau clik sur <HTML>
  • L'image est trop grande alors un clik sur celle-ci
  • Il apparaît des "petits carrés"
  • Prenez celui d'un angle ( respect des proportions ) et ajustez
  • Publiez et admirez votre travail

    Un autre code pour mettre une photo mais avec une petite fenêtre qui s'ouvrira lors du passage de la souris

 

<img alt="VOTRE TEXTE ICI" src="http://www.ADRESSE DE VOTRE IMAGE" /></a>

 

 

Insérer une image présente sur le net :

Pour cela, rien de plus facile. Trouvez une image qui vous plaît sur le net (de préférence pas celle d'un blog, vous comprendrez pourquoi après).

Une fois l'image qui vous plaît trouvée sur le net, cliquez droit avec votre souris sur cette image. Vous avez alors un menu déroulant qui s'ouvre...

Descendez jusqu'à "Propriété". Vous avez alors une fenêtre qui s'ouvre. Dans cette fenêtre, vous pourrez y voir "Adresse URL :" et juste à côte de celà, une adresse Internet commencant par http://sitedimage/monimage.gif. C'est cette adresse qui nous intéresse. Copiez-la et inscrivez-la précieusement quelque part.

Une fois que cela est fait, allez sur votre espace perso et créez un nouveau blog. Cliquez ensuite sur le bouton HTML. Vous verrez ceci s'inscrire <DIV></DIV>. Effacez cela. Insérez à la place ceci : <P><IMG src="http://sitedimage/monimage.gif"></P>

Remplacez ensuite ce qui est en rouge par l'adresse que vous aviez précédemment copiée. Appuyez à nouveau sur le bouton HTML. Et là, magie... Votre image apparaît...

  Voilà, c'était pas si compliqué que ça quand même ;-)

 

______________________________________________________________________________________

 

 Copiez simplement ce code :

 

<DIV align=center>
<DIV id=msn style="WIDTH: 738px"><IMG height=554 src="
http://ADRESSE DE VOTRE IMAGE" width=738 align=right>
<DIV style="FLOAT: left; WIDTH: 738px">
<P><FONT face="Lucida Handwriting" size=5>VOTRE TEXTE ICI</FONT></P></DIV></DIV></DIV>

 

   Faites des essais et à chaque étape "réussie" sauvegardez votre billet et revenez y dessus au fure et à mesure jusqu'à ce que soyez satisafit de votre travaik.

   Votre billet est en " vrac" à force de trop de manipulations...HOP !!! On efface tout et on .......recommence!!!______________________________________________________________________________________

 

 
 
 C'est exactement la même procédure que pour une image. 
 
Vous pouvez aussi faire un copier / coller directement du site où vous avez trouvez votre gif seulement le risque est que si le site en question change l'adresse de sa page ou l'emplacement du gif en question, il disparaîtra alors de votre page.
 
Le faire héberger est un gage de durabilité et de sécurité.
 
__________________________________________________________________________
 
COMMENT METTRE UNE IMAGE ET UN TEXTE A COTE
 

  Image à gauche de votre texte 

 

Insérez votre image normalement dans votre billet.

Ne pas chercher à  écrire sur un coté quelconque. 

Ce qu'il faut, c'est écrire votre texte en dessous de l'image.

  • Ensuite, un clik droit sur votre image.
  • Selectionnez " Alignement horizontal " puis "Gauche"

   Image à droite de votre texte 

Le début est le même mais

  • Ensuite, un clik droit sur votre image.
  • Selectionnez " Alignement horizontal" puis "Droit"
____________________________________________________________________________________
 
 
 
 
   Comment faire un lien vers un autre blog, une vidéo, une image, etc....
Rien de plus facile et rapide.
 
 Ecrire un mot ou mettre une image qui servira de "lien"
Par exemple le mot : TELECHARGER
 
  Ensuite le "sélectionner" avec la souris puis cliquer sur l'icone qui se trouve dans la barre de travail au dessus(elle représent un petit globe terrestre avec  des maillons de chaîne devant).
  Vous remarquerez qu'elle ne se "colore" qui si vous avez sélectionné quelque chose avant .
Une petite fenêtre s'ouvre alors.
  Il ne vous reste plus qu'à copier dedans l'adresse de la chose vers laquelle vous voulez que ce lien ailles.
 
__________________________________________________________________

 
  Vous voulez par exemple changer la disposition de vos photos.
Par exemple : mettre les fonds d'écrans après vos photos personnelles.
 
  • Mettez vous sur la page d'accueil qui vous permet de créer des billets.
  • CLiquez sur un "paquet" de photos à déplacer.
  • Restez le clik enfoncé et bougez le de place .
  • Relachez.
 ________________________________________________________________________________________
 
 
 
   Très simple : un clik sur un des nombreux liens .
   Une fois sur l'anti-virus en ligne il faut juste autoriser l'installation des Actives X (la petite barre qui s'ouvrira sur votre navigateur et qui vous posera la question) à moins que votre micro ne soit déjà paramettré pour pour.
Patience et Bon scan.
 
PS : personnellement j'utilise NOD32, actuellemnt reconnu comme le meilleur des anti virus et spywares au monde.
Faites vos recherches dessus vous même et comparez
Vive le P2P
RIRESSSSSSSSS
___________________________________________________________________

Le code pour créer facilement un menu ou une liste

<div id="cadre">
<div id="bloccadre">
<h1>VOTRE TITRE ICI</h1>
<ul>
<li><a href="#" accesskey="VOTRE LIEN  1 ICI">VOTRE TITRE 1</a></li>
<li><a href="#" accesskey="VOTRE LIEN 2 ICI">VOTRE TITRE 2</a></li>
<li><a href="#" accesskey="VOTRE LIEN 3 ICI">VOTRE TITRE 3</a></li>
<li><a href="#" accesskey="VOTRE LIEN 4 ICI">VOTRE TITRE 4</a></li>
<li><a href="#" accesskey="VOTRE LIEN 5 ICI">VOTRE TITRE 5</a></li>
</ul>
</div>

</div>

 

Il vous suffira de rajouter autant de lignes ( avec ce code ) que cela sera nécessaire pour votre liste ou votre menu.
Vous pourrez créer toutes sortes de listes : liens vers musiques , des sites , des images etc...

 Un Exemple ci dessous ( les liens sont désactivés )

MON BLOG FACILE

  • Accueil
  • Powertoys
  • Rendre son blog transparent
  • Mettre de la musique
_________________________________________________________________________________________
 
 

Comment changer facilement de formats d'images

Voici deux logiciels très utiles pour la fabrication d' un blog.

 

L'un tout petit et tout facile à utiliser 

  Convertor

    Convertor, comme son nom l'indique, est un convertisseur de format d'images ...

Il permet de passer de : BMP aux GIF, BMP aux JPG, GIF aux BMP, GIF aux JPG, JPG aux BMP, JPG aux GIF... D'autres projets sont en cours (TIF ...), mais cela est déjà bien assez important pour la conception de sites (gif ou jpg) la présentation (bmp) ...

A télécharger ICI

L'autre plus complet

 

  XnView STANDARD V 1.80.3

 

Ce logiciel supporte plus de 400 formats d'images (y compris Tiff, Gifs animés et ICO animés) et permet de modifier leur taille ainsi que leur nombre de couleurs. 

   Vous pourrez également leur appliquer différents filtres (flou, moyenne, emboss, etc...) et effets (lentille, vague, etc...). Vous serez également en mesure de créer des diaporamas, des vignettes, réaliser des captures d'écran, des conversions par lot, et beaucoup plus. 

 A télécharger ICI

_________________________________________________________________________________________

 
   Pour permettre à vos visiteurs de revenir sur votre ACCUEIL il existe une technique très simple . 
  • Rajoutez tout d'abord à la fin de votre adresse #top
  • Cherchez un image et créez un lien en insérant ce nouvau code ( avec # top ) et le tour est joué.
 
( Rappel :pour créer un lien, cliquez sur l'émoticon qui représente un globe terrestre avec une chaine devant )
 Exemple

_________________________________________________________________________________________

 

 
    Un petit eMail de la part de vos visiteurs ?

 

Copiez ce code dans votre billet en passant en mode <HTML>
 
<a href=mailto:votre adresse eMail ici>Ecrivez moi</a>
 
Remplacez les parties colorées par vos propres informations.
 
Repassez en mode normal et publiez
 
                                     Vous obtiendrez      Ecrivez moi
 
   Mettre votre adresse eMail dans une liste
 
Mettez ce code dans votre liste dans l'emplacement réservé aux liens
 
 
 

02 - IMAGE

 

    Le plus simple pour ajouter une image et pouvoir choisir sa taille et son emplacement, et de la faire héberger sur un site spécialisé.

    Personnellement j'utilise GRAFX UPLOAD pour cela. Il faut pour cela créer un compte ( très facilement ) chez eux et de télécharger ses photos, gifs etc... Attention taille maximum 1000Ko . L'avantage est de pouvoir voir tous vos dossiers chargés et de pouvoir les gérer.

____________________________________________________________________________

 

 Code pour ajouter une image dans un billet, avec la possibilté de règler sa taille.

     Faites un  copier / coller sur votre image hébergée et mettrez là dans votre billet. Pour choisir sa taille cliquez dessus et de petits carreaux de délimitations apparaîtront. Prendre en priorité un des quatre coins pour conserver les proportions plus facilement. 

------------------------------------------------------------ 

 Code pour mettre un commentaire lié à votre image lorsque la souris passe dessus. 

 <DIV><IMG alt="ici le commentaire lié à l'image" src="ici l'adresse de l'image"</DIV>

 ------------------------------------------------------------

 Code pour mettre une image en fond et pouvoir écrire un texte par dessus. 

   DIV align=left><DIV style="WIDTH: 352px; HEIGHT: 343px">
<P align=center><IMG height=343 src="
ici l'adresse de votre image" width=348 align=right></P><DIV style="FLOAT: left; WIDTH: 348px">
<P><FONT face=Verdana color=#ffffff size=4>
Votre texte ici</FONT>

 

03 - MUSIQUE - VIDEO

 
 Tout d'abord il est essentiel de savoir qu'il est impossible de mettre un morceau de musique de votre ordinateur directement sur votre blog.
Il faut pour y arriver trouver sur le net le morceau qui vous plait.
 

 Code pour mettre une musique.

 Passez en mode <HTML> (en cliquant sur l'icone dans la barre de travail ) et copiez ce code ci-dessous
 
 <IMG height=0 loop=infinite dynsrc=  ici l'adresse de votre musique width=0 border=0>
 
Votre adresse de votre morceaux doit IMPERATIVEMENT se terminer par :   .mp3  .wma  .waw  .mid ou .asf 
 

 Si vous désirez il est aussi possible de la mettre dans le lecteur Windows Média Player, visible dans mon blog. Pour les explications se rendre sur le billet POWERTOYS.

 Pourquoi ça ne marche pas ????
  • Votre adresse http n'est pas ou plus bonne
  • Vérifiez la fin de votre lien
  • Votre code copié est-il bon

Attention :

   La musique ne sera entendue que par les visiteurs de votre Blog possédant Internet Explorer. Sous d'autres explorateurs comme Mozilla ou Firefox, la musique ne fonctionnera pas.

   La musique n'apparait qu'à l'ouverture de votre billet.Pour cela il faut qu'elle soit insérée dans le premier billet visible sur votre blog. En effet la musique ne se déclenche que si l'on visualise le billet dans lequel  elle est.

 

Le billet se trouve "au fond" de votre blog  

   Alors elle ne se déclenchera que lorsque votre visiteur sera arrivé à ce niveau.Une solution simple et rapide est defaire un copier / coller régulièrement ( sous le mode <HTML> ) et de recréer un nouveau billet en tête du blog.

 

 

Faire héberger vos morceaux sur un site spécialisé. 

   De nombreux sites proposent ces services.

 KOKOOM  

   Ce site hébergera gratuitement 100 Mo sur votre compte. Un seul inconvénient, les morceaux ne doivent pas dépasser 5 Mo.Au dessus ils ne seront pas pris en compte !!!

  •  Il vous faut tout d'abord  créer votre compte.
  • Allez ensuite dans votre gestionnaire et choisissez les morceaux voulus.
  • Laissez charger et vous obtiendrez un lien se terminant par .mp3
  • Il est à insérer dans le code "comment insérer de la musique" à la place voulue. 

  Autres sites d'hébergements GRATUITS

 

TheFileBucket

Putfile

 

 

 

 

La vidéo que vous voulez insérer ne doit PAS être sur votre PC

mais elle doit être en ligne sur un site web ou stokée sur l'espace libre de votre FAI.

 

Faites des recherches et une fois répérée, faites clik droit et propriété.

Vous devriez avoir une adresse du type http://adresse de votre vidéo.wmv  

Le fichier doit finir obligatoirement par ".mpg" ou ".mpeg" ou ".wmv" ou ".avi".

 

 Code pour mettre une vidéo.

 

<IMG start=mouseover height=300 dynsrc=http://adresse de votre vidéo width=400>

 

 ATTENTION AUX ESPACES !!!

Pas devant le = et un entre votre fichier et width 

Avec ce code la vidéo s'activera  AUTOMATIQUEMENTau passage de la souris dessus. 

CONSEIL ( qui n'engage que moi ):  

   Ne pas trop mettre de vidéos sinon lors du passage de la souris par un visiteur toutes se mettront en marche.

   Si vous désirez  par contre en mettre plusieurs, il est préférable de créer des liens directs dans un billet prévu à cet effet avec un petit commentaire descriptif.

 

 

 

 

04 - HEBERGER VOS FICHIERS CHEZ VOTRE F.A.I

 
  Une façon très simple pour héberger vos fichiers.
Utilisez votre espace personnel que votre F.A.I ( Fournisseur d'Accès Internet ) met à votre disposition.
   Chez FREE ( mon F.A.I ) l'espace est de 100 Mo.
De quoi héberger sans soucis pas mal de fichiers....
 
   Tout d'abord il vous faut faire le nécessaire pour activer votre espace personnel.
En règle générale, un ou deux jours sont nécessaires pour que cette activation soit effective.
 

Le lien direct pour ceux qui sont chez FREE

 
 
Désolé, pour les autres ....LOL !!!!
Attention au Login et mot de passe. Bien les garder sinon....
 
Votre espace est maintenant activé ???
Alors suivez les instructions suivantes.
 
Un programme de transfert de données de votre micro à votre F.A.I est obligatoire.
Je vous conseille de télécharger FileZilla
 
 
Une fois FileZilla installé, ouvrez le et vous obtenez ceci :
 
CLIQUEZ SUR L'IMAGE POUR AGRANDIR
 
Suivez simplement les instructions inscrites sur l'image.
Allez ensuite sur votre espace personnel.
Pour cela tapez par exemple dans votre navigateur : toto.free.fr
Et vous aurez cela (voir image )
 
 
CLIQUEZ SUR L'IMAGE POUR AGRANDIR
 
Votre lecteur est à présent ouvert
Cliquez sur le nom et votre lecteur s'ouvrira
 
CLIQUEZ SUR L'IMAGE POUR AGRANDIR
 
 Une nouvelle fenêtre s'ouvrira
 
CLIQUEZ SUR L'IMAGE POUR AGRANDIR
 
Et voilà !!!! Expliquer plus .....c'est dur !!!
 
  Même la"banane" va y arriver pour une fois ...lol !!!     Bizzzzzzzzzzzzzzzzzzzz
 

05 - LA TRANSPARENCE DES BILLETS

 
 
Finis les billets délimités par des cadres !!! 
 
Très IMPORTANT
 
Le code doit se trouver sur le dernier billet que vous avez publié
( autrement dit en tête de votre blog)
Il ne doit rien y avoir d'autre  dessus.
 
Après l'ajout d'un nouveau billet il suffit de faire un copier / coller et de remettre ce code en tête.
  Code pour rendre vos billets transparents.
 <DIV>
<TABLE>
<TBODY></TBODY></TABLE></DIV></TABLE>
<DIV></DIV>
 
ou
 
<TABLE>
<TBODY></TBODY></TABLE>
<DIV></DIV></TABLE>
 
 

06 - POWERTOYS

 
 
 MSN SPACES vient de rajouter trois nouveaux
modules POWERTOYS utilisables pour vos Blogs.
 
  • Tweak UI PowerToy : ce nouveau module va vous permettre de modifier  les couleurs du fond, les billets, les bordures, la transparence ainsi que la couleur des liens. OUF !!!! ENFIN un peu de liberté
  • Custom HTML PowerToy : dans ce module vous pourrez mettre des codes HTML qui sont actuellement acceptés par MSN. Il est donc possible d'afficher dedans des images, des bannières etc...
  • Windows Media Player PowerToy : ce module va vous faciliter la vie pour insérer de la musique ou de la vidéo sur votre blog et cela sans rien connaitre aux balises HTML.

____________________________________________________________________________

 

   
 
       Tout d'abord mettez vous en Mode édition, autrement dit comme lorsque vous êtes sur la page d'accueil ( lorsque Visualiser mon espave MSN est visible en haut à droite).
       Dans votre adresse qui s'affichera en haut dans votre navigateur Internet Explorer, il suffira de rajouter à la fin :
                              &powertoy=musicvideo
 
                                                    Ne pas mettre d'espace
 
exemple:
http://spaces.msn.com/m...owner=1&powertoy=musicvideo 
 
Cliquez après sur OK , situé à coté del'adresse.
Une fois votre page "rechargée" , cliquez sur l'onglet Personaliser, de votre espace personnel.
Dans le menu qui s'affichera cliquez sur MODULES.
Vous trouverez alors le module  Power Toy : Windows Media Player
Cliquez sur Ajouter et sauvegardez .
 
Vous voilà en avec le lecteur WMP sur votre blog !!!
 
 EXPLICATIONS
  •  URL : Mettre l'adresse de la vidéo, de la musique choisie dans l'emplacement.
RAPPEL Les morceaux de musiques, vidéos ne doivent pas être stockés sur votre micro.A vous de les trouver sur le Net.
 UNE BONNE ADRESSE
     _________________________________________________
  • Position in sec
  • Times to play
  • Rate to play

Ne rien toucher ou alors à vous de voir si vous voulez une particularité.

  •  Auto start : Si vous cochez la case, la vidéo ou  la musique démarreront dès le chargement de votre blog.     
  • Display Mode :
INVISIBLE : valable uniquement pour la musique. Le lecteur sera invisible. Cocher Auto Start pour que la musique démmarre seule
NONE : les boutons du  lecteur seront invisibles mais la vidéo ou la musique démarreront (cocher évidemment dans ce cas Auto start  )
MINI : visualisation des boutons de Windows Media Player et de la vidéo.
FULL : visualisation des boutons du lecteur et de la barre de défilement.
  • Right Click Menus : Coché les autres  verront  les infos de votre vidéo ou musique
  NE PAS OUBLIER DE CLIQUER
 SUR SAVE POUR TOUTE MODIFICATION EFFECTUEE
 
___________________________________________________________
 
 
 
   Tout d'abord mettez vous en Mode édition, autrement dit comme lorsque vous êtes sur votre page d'accueil ( lorsque Visualiser mon espave MSN est visible en haut à droite).

   Dans votre adresse qui s'affichera en haut dans votre navigateur Internet Explorer, il suffira de rajouter à la fin :

 &powertoy=sandbox
 
Ne pas mettre d'espace
 
Cliquez après sur OK , situé à coté del'adresse .
Une fois votre page "rechargée" , cliquez sur l'onglet Personaliser, de votre espace personnel.
Dans le menu qui s'affichera cliquez sur MODULES.
Vous trouverez alors le module  Power Toy : Custom HTML
Cliquez sur Ajouter et sauvegardez . 
 
Vous voilà avec un espace dans lequel vous pourrez mettre ce que vous voulez : image, bannière etc...( mais avec un code HTML )

Collez y tous codes HTML acceptés par Spaces MSN mais ne dépassant pas 512 caractères.

Si vous voulez mettre une bannière alors copiez le code pour mettre une photo et mettez l'adresse de votre bannière

  • Possibilité de changer la taille ce cette fenêtre en modifiant les paramètres de vos codes.
  • En cochant ou non Show Border les bords du  billet seront  ou non visibles. 
___________________________________________________________________________
  
 
 
 
 
   Tout d'abord mettez vous en Mode édition, autrement dit comme lorsque vous êtes sur la page d'accueil ( lorsque Visualiser mon espave MSN est visible en haut à droite).

    Dans votre adresse qui s'affichera en haut dans votre navigateur Internet Explorer, il suffira de rajouter à la fin :

 &powertoy=tweakomatic
 
Ne pas mettre d'espace
 
Cliquez après sur OK , situé à coté del'adresse .
Une fois votre page "rechargée" , cliquez sur l'onglet Personaliser, de votre espace personnel.
Dans le menu qui s'affichera cliquez sur MODULES.
Vous trouverez alors le module  Power Toy :  Tweak UI
Cliquez sur Ajouter et sauvegardez .
 
Vous allez pouvoir maintenant changer énormément de choses dans votre présentation de blog. : couleurs etc...
 
 EXPLICATIONS
 
Trop de choses à dire pour tenter d'expliquer toutes les possibilités offertes ici.
La seule chose qui vous reste à faire c'est de faire vous même vos teste.
Pour vous aider à choisir vos codes couleurs reportez vous à mon billet :
 
 
  • Background Colors : permet de changer les couleurs du fond, du haut et bas
Inner = couleur du fond
Outer = couleur du haut et bas
  • Background Image : permet de régler l'effet de l'image du fond. 
  • Front Color : permet de changer la couleur des leiens et des commentaires. 
  • Module Background : permet de changer la couleur de fond des modules

Color = couleur

Transparent = transparence par rapport au fond

  • Module borders : permet de changer les bords des modules

Widht = épaisseur

Style = aspect

Color = couleur

 

NE PAS OUBLIER DE CLIQUER
 SUR SAVE POUR TOUTE MODIFICATION EFFECTUEE ou REVERT pour revenir en arrière
 

07 - EDITEUR DE COULEURS

 
 
Plus simple ??? Pas possible 
Besoin de codes particuliers pour les couleurs de votre blog ? 
Faites défiler les barres et copiez le code généré
 
 
 
 
 
_______________________________________________________________________________________ 
 

 

     La palette de 216 couleurs présentée dans le tableau ci-dessous est utilisée par la plupart des navigateurs: Netscape Navigator, Internet Explorer, Mozilla et autres pour restituer au mieux sur Mac ou PC les couleurs que vous avez définies.

 

Les trois couleurs de base sont : le rouge, le vert et le bleu.

Pour définir un code donc on commence par le rouge puis le vert et enfin le bleu.

 

Exemples:  00FF00 donne cette couleur verte

               0033FF donne cette couleur bleue

               FF3300 donne cette couleur rouge

 

Vous pouvez à présent choisir vos couleurs à mettre dans vos codes HTML.

 

Rouge Vert Bleu
00 33 66 99 CC FF
00 00            
33            
66            
99            
CC            
FF            
33 00            
33            
66            
99            
CC            
FF            
66 00            
33            
66            
99            
CC            
FF            
99 00            
33            
66            
99            
CC            
FF            
CC 00            
33            
66            
99            
CC            
FF            
FF 00            
33            
66            
99            
CC            
FF            
Rouge Vert 00 33 66 99 CC FF
Bleu
 
 
 
  

08 - PHOTO OPAQUE +TEXTE + MUSIQUE

 

 Code pour rendre opaque une photo

 

 

Rien de plus facile il vous suffit de copier ce code:

 

<DIV>
<P align=center><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=2)" height=800 src="adresse de votre image
" align=right></P></DIV>

 

  • left = texte aligné à gauche
  • right = texte aligné à droite
  • center =  texte au centre

Trois styles possibles avec des effets différents.

 Changez style=2 dans le code ci dessus par 1 , 2 ou 3

 

_________________________________________________________________

 

 

 Code pour rendre une image opaque, avec du texte par dessus et de la musique. 

Attention ce code est "très délicat à manipuler"

 

   Je vous conseille de faire par étapes votre billet.A chaque fois que vous êtes content d'une partie de votre travail,publiez le et revenez y par étapes successives.

   Comme cela à la moindre "bétise" vous aurez la possibilité de revenir en arrière sans tout perdre.

   Personnellement j'ai "désactivé" la musique pour éviter une "cacophonie" sur mon blog avec mon billet d'accueil où se trouve déjà ma musique.

   Pour faire pareil enlevez la 1 ère ligne du code. 

 

<IMG height=0 loop=infinite dynsrc="ADRESSE DE VOTRE MUSIQUE" width=0 border=0>
<P></P>
<DIV style="WIDTH: 536px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=2); WIDTH: 554px; HEIGHT: 336px" height=500 src="
ADRESSE DE VOTRE IMAGE" width=580 align=right>
<P></P>
<DIV style="WIDTH: 537px; HEIGHT: 355px">
<P align=center>&nbsp;
<P align=center><FONT face="Lucida Handwriting, Cursive" color=#00ff00 size=5>A vous de trouver le texte </FONT>
<P align=center><FONT face=Isabelle color=#ffffff><FONT color=#00ff00><FONT face="Lucida Handwriting, Cursive" color=#00ff00 size=4>à&nbsp;écrire et à mettre ici</FONT> </FONT>
<P align=center><FONT size=4><BR></FONT></P></FONT></DIV></DIV>
<DIV></DIV>

 

 

 

 

 

 

 

 

A vous de trouver le texte

à écrire et à mettre ici

Pour modifier votre texte servez vous

des flèches directionnelles de votre clavier 


 

09 - LES MENUS DEROULANTS

 
 
 Créer un menu déroulant
 
Code très facile à mettre en place
 
<DIV style="width:200px; overflow:scroll">
<NOBR>METTEZ VOTRE TEXTE ICI ET BON COURAGE...
</NOBR>
</DIV>
 
LE RESULTAT
 
 
METTEZ VOTRE TEXTE
 ICI ET
BON COURAGE...
 
_______________________________________________________________________________________
 
FONCTION OVERFLOW 
 
 

La propriété OVERFLOW spécifie si le contenu d'un élément d'un bloc est découpé

lorqu'il déborde de la boite.

En d'autres mots, elle permet de gérer les dépassements de blocs (calque, texte ou autre)

La valeur de OVERFLOW peut être

  • AUTO (met une barre de défilement au besoin),
  • VISIBLE (rend visible tout ce qui dépasse),
  • HIDDEN (cache tout ce qui dépasse),
  • SCROLL (met une barre de défilement) 

PRENNEZ LE CODE HTML

 

<TABLE style="WIDTH: 411px; HEIGHT: 452px" background=adresse de votre image border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face="Lucida Handwriting, Cursive" color=#333399 size=5><STRONG>Votre titre</STRONG></FONT></P></TD></TR>
<TR>
<TD>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 260px">
<P align=center><FONT face="Arial Black, Geneva, Arial, Sans-serif" color=#333399 size=4>Votre texte ici</FONT></P></DIV></DIV></TD></TR>

</TBODY></TABLE> 

 

    

 _______________________________________________________________________________________

Plus difficile mais pas impossible

 
 
   Copiez le code, ouvrez votre billet, passez en HTML et puis collez.
Il sera nécessaire de changer les adresses "fictives" dans l'exemple par l'adresse véritable de vos photos.
   Répétez le code ( en vert pour plus de facilité ) autant de fois que vous avez de photos à mettre.
 
   Personnellement je vous conseille de les faire héberger sur un site approprié car en les copiant directement, vous prenez le risque de les perdre si par malheur le site en question les changeaient de place.
 

<P><STRONG><FONT color=#cc0066></FONT></STRONG></P>
<P><STRONG></P>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll; BORDER-LEFT: black 8px solid; WIDTH: 550px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #0080ff; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #0080ff; HEIGHT: 419px; BACKGROUND-COLOR: #000000" align=left>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=
http://l'adresse de votre photo/maphoto1.jpg width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=
http://l'adresse de votre photo/maphoto2.jpg width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=
http://l'adresse de votre photo/maphoto3.jpg width=550 border=0></P></DIV></STRONG>

 
 
Publiez votre billet et revenez dessus.
Vous pourrez alors changer sa taille en cliquant sur les ascenseurs et aussi ajuster toutes les photos à leur bonne taille pour éviter tout déformement.
 
   Il est possible aussi de changer la couleur de votre "cadre déroulant ". Pour cela il faut changer le code de couleur lorsque vous êtes en mode HTML.
 
   Par exemple pour remplacer le fond noir par une autre. 
 
   Changez BACKGROUND-COLOR: #000000 par #00FF00
Le code couleur des ascenseurs se situe apres SCROLLBAR suivi d'un #.
 

 
 
 
 

10 - PLUSIEURS VIDEOS SUR LE LECTEUR

 
 
Mettre plusieurs vidéos sur votre lecteur sera possible si vous suivez les instructions suivantes.
   Un peu longues je reconnais...
 
 
Il vous faut créer un compte sur ce site d'hébergement  FILE LODGE .COM
 
Le site est en anglais mais facile à comprendre
  • Mettez un pseudo et un mot de passe
  • Vous recevez un eMail pour activer votre compte
  • Cliquez sur le lien qui se trouve sur ce lien
  • Votre compte personnel est activé
  • Vous pouver télécharger dessus
   Après sur votre micro, ouvrez votre NOTPAD ou BLOC - NOTES et copiez ce code
 
 
<ASX Version="3.0">
<title>Le nom de votre liste</title>
<entry>
<title>Titre du morceau de musique</title>
<author>Nom de l'artiste</author>
</entry>
</asx>
  
 
 
           Un clic sur l 'image pour agrandir 
     
 Recopiez autant de fois le code que de morceaux voulus

<entry>
<title>Titre du morceau de musique</title>
<author>Nom de l'artiste</author>
</entry>

 

Exemple pour deux vidéos ( pour les mp3 c'est pareil )

 

<ASX Version="3.0">
<title>Le nom de votre liste</title>
<entry>
<title>Titre du morceau de musique</title>
<author>Nom de l'artiste</author>
</entry>

<entry>
<title>Titre du morceau de musique</title>
<author>Nom de l'artiste</author>
</entry>
</asx>

 

 Tous les types de fichiers sont acceptés : .wmv , .mp3 , .asx   etc...

  • Donnez un nom à votre liste
  • Mettez le(s) titre(s) de(s) la vidéo ou du morceau mp3
  • Mettez le(s) nom(s) de(s) l'artiste(s)

Une fois tout rempli correctement

  • Cliquez sur Fichier
  • Puis Enregistrer sous
  • Donnez un titre à votre liste se terminant par .mp3
  • Pour le type de fichcier mettez : Tous les fichiers
  • Et choisir le codage UTF-8

Ouvrez votre compte sur File Lodge.com et chargez votre fichier.

Un lien vous est alors donné.

Copiez le sans les [IMG]  et il ne vous reste plus qu'à le coller dans l'emplacement prèvu sur votre lecteur

Exemple :

[IMG]http://www.filelodge.com/files/......../Mes%20video1.mp3[/IMG]

En vert la partie à copier dans le lecteur

Sauvegardez et ADMIREZ VOTRE TRAVAIL

Pour changer de morceau cliquez sur les flêches <l ou l> du lecteur

 

11 - CHANGER DE PLACE UN BILLET

 

   Vous désirez changer de place un vieux  billet ?Le remettre en premier par exemple ?

Attention cette procédure ne  fait que cloner votre vieux billet en haut des autres.Les commentaires ne seront pas transférés.

Première étape :

  • Commencez par ouvrir une page internet. Google par exemple.
  • Ajoutez le lien en cliquant sur l'onglet '' Favoris'' dans votre barre d'outil internet.
  • Puis sur l'onglet ''Ajouter''.
  • Donnez-lui un nom puis cliquez sur ''OK''

 

 

Deuxième étape :

  • Faites un clik droit sur le nouveau lien.
  • Allez sur "Propriétés"
  • Copiez ce code ci dessous dans l'emplacement nommé "URL"

Cliquez sur l'image pour voir

javascript:void(gblBEActionUrl%20=%20gblSpaceUrl+"PersonalSpace.aspx?_c11_BlogPart_blogpart=blogentry&_c=BlogPart&_c02_owner=1&frompart=myspace");void(document.all.entryid.value="");

  • Cliquez sur "OK"
  • Validez le message vous demandant de conserver cette cible 

Troisième étape: 

  • Fermez tout et ouvrez votre blog
  • Choississez le billet à déplacer (comme si vous vouliez le créer)
  • Ouvrez vos favoris
  • Cliquez sur le nouveau favori ajouté
  • Rien apparement ne se passe
  • Cliquez sur "Publier" de votre ancien billet
  • Regardez le billet se trouve en tête de votre blog

Il ne vous reste plus qu'à supprimer l'ancien billet si vous le désirez ou de vous en servir pour mettre un autre sujet dedans.

 

 
November 19

12 - EFFETS DE TEXTE

 
 
 Les différents codes possibles pour toute sorte d'effets
A vous de changer les parametres des codes en modifiant les codes des couleurs les grandeurs des polices , ainsi que les polices elles mêmes
 
 
      franc 83
 
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: blue; Filter: Glow(Color=#FF0000, Strength=6)">franc 83</span>

       franc83

<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Glow(Color=#00FF00, Strength=8)">franc83</span>

             FRANC 83

<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: red; Filter: Shadow(Color=#0000FF, Direction=225)">FRANC 83</span>

           Francois 83

<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: orange; Filter: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=5)">Franc 83</span>

 

        francois 83

<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipV">Francois 83</span>

         Francois 83

<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: blue; Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1)">Francois 83</span>

         Francois 83

 

<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: yellow; Filter: Blur(Add = 1, Direction = 225, Strength = 10)">Francois 83</span>

 

       Francois 83

<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">Francois 83</span>

 

 Francois 83 

<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: red; Filter: Mask(Color=#ff3300)">Francois 83</span>

 

 
FRANCOIS 83
 

<DIV style="WIDTH: 372px; HEIGHT: 30px"><IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right><IMG height=20 src="http://x4.putfile.com/5/13604591263.gif" width=360 align=right>
<DIV style="FONT-SIZE: 18px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 20px; BACKGROUND-COLOR: #cccccc" align=center><FONT color=#ff0000><B>FRANCOIS 83</B></FONT></DIV></DIV>

  

Texte ici

 <DIV id=texture style="WIDTH: 372px; HEIGHT: 48px"><IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right><IMG height=38 src="http://x4.putfile.com/5/13604583984.gif" width=360 align=right>
<DIV style="FONT-SIZE: 34px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 38px; BACKGROUND-COLOR:Yellow" align=center><FONT color=#ff0000><B>Texte ici</B></FONT></DIV></DIV>

 

Ca MARCHE


<DIV id=texture style="WIDTH: 372px; HEIGHT: 38px"><IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right><IMG height=30 src="http://x4.putfile.com/5/13604552460.gif" width=360 align=right>
<DIV style="FONT-SIZE: 26px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 26px; BACKGROUND-COLOR: black" align=center><FONT color=#ff0000><B>Ca MARCHE</B></FONT></DIV></DIV>
<P><BR></P>

 

Youpi ce code marche à merveille

<DIV id=texture style="WIDTH: 372px; HEIGHT: 40px"><IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right><IMG height=30 src="http://x3.putfile.com/2/5609332151.gif" width=360 align=right>
<DIV style="FONT-SIZE: 24px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 30px; BACKGROUND-COLOR: BLACK" align=center><FONT color=#ff0000><B>Youpi ce code marche à merveille</B></FONT></DIV></DIV>
<P><BR></P>

 

Ca marche


 <DIV id=texture style="WIDTH: 372px; HEIGHT: 18px"><IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right><IMG height=18 src="http://x4.putfile.com/5/13604404542.gif" width=360 align=right>
<DIV style="FONT-SIZE: 12px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 18px; BACKGROUND-COLOR:black" align=center><FONT color= #ff0000><B>Ca marche</B></FONT></DIV></DIV>
<P><BR></P>

 _______________________________________________________________________________________

 

 Mettre vos textes avec des couleurs dégradées

 

Il est possible en effet d'obtenir facilement un dégradé.

Il vous suffira de choisir vos options et de taper votre texte dans la case du bas puis de cliquer sur : Générer
 cliquez      ICI


Votre texte apparaitra en haut de la page.
Faites simplement un "copier / coller " dans votre billet et le tour est joué.
 

 Ecrire vos textes avec des vagues 

Ecrire vos textes avec des" vagues" rien de plus simple.

Cliquez    ICI

Tapez votre texte, choississez la taille de vos caractères.
Ensuite même technique à effectuer que pour les dégradés

 

13 - COMPTEURS

Il existe différentes sortes de compteurs. 
  • Le compteur de visites : indique le nombre de visites.
  • Le compteur live : inquique le nombre de connectés sur votre blog.
  
Pour cela, allez sur des sites spécialisés. 
En voici trois parmis tant d'autres. 
A vous de choisir le ou les compteurs qui vous plairont le plus.
  
 
 
 
 
    Une fois sur un de ces sites rien de plus facile. Inscrivez vous. Faites vos choix et ils vous donnerons un code à recopier dans votre billet en cliquant sur <HTLM> et entre les deux <DIV>ici</DIV>
 
Un exemple de code  compteur de visites
 
 
<img src=http://www.freecompteur.com/counter.php3?counter=*** alt="FreeCompteur.com"> 
 
 
et voilà le résulat        un compteur pour votre site
 
 Une fois dans votre billet vous pouvez l'agrandir mais pas trop sinon il pixellisera.
 
Gardez soigneusement votre pseudo et mot de passe qui vous serviront à retourner sur un de ces sites, si le besoin s'en fait sentir ( changer de sorte de compteur, de couleurs etc...)
 
Exemple de code pour un compteur live 
 
<identifiant&style=le numero du style que vous avez choisi" alt="FreeCompteur Live"></DIV>

 

    Au lieu de "le numero du style que vous avez choisi" rentrez un chiffre pour caractériser le style de votre compteur Live 

Les numéros et les styles correspondants : 

  

        1    FreeCompteur Live   2   FreeCompteur Live

  3    FreeCompteur Live          4   FreeCompteur Live

  5    FreeCompteur Live         6   FreeCompteur Live

  7    FreeCompteur Live             8   FreeCompteur Live

  9    FreeCompteur Live           10   FreeCompteur Live

  11   FreeCompteur Live             12   FreeCompteur Live

  13   FreeCompteur Live            14   FreeCompteur Live

  15   FreeCompteur Live             16   FreeCompteur Live

  17   FreeCompteur Live

 

14 - COMMENT CREER UNE BANNIERE

 

Pour mettre une bannière comme la mienne il vous suffit d'installer

le POWERTOY CUSTOM HTML

Facile en quelques clics de souris ...

Voici quelques exemples, mais les possibilités sont presque infinies

 

 

 
 
 
   Une fois votre bannière créée, il ne vous reste plus qu'à la faire héberger sur un site spécialisé comme par exemple:   GRAFX-Uplod et faire un simple copier / coller.
   En cas de problème de format de fichier se servir de CONVECTOR pour mettre votre bannière dans un format accepté par ce genre de site. 
 

   Quelques liens  :                

____________________________________________________________________________

CUSTOMISER LES BILLETS DE SON BLOG

 

Facile en allant sur le site que je viens de trouver.

Tout y est possible corcernant les titres, les textes les boutons, etc....

A utiliser sans retenue et laissez aller votre imagination......

Voici quelques exemples simples de ce que vous pouvez obtenir et ceci GRATUITEMENT.

 

 

 

 

VOUS VENEZ DE VOIR QUELQUES EXEMPLES

Pour obtenir cela il vous suffit de créer en ligne et de sauvegarder sur votre micro.

Ensuite à vous de faire héberger vos images sur un site spécialisé comme celui présenté ci-dessous 

CLIQUEZ SUR L'IMAGE POUR ACCEDER AU SITE

  

 

 Une fois le résulat de votre création obtenue et visualisée sur le site

Cliquez sur EDIT IMAGE

De nouvelles possibilités s'ouvrent à vous , dont une importante la CONVERSION de votre image en plusieurs formats possibles. 

 

15 - TABLEAUX - CADRES

 

Vous pouvez faire un tableau avec des bordures avec le code suivant

LE CODE :

 

<TABLE BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Possilité de changer la couleur du cadre en changeant le code couleur qui se trouve en jaune dans l'exemple.

Dans le premier code le tableau ne comporte qu'une seule ligne et deux colonnes.Il vous suffit de rajouter autant de fois que désiré  

<TD>IMAGE 1</TD>
<TD>VOTRE TEXTE ICI</TD>

pour augmenter le nombre des lignes et des colonnes.

Ne pas oublier de mettre des <TR> entre chaque rajout.

 

Exemple de tableau avec trois lignes et trois colonnes :

 

<TABLE BORDER="2" BORDERCOLOR="#336699"

CELLPADDING="2" CELLSPACING="2" WIDTH="100%">

IMAGE 1

VOTRE TEXTE  OU VOTRE

IMAGE ICI

IMAGE 2

VOTRE TEXTE  OU VOTRE

IMAGE ICI

IMAGE 3

VOTRE TEXTE  OU VOTRE

IMAGE ICI

 

COLONNE 1

 

COLONNE 2

 

COLONNE 3

 

VOTRE TEXTE 1

VOTRE TEXTE 1

VOTRE TEXTE 1

VOTRE TEXTE 2

VOTRE TEXTE 2

VOTRE TEXTE 2

VOTRE TEXTE 3

VOTRE TEXTE 3

VOTRE TEXTE 3


<TR>
<TH>COLONNE 1</TH>
<TH>COLONNE 2</TH>
<TH>COLONNE 3</TH>

</TR>
<TR>
<TD>VOTRE TEXTE 1</TD>
<TD>VOTRE TEXTE 1</TD>
<TD>VOTRE TEXTE 1</TD>
</TR>
<TR>
<TD>VOTRE TEXTE 2</TD>
<TD>VOTRE TEXTE 2</TD>
<TD>VOTRE TEXTE 2</TD>
</TR>
<TR>
<TD>VOTRE TEXTE 3</TD>
<TD>VOTRE TEXTE 3</TD>
<TD>VOTRE TEXTE 3</TD>
</TR>
</TABLE>
</DIV>

 
 
AUTRE CODE AUTRE TABLEAU :
 
<TABLE cellSpacing=2 cellPadding=2 width="100%">
<TBODY>
COLONNE 1 COLONNE 2
TEXTE 1 TEXTE 2
TEXTE 3 TEXTE 4
TEXTE 5 TEXTE 6

<TR>
<TD bgColor=#cccccc><FONT color=#ff0000
size=3>COLONNE 1</FONT></TD>
<TD bgColor=#cccccc><FONT color=#ff0000
size=3>COLONNE 2</FONT></TD></TR>
<TR>
<TD>TEXTE 1</TD>
<TD>TEXTE 2</TD>
<TR>
<TD>TEXTE 3</TD>
<TD>TEXTE 4</TD>
<TR>
<TD>TEXTE 5</TD>
<TD>TEXTE 6</TD></TR></TBODY></TABLE>
 

AUTRE CODE AUTRE TABLEAU

Avec ce code le fond du tableau est coloré ( en rose dans l'exemple )

 

 

Une image ?

Votre texte ici

Un dessin ?

Votre texte ici

<TABLE BORDER="1">
<TR>
<TBODY BGCOLOR="pink">
<TD>Cell Data</TD>
<TD>Cell Data</TD>
</TR><TR>
<TD>Cell Data</TD>
<TD>Cell Data</TD>
</TBODY>
</TR>
</TABLE>

 

 

  A vous d' adapter les codes pour les couleurs , les colonnes et les lignes, centrer le texte ou les images etc...

Bon courage à tous

_________________________________________________________________________________________

 
Des cadres pour y mettre vos photos ou vos textes.
Pour changer les couleurs , il vous suffit de changer les codes couleurs
 
Le code
 
<TABLE borderColorDark=darkred borderColorLight=red border=10 width=150 height=100>
<TBODY><TR><TD>texte ou adresse de votre image
</TD></TR>
</TBODY></TABLE>
 

              texte

                texte
                 texte

 

16 - AUGMENTER LE CODE DU MODULE SANDBOX

 

Augmenter la limite de 512 catactères dans le Module Sanbox est possible.

 

   Vous en avez assez d'être limités à 512 dans le nombre de caractères autorisés dans ce Module ?

   Vous allez pouvoir passer aux alentours de 600 caractères.

   Lorsque vous ajoutez un code dans le Module Sanbox, en faisant copier/coller, celui -ci vous indique le nombre de caractères mis.

S'il est inférieur à 512, aucun problème. S'il est supérieur vous êtres bloqués.

   La solution est alors de copier ce code JAVA dans votre barre d'adresse internet.

javascript:var e1=document.getElementById("htmlText");var e2=document.getElementById("moduleName");XMLHttp("FormMethod=post&MethodType=savehtml&moduleName="+SimpleEncode(e2.value)+"&showBorder=false&rawData="+SimpleEncode(e1.innerHTML), "http://spaces.msn.com/members/VOTRE NOM DE BLOG/PersonalSpace.aspx?_c=CustomHTML&_c02_owner=1");void(location.reload()) ;

  • Remplacez VOTRE NOM DE BLOG par votre identification de blog.

Par exemple le mien est franc83, ce qui donnera http:// .............../members/franc83/...

  • Cliquez sur OK et votre page se réactualisera.

Il vous faudra faire de multiples essais pour que tout s'adapte correctement.

En effet en fonctions des codes copiés, vous aurez des effets différents.

Restez raisonnables en n'allant pas beaucoup plus que 600 / 640 caractères.

 

17 - PLUSIEURS POWERTOYS SEMBLABLES

 
 
 
ATTENTION TOUT CE QUI SUIS N'EST QUE POUR LES GENS AVERTIS EN INFORMATIQUE
 
TOUTE FAUSSE MANOEUVRE PEUT ENTRAINER DE GRAVES PROBLEMES SUR VOTRE BLOG
 
JE NE SERAI PAS RESPONSABLE EN CAS DEVENTUELS PROBLEMES
 
QUE CEUX QUI SE SENTENT SUIVENT LES EXPLICATIONS PAS A PAS CI DESSOUS
 
 
   Tout d'abord vous devez avoir installé les Powertoys et plus particulièrement le Module Sandboxe. 
 
Cet ensemble de manipulations ne se fait qu'avec  Internet Explorer
 
  • Mettez votre blog comme si vous vouliez publier un billet (  VISUALISER MON ESPACE PERSO  est donc visible en haut à droite )
  • Dans l'adresse de votre blog inscrivez  /DLLayoutSettings.aspx 

Ce qui donnera: 

 
http://spaces.msn.com/members/votre nom de blog /DLLayoutSettings.aspx   
  • Cliquez sur Ok
  • Une nouvelle fenêtre apparaitra alors

Cliquez dessus pour agrandir l'image 

  • Cliquez ensuite sur AFFICHAGE qui se trouve sur la barre d'outils d'Internet Explorer, puis sur SOURCES 

 Cliquez dessus pour agrandir l'image 
  •   Une nouvelle fenêtre s'ouvre.Il s'agit du bloc note

Cliquez dessus pour agrandir l'image

 
  • Tout en bas du code mettez ce code <br></div>VOTRE CODE</FROM>
  • Ensuite ajoutez à la place de VOTRE CODE

Pour un nouveau POWERTOY CUSTOM le code suivant

 

<div class=Part><input onclick='selectPartType(this);' type='checkbox' title='This is an unsupported module supplied for the purpose of evaluation.' id='CustomHTML' name='PowerToy: Custom HTML' value='CustomHTML'><label for='pCustomHTML'>PowerToy: Custom HTML</label> <br></div>

 

Pour un nouveau POWERTOY MEDIA PLAYER le code suivant

 

<div class=Part><input onclick='selectPartType(this);' type='checkbox' title='This is an unsupported module supplied for the purpose of evaluation.' id='mediaplayer' name='PowerToy:windows media player' value='mediaplayer'><label for='pmediaplayer'>PowerToy: windows media player</label> <br></div>

  • Cliquez ensuite sur FICHIER puis sur ENREGISTRER SOUS
  • Une fenêtre s'ouvre et à ce moment là il faut remplacer la fin du nom du fichier  [1]  par   .htm
  • Changer le type par TOUT LES FICHIERS
  • Enregistrez

Windows risque de vous bloquer. Une ligne jaune apparaitra en haut de votre navigateur.

Acceptez

Cliquez dessus pour agrandir l'image

Retrouvez votre fichier nouvellement enregistré DLLayout

  • Cliquez dessus et la page de votre blog s'ouvrira
  • Vous aurez PERSONNALISER LA DISPOSITION
  • NE TOUCHEZ A RIEN
  • En bas de la page cochez la case soit CUSTOM HTML soit WINDOWS MEDIA PLAYER
  • Cliquez sur ENREGISTRER ( voir la photo au dessus )

Vous avez désormais soit deux lecteurs soit deux espaces Custom

UN PROBLEME VA SURVENIR

Les deux Custom auront les mêmes codes.

Nous allons les appeler un "LE MAITRE" et l'autre "L' ESCLAVE" 

Vous ne pouvez pas changer directement les codes dans le module ESCLAVE

La solution :

  • Mettez le même code dans le module MAITRE et le module ESCLAVE.
  • Sauvegardez
  • Ensuite il suffit de changer de place, dans votre blog, le module MAITRE
  • Il ne vous reste plus qu'à mettre le code définitif dans le module MAITRE et le tour est joué.

Une solution plus simple pour ceux qui n'y arrivent pas.

 (Ptit message perso : Heuuu à qui je pense là ???? non non pas à toi "banane".....lol !!!! )

BOUGEZ VOTRE NOUVEAU POWERTOY PLUSIEURS FOIS DE PLACE ET A UN MOMENT DONNE CELA VA MARCHER 

CE BILLET N EST PAS FINIS ALORS NE PAS EN TENIR COMPTE JE LE FERAI UN JOUR QUAND L ENVIE REVIENDRA
 
   Mettre une bannière et des morceaux de musique dans le lecteur Windows Média Player
    Pour cela vous devez avoir déjà avoir pris connaissance de comment mettre plusieurs morceaux sur le lecteur.
   Si vous n'êtes pas au courant CLIQUEZ ICI
La procédure est la même au départ. Je ne vais donc pas tout répeter ici.
Le seul changement se situe au niveau du code
 
  • Créez une bannière de 32 pixels de haut par 194 pixels de long.
  • Faites la héberger sur un site spécialisé ( Grafx-upload par exemple )
  • Copiez ce code

<ASX version="3.0" BANNERBAR="AUTO" >
<ENTRY>
<BANNER HREF="Adresse de la bannière">
</BANNER>
<title>Nom du morceau</title>
<author>Nom de l'artiste</author>
<Ref href="Adresse de votre musique"/>
</ENTRY>
</ASX>

  • Remplacez Adresse de la bannière par l'adresse où elle est hébergée
  • Remplacez Nom du morceau par le titre de votre musique
  • Remplacez Nom de l'artiste par le nom de l'interprète
  •  Remplacez  Adresse de votre musique par son adresse d'hébergement

   Pour rajouter des morceaux ( ou de bannières ) il suffit de recopier tout ce qui est

compris entre <ENTRY> et </ENTRY> autant de fois que vous le voulez

    La fin de la procèdure est la même que pour mettre plusieurs videos 

CLIQUEZ ICI POUR LA VOIR

_______________________________________________________________________________________

   Mettre une animation FLASH

   Même chose qu'au dessus sauf le code qui change ( le son ne marche pas  d'après ce que je sais, vu que je n'ai pas essayé moi même )

 

<ASX Version="3.0">
<title>Nom de votre liste</title>
<entry>
<title>Nom du morceau</title>
<author>Nom de l'artiste</author>
<Ref href="
Adresse de l'animation FLASH
"/>
</entry>
</asx> 

 

18 - NETTOYER SON MICRO

  

 

 

 Il est malheureusement indispensable d'avoir tous ces logiciels pour pouvoir nettoyer efficacement son micro.

En effet ce que l'un trouve, l'autre non.

 

Pour télécharger cliquez sur les photos

 

 

    Ad-Aware SE Personal V1.06 est un utilitaire qui vérifie la mémoire, la base de registre et les disques durs afin de détecter les Spywares connus et les retirer sans risque.

 Patch en français :       ici 

 

 

 GRATUIT

                                                                                                                                     

   SpyBot - Search & Destroy  V1.4 recherche et élimine les logiciels espions (spywares) sur votre ordinateur.  Spybot détectera plusieurs sortes de logiciel indésirables: les chevaux de Troie, les keyloggers, logiciels qui contrôlent et enregistrent ce qui est tapé avec le clavier etc...

  

GRATUIT 

 

  a2free est un scanneur de Trojans très efficace.II reconnait à l'heure actuelle environ 20000 de ces Trojans, les détruit efficacement. La versoin complète est payante mais avec ce que l'on peut faire avec cette version gratuite est déjà très utile. Lors de l'inscription il vous demandera votre mail pour vous envoyer un code d'activation.

 

GRATUIT 

 

  Microsoft Anti Spyware Beta e
st un logiciel puissant pour enlever les programmes espions de votre ordinateur. Examen de vosdossiers, cookies,mémoires et du registre. Il enlève d'une façon redoutable  toute tentative de Kijack de votre navigateur.Plus de pop-up et votre connection est protégée. ( Ne pas enlever tout ce qui concerne Msn et les ajouts éventuels sinon bon pour une réinstallation de Msn ) En anglais mais facile à métriser

 

 GRATUIT

 

 

  PestPatrol V 5.0.1.5 enlève tous les parasites,de toutes natures autres que les virus. Reconnu comme anti-Trojan professionnel qui me trouve personnellement des "choses"que tous les autres logiciels cités au dessus ne détectent pas.En anglais mais très facile à comprendre .

 

 VERSION D'ESSAI

 

 

 

  Easycleaner  V2.0.6 est un petit programme qui vous permettra d'accélérer votre vitesse en enlevant les clés de registre de votre ordinateur qui ne servent plus. IL supprimera aussi les fichiers inutiles (.tmp, .bak ...), les cookies, l'historique etc....... Seul chose que je n'ai jamais osé toucher ce sont les fichiers doublons.

 

 GRATUIT 

 

Vous connaissez d'autres logiciels efficaces alors laissez moi un message.

19 - METTRE UN SONDAGE

Pour mettre un sondage personnalisé sur votre blog, suivez les explixations suivantes :
 

 

[ Cliquez sur l'image pour visiter le site ]

 

Une fois sur le site remplissez les cases

Je vous ai tout expliqué sur les images ci-dessous

Bon travail

[ Cliquez sur les images pour agrandir ]

 

 

 

 

Et voilà il ne vous reste plus qu'à copier ce code dans une de vos listes dans l'emplacement voulu ou de créer un lien sur un de vos billets.

 

20 - METTRE 2 BLOCS - METTRE 4 IMAGES

  Mettre deux blocs côte à côte
 
Séparer votre billet en deux c'est possible avec ce code
 
 
 
<DIV style="BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 2px solid; FLOAT: left; BORDER-LEFT: #990000 2px solid; WIDTH: 128px; COLOR: black; BORDER-BOTTOM: #990000 2px solid; HEIGHT: 37px; BACKGROUND-COLOR: #ffff00">Votre texte ici du bloc jaune</DIV>
<DIV style="BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 2px solid; FLOAT: right; BORDER-LEFT: #990000 2px solid; WIDTH: 128px; COLOR: black; BORDER-BOTTOM: #990000 2px solid; HEIGHT: 37px; BACKGROUND-COLOR: #66ffff">Votre texte ici du bloc bleu</DIV>Votre texte ici qui va entre les deux blocs
 
PRENDRE LE CODE

A GAUCHE

 

Vous aurez alors 2 blocs

où vous pourrez

mettre ce que vous voulez.

 

Les paramètres BORDER 
 (couleur de bordure),WIDTH, HEIGHT, COLOR (couleur de l'écriture) et BACKGROUND-COLOR (couleur de fond) sont modifiables.
Remarquez aussi dans le code la première partie FLOAT: left pour le positionnement gauche et la deuxième partie FLOAT: right pour le positionnement droit.
 
 
 
_______________________________________________________________________________________ 
  Mettre 4 images côte à côte  

Passez votre billet en HTML et copiez ce code.

Il vous reste à mettre l'adresse de vos images , gifs, etc...dans les emplacements réservés

 

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="300" HEIGHT="300">
<TR>
<TD><IMG SRC="adresse de votre image 1" BORDER="0" HEIGHT="150" WIDTH="150"></TD>
<TD> <IMG SRC="adresse de votre image 2" BORDER="0" HEIGHT="150" WIDTH="150"></TD>
</TR>
<TR>
<TD> <IMG SRC="adresse de votre image 3" BORDER="0" HEIGHT="150" WIDTH="150"></TD>
<TD> <IMG SRC="adresse de votre image 4" BORDER="0" HEIGHT="150" WIDTH="150"></TD>
</TR>
</TABLE
 

Exemple avec 4 GIFS

 

 

 

 

 

 

                                        

                                                                                                  

 Retour à l'accueil