Pour accéder plus rapidement au sommaire correspondant à cet article, cliquez sur le lien :
La lightwindows permet des effets comparables à ceux de la lightbox. Voici un exemple d'un fichier flash qui s'ouvre avec fond sombre :

Mon fichier Flash

Première étape :

Allez sur STICKMANLIGHTS

Cliquez sur  Download Files :You can grab the files here

Vous venez d'enregistrer un fichier .zip. C'est un ensemble de fichiers compressés. Pour les décompresser, j'utilise WinRAR, Extraire Vers

Deuxième étape :

Dans votre administration - Mes Documents - Autres fichiers :
  1. vous créez un répertoire Lightwindows
    1. dans lequel vous créez un répertoire images
    2. dans lequel vous uploadez les fichiers :
      1. arrow-down.gif
      2. arrow-up.gif
      3. black-70.png
      4. nextlabel.gif
      5. prevlabel.gif
      6. blank.gif
    3. vous notez les adresses de ces fichiers
Troisième étape :

Sur votre PC :
  1. Vous ouvrez le bloc-notes
  2. Vous appelez le fichier lightwindow.js
  3. Vous modifiez l'adresses de l' image :
    1. ajax-loading.gif
    2. black.png
    3. black-70.png
    (vous venez de les enregistrer dans l'administration de votre blog à la deuxième étape)
  4. vous enregistrez le fichier sous le même nom
  1. Vous appelez le fichier lightwindow.css
  2. vous modifiez l'adresse des images :
    1. blank.gif
    2. prevlabel.gif
    3. nextlabel.gif
    4. black-70.png
    5. arrow-up.gif
    6. arrow-down.gif
  3. Vous sauvegardez le fichier sous le même nom
Quatrième étape :

Dans votre administration - Mes Documents - Autres Fichiers - Lightwindows :
  1. vous créez un sous-répertoire javascript
  2. vous y uploadez les fichiers :
    1. lightwindows.js
    2. prototype.js
    3. scriptaculous.js
    4. effects.js
  3. vous notez leur adresse
  1. vous créez un sous-répertoire css
  2. vous y uploadez le fichier :
    1. lightwindows.css
  3. vous notez son adresse
Cinquième étape

Sur votre PC, vous ouvrez votre blog note, vous y collez


 <object style="width: 360px; height: 324px;"

data="http://ddata.over-blog.com/xxxyyy/0/37/17/67/animations-flash/Annak-Blog-Noel.swf" type=
          "application/x-shockwave-flash">
            <param value="http://ddata.over-blog.com/xxxyyy/0/37/17/67/animations-flash/" name="base">
            <param

value="http://ddata.over-blog.com/xxxyyy/0/37/17/67/animations-flash/Annak-Blog-Noel.swf"

name="movie">
            <param value="transparent" name="wmode">
            <param value="true" name="menu">
            Cet objet nécessite un plugin pour être lu ou le fichier n'est pas accessible.
          </object>

Avec :
  • en bleu, l'adresse de votre flash
  • en vert, le chemin d'accès
Vous enregistrez sous flash.html et le sauvegardez dans vos Documents dans l'administration de votre blog.

Sixième étape :

Dans votre éditeur d'article, vous collez

<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/lightwindow/javascript/prototype.js" type="text/javascript"></script>
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/lightwindow/javascript/effects.js" type="text/javascript"></script>
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/lightwindow/javascript/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/lightwindow/javascript/lightwindow.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/lightwindow/css/lightwindow.css" type="text/css" media="screen" />

Avec vos propres adresses de fichiers. Si votre blog est sur Over-Blog, vous pouvez utiliser mes adresses et donc le pavé précédent.

Puis, vous créez un lien en HTML vers ce fichier.html.

<a class="lightwindow" title="ceci est un fichier flash" href=" http://ddata.over-blog.com/xxxyyy/0/37/17/67/lightwindow/flash.html">Mon fichier Flash</a>

commentaires (2)    ajouter un commentaire
Retour à l'accueil

Publicité

Présentation

: Les ficelles d Anna K.
: 26/06/2006
annak : Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer de la musique, des gadgets, des compteurs, des astuces de référencement...

Recherche Rapide Sur le Site

Sommaires

Dernières Astuces

liste complète

Commentaires

Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus