Les créatures mythiques aussi ont le droit de faire leur pub
 
AccueilAccueil  PortailPortail  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  


Affichage jusqu'au 13.02.17
TITRE

Partagez | 
 

 [Tuto]Utiliser la balise marquee

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
loup garou m
avatar
Membre du staff : Administrateur
Masculin
Messages : 8091
Date d'inscription : 19/04/2013
Age : 46
Localisation : Londres
loup garou m
MessageSujet: [Tuto]Utiliser la balise marquee   Lun 17 Nov - 17:43

Bonsoir
Alouqua World étant sur le point de fermer, j'ai eu l'autorisation d'Alouqua de reprendre ses tutos pour les mettre ici. Seuls ses tutos sont repris !

Comment utiliser les balises Marquee

Elle est bien souvent utilisée pour le défilement de logo sur les forums et donc beaucoup d'entre nous l'utilise .
La balise de base est donc celle ci
Code:
<marquee>Défilement de base</marquee>
Ce qui donne :
Défilement de base

Comme vous le constatez c'est déjà un défilement mais qui n'a aucunes limites de place et qui va toujours vers la gauche , vous pouvez bien entendu l'utiliser comme ca mais je vais vous montrer comment personnaliser votre défilement .

Tout d'abord les directions
Défilement vers la droite
Code:
<marquee direction="right">Défilement vers la droite</marquee>

Défilement vers la gauche
Code:
<marquee direction="left">Défilement vers la gauche</marquee>

Défilement vers le haut
Code:
<marquee direction="up">Défilement vers le haut</marquee>

Défilement vers le bas
Code:
<marquee direction="down">Défilement vers le bas</marquee>


Vous pouvez également donner une vitesse au défilement en ajoutant scrollamount

Vitesse normale
Code:
<marquee direction="left" scrollamount="2">Vitesse normale</marquee>

En remplacant le chiffre 2 par un chiffre plus élevé , la vitesse sera plus rapide
Défilement plus rapide
Code:
<marquee direction="left" scrollamount="20">Défilement plus rapide</marquee>


Pour la plupart , nous utilisons tous le défilement dit "normal" mais il existe trois types de déplacement avec le behavior

Déplacement normal
Code:
<marquee direction="left" scrollamount="2" behavior="scroll">Déplacement normal</marquee>

Défilement qui s'arrete
Code:
<marquee direction="left" scrollamount="2" behavior="slide">Défilement qui s'arrete</marquee>

Défilement en va et vient
Code:
<marquee direction="left" scrollamount="2" behavior="alternate">Défilement en va et vient</marquee>

Pour personnaliser avec les propriétés CSS nous allons le faire avec un style comme pour une div
Code:
<marquee style="background:white;border:1px solid black;color:black;height:20px;width:300px;margin:auto;" scrollamount="3">Texte ou image</marquee>
Ce qui donne
Texte ou image

Dernière chose , je vais vous montrer comment faire pour que le défilement s’arrête au passage de votre souris
Voici ce que vous devrez ajouter dans la balise
Code:
onMouseOver="this.stop();" onMouseOut="this.start();"

Merci de votre attention
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://chat-pub.forumotiom.co.uk
 
[Tuto]Utiliser la balise marquee
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Tuto]Utiliser la balise marquee
» Ma balise MARQUEE marche sous firefox mais pas avec google chrome
» Question balise marquee
» Comment activer HTML de mon forum
» Ralentir défillement et arrêt quand la souris passe sur le lien

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Legend Pub :: 
The Inn of the unicorn
 :: 
Créations des membres
 :: Codage - tuto/libre service
-
Sauter vers: