Overblog Suivre ce blog
Administration Créer mon blog
4 septembre 2009 5 04 /09 /septembre /2009 11:35
Votre blog doit être en édition avancée. Vos images à la même dimension doivent être hébegées et avoir une adresse.
Une liste d'hébergeurs gratuits par ordre alphabethique (il vaut mieux s'inscrire, ainsi vos images sont conservées) :
hibôôx.fr  (en français)
 
link  , Photobucket.com (en anglais)  link , servimg.com (en français) link , tinypic.com (en français)  link . Il y en a un tas sur le net.

Faire un diaporama défilant à gauche ou à droite :

1/ Mettre vos images à la même dimension.
2/ Héberger vos images.
3/ Récupérer les codes source.
4/ Mettre les codes dans cette formule (attention le code doit être exacte à l'interval près et au caractère près)
5/ Coller ce code dans l'éditeur HTML.

<marquee><code source de image n°1><code source image n°2><code source image n°3></marquee>

Cette formule est par défaut, le diapo défilera à gauche. Si vous voulez faire un diapo particulier, il faut se servir des attributs de la balise marquee :

Les attributs de la balise marquee :

Pour la direction :


à droite : right, à gauche left, par le haut up, par le bas down.


<marquee direction=right><code source de l'image n°1><code source  image n°2><code sourceadresse image n°3></marquee>


Pour la vitesse de défilement (important) :

scrolldelay="90"  cette valeur est correcte, on a le temps de voir l'image; plus la valeur est grande moins vite le diapo défilera. Pour du texte, je conseille une valeur de 100. Pour les images 90 c'est bien moins de 85 ça va trops vite. Sans précision ce sera 85 par défaut mais c'est rapide.La formule :

<marquee scrolldelay="90"><code source image n°1 ou texte"><code source image n°2><code source image n°3></marquee>


Pour la valeur de défilement; elle fixe le nombre de pixels entre chaque déplacement d'image (par défaut : 6) :


scrollamount="6" valeur par défaut mais vous pouvez mettre plus ou moins. Si vous ne précisez rien ce sera par défaut 6. La formule :

<marquee scrollamount="6"><img src="adresse image n°1"><img src="adresse image n°2><img src="adresse image n°3></marquee>

Résumons, un diapo qui va à droite, à une vitesse correcte, avec un espacement par défaut, la formule sera :

<marquee direction=right scrolldelay="90"><code source de image n°1><code source adr. img n°2><code source de  img n°3></marquee>

Ce sont les principaux attributs de la balise car il y en a un tas d'autres dont je ne vous parlerai pas, cela compliquerait les choses et alongerait considérablement le code.








Repost 0
Published by Lucha-Marie-PauleF Lucha - dans Trucs et astuces pour blog
commenter cet article
3 septembre 2009 4 03 /09 /septembre /2009 15:10


Maintenant vous êtes en édition avancée dans "écrire un nouvel article".  Avant tout mettre vos images à la même dimension sur votre disque dure.
Je vous conseille de vous inscrire chez un hébergeur gratuit et créateur de diapo ainsi vos images seront conservées
Tels hibôôx    link  ou tinypic  link . Exemple avec hibôôx.

1/ Uploader en une seule fois toutes vos images :

hibacceuil1

2/Sélectionner les images à ajouter :

hibajouterplrs2
   
3/ Enregistrer les images ajoutées :

hibenregistrement3


4/ Enregistrer vos modifications :
 
hiborgenreg4

5/ Créer l'album :

hibalbumcreer5
5bis/ Valider l'album :

hibalbval5bis


6/ Configurer l'album :

hibalbconfig6

6bis/ le personnaliser :

hibalbperson6bis

7/ Clic sur le bouton "partager" et le bouton "balises HTML" :

hibpartagerhtml7



8/ Copier le code source (clic droit) html :

hibalbhtml8


9/ Cliquer sur le bouton "HTML"  à gauchede dans la barre d'outils de votre page "écrire un nouvel article.

10/ La fenêtre de l'éditeur s'est ouverte et coller le code source. Votre diapo s'affiche dans l'article.

La prochaine fois je vous expliquerai comment mettre un diapo avec des balises HTML.
Repost 0
Published by Lucha-Marie-PauleF Lucha - dans Trucs et astuces pour blog
commenter cet article
2 septembre 2009 3 02 /09 /septembre /2009 19:56
Si le langage HTML et ses balises vous rebute allez sur ce site gratuit qui fabrique pour vous votre diapo et édite le code source. Il est en français, facile à utiliser et plein de possibilités pour embelir votre diapo (transitions, effets, ajouter de la musique etc..) slide.com link

Fabriquez votre diapo, suivez les instructions et copier (clic droit) le code source.

1/ cliquez sur l'icône "configurer" (Marteau et tournevis) dans la barre grise d'administration



2/ Passez en édition avancée si vous n'y êtes pasconfigurer














administration copie


3/  Quand vous êtes dans la page "écrire un article" cliquez sur le boutton à gauche dans la barre de tâche sur le boutton "HTML"








4/ Une fenêtre s'ouvre c'est l'éditeur de la source HTMLediteur HTML copie
.
5/ Collez (clic droit) le code html de votre diaporama.
6/ Cliquez sur le boutton "Mettre à jour" en bas à droite.














Et voilà votre diapo s'affiche dans l'article. Amusez vous bien ! Demain je vous expliquerai les balises des différents codes source pour faire et mettre un diapo dans votre article. Bon c'est pas tout mais j'ai faim. Ciao a tuti e bona sera.
Repost 0
Published by Lucha-Marie-PauleF Lucha - dans Trucs et astuces pour blog
commenter cet article

Présentation

  • : Le monde de Lucha
  • Le monde de Lucha
  • : réagir à l'avenir de notre société et de la planète en parlant de politique,de société, d'environnement et de causes animales.
  • Contact

  • Marie-Paule F
  • Je tiens aux valeurs de la Démocratie et à la liberté d'expression. Lanceuse d'alerte contre l'injustice et contre la bêtise je milite, non pour un parti politique, mais dans diverses associations de défense des droits des animaux, des enfants et des Hommes.Je suis une agitatrice de conscience

S'informer autrement

>ActuAnimaux clic gratuit sauver des animaux

 

>Actu Chômage le pôle emploi en apnée 

 

>Animal Liberation Front cessons l'exploitation animale

 

>Admistia presse indépendante corse

 

>AMAP fruits et légumes de saison de l'agriculture paysanne naturelle

 

>Amis de la Terre protéger l'homme et l'environnement 

 

>AntidoteEurope recherche biomédical sans test sur animaux

 

>Attac France un autre monde est possible

 

>Avaaz le monde en action pour les sans voix

 

>Casseurs de pub contre le diktat de la publicité

 

>Comité Anti Vivisection pour une science éthique et efficace 

 

>Comité de recherche et d'information indépendante du génie génétique

 

>Contre Grenelle de l'environnement dévoiler la mascarade des éco tartuffes

 

>Contre Grenelle 2 non au capitalisme vert

 

>Contre Grenelle 3 décroissance ou barbarie

 

>Dette publique notre argent pour le profit des banques

 

>Fédération de Lutte Anti Corridas

 

 >Human Rights Action  inscrire la DUDH dans les passeports des pays du monde

 

>InstitutEtudesEconomiqueSociales pour la Décroissance Soutenable

 

>Le mégalondon site qui dénonce les requins du sida

 

>L214 éthique et animaux 

 

>911NWO.INFO observatoire du nouvel ordre mondial

 

>Ni pauvre ni soumis un revenu décent pour les handicapés

 

>Observatoire des inégalités organisme indépendant 

 

>Observatoire indépendant de la publicité

 

>Reopen911.info/

 

>Rue89

 

>Sortir du nucléaire 

 

>Survival France le mouvement pour les peuples premiers 

   

>Survivre au sida la parole libre aux séropositifs 

 

>U Levante pour l'environnement corse 

 

>Viande Info

 

>Worldometers l'état du monde en directe

Rechercher

Sous Le Coude