texte defilant

Un petit script de défilement de texte, avec toutes les explications en prime, pour le personnaliser à volonté.



<!-- Début du code du texte défilant --><marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()">TAPEZ ICI VOTRE TEXTE</marquee><!-- Fin du code du texte défilant -->

TAPEZ ICI VOTRE TEXTE


Quelques explications:

Pour faire défiler un texte il faut utiliser la balise MARQUEE

Exemple :<MARQUEE> Votre texte </MARQUEE>

Votre texte

DIRECTION : définit le sens de défilement, les valeurs possibles sont :

- right : défile vers la droite,
- left : défile vers la gauche,
- up : défile vers le haut,
- down : défile vers le bas.

Exemple : <MARQUEE direction="left"> Votre texte </MARQUEE>

LEFTRIGHT

BEHAVIOR : définit le type de défilement, les valeurs possibles sont :

- slide : glisse jusqu'au bord et s'arrête,
- alternate : le texte change de direction quand il arrive au bord de la zone d'affichage

Exemple : <MARQUEE behavior="alternate"> Votre texte </MARQUEE>

NORMALALTERNATESLIDE

BGCOLOR : définit la couleur de fond

Exemple : <MARQUEE bgcolor="blue"> Votre texte </MARQUEE>

Votre texte sur fond bleu



SCROLLAMOUNT : définit le nombre de pixels duquel avance le texte (permet de rendre plus ou moins fluide le mouvement)

Exemple : <MARQUEE scrollamount="10"> Votre texte </MARQUEE>

valeur=10valeur=30

SCROLLDELAY : définit la vitesse de défilement.

Exemple : <MARQUEE scrolldelay="10"> Votre texte </MARQUEE>

Valeur=10Valeur=500

LOOP : définit le nombre de défilement, si la valeur est à 0, le texte défilement indéfiniment.

Exemple : <MARQUEE loop="6"> Votre texte </MARQUEE>

HEIGHT et WIDTH : définissent les dimensions de la zone de défilement en pixels.

Exemple : <MARQUEE width="100" height="100"> Votre texte </MARQUEE>

ASTUCE : pour faire arreter le défilement au survol de la souris et le faire reprendre quand la souris ne survole plus le texte, il utiliser les fonctions ONMOUSEOVER et ONMOUSEOUT.

Exemple : <marquee onmouseover="this.stop();" onmouseout="this.start();"> Votre texte </marquee>

Survol du texte

Merci aux 2 stefs

VidéoZap - GORILLAZ

VidéoZap - QUEEN

installer une image dans la barre adresse

Voici donc un petit tuto pour installer un logo devant sa barre adresse

Avant même de commencer, un grand merci à :
Lavande
http://www.blogtuto.org/45-index.html
et à Coralie

Marche sous Internet Explorer et sous Firefox, uniquement si l'image est au format .ICO

pour les autres formats, JPG, PNG, GIF ..... cela ne marchera pas sous Internet Explorer

1ère étape


il vous faut d'abord choisir un logo.
soit un déjà tout fait, qui vous plait, soit vous en créez un.
Il vous faudra avoir un logo de 16 x 16 pixels ou 32 x 32 maximum.

Pour la faire sous Windows, vous pouvez utiliser le logiciel Paint.
sinon, sur le site HTML Kit, à la page FavIcon from PICS, suivez la procédure pour créer votre icône à partir d'une image sur votre disque dur. Vous pourrez alors télécharger un dossier contenant un icône 16x16, un 32x32, et un icône animé.

Attention !! plusieurs tutos vous proposent de renommer au format .png ou autre.

c'est sans doute parce qu'une image au format .ICO ne peut pas être directement transférée sur les blogs. Ils n'acceptent pas le transfert de ce type de fichier.
il faut donc passer par un hébergeur d'image gratuit sur le web, et qui accepte le format .ICO.
Pas si évident à dégotter, mais on doit trouver.
je suis actuellement sur http://www.picdo.net/, mais c'est un hébergement provisoire.



l'intégration pour votre site


copiez votre icône à la racine de votre site.
C'est à dire là ou est votre index.html, pas dans un dossier.

ensuite vous éditez votre index.html et vous copiez ce script

*<link rel="shortcut icon" href="favicon.ico">* sans les**

sous la 1ère balise * <head> *

ce qui donne ceci:

* <html> *

* <head> *

* <link rel="shortcut icon" href="favicon.ico"> *

Favicon.ico étant le non que vous avez donné à votre icône.




l'intégration pour Blogger



la difficulté pour Blogger, c'est qu'i refuse les .ICO, d'ou l'hébergement de l'icône sur un site.
il faut donc connaitre l'adresse de votre icône sue cet Hébergeur, pour moi:
http://www.picdo.net/Fichiers/--------------------------/favicon.ico

ensuite allez sur votre blog, identifiez vous pour vous connecter.
allez dans "Personnaliser".









allez ensuite sur "mise en page" , puis "modifier le code HTML"
insérer le script: (sans les* * et pensez à changer l'adresse de votre image)
*http://www.picdo.net/Fichiers/---------------------/favicon.ico' REL='SHORTCUT ICON'/>*

avant la balise

* <head> *

et avant

* < title > titre de votre blog < / title >

ce qui donne ceci:

Il ne reste qu'à enregistrer et ouvrir le blog pour voir apparaitre le logo dans la barre adresse.

Michael Buble : Me and Mrs Jones

Michael Buble - Me and Mrs Jones
envoyé par Rob