Canalblog
Suivre ce blog Administration + Créer mon blog
Publicité
Le GénérateurS
Publicité
3 mars 2010

Faire défiler un texte verticalement

Du bas vers le haut :

Il est possible de faire défiler un texte horizontalement dans les boîtes latérales, mais dans la plupart des cas, il est plus pratique que ce défilement soit orienté verticalement.

Pour les exemples ci-dessous on suppose que la "hauteur disponible" pour le défilement est de 180px et que le "taux" d'occupation de la boîte sur sa largeur sera de 90%.

                                                 
                                                                                                                                                                                           
TITRE DE LA BOITE

En utilisant la même balise, il est possible de faire défiler le texte verticalement
                        Ici
                        du bas
                        vers le haut

            
Il faut ici utiliser la balise marquee auquelle il sera nécessaire d'indiquer la direction de défilement du texte ici up

Pour faire défiler le texte du bas vers le haut, recopier le code ci-dessous

                                                                 
CODE
            
<marquee direction="up" scrollamount="4" 
style="padding: 5px; width: 90%; height: 180px;
  <p align="center">
<font size="2" face="Verdana">
VOTRE TEXTE ICI
</font>
</p>
</marquee>
            

Du haut vers le bas :

                                                 
                                                                                                                                                                                           
TITRE DE LA BOITE

En utilisant la même balise, il est possible de faire défiler le texte verticalement
                        Ici
                        du haut
                        vers le bas

            
Il faut ici utiliser la balise marquee auquelle il sera nécessaire d'indiquer la direction de défilement du texte ici down

Pour faire défiler le texte du haut vers le bas, recopier le code ci-dessous :

                                                                 
CODE
            
<marquee direction="down" scrollamount="4" 
style="padding: 5px; width: 90%; height: 180px;
  <p align="center">
<font size="2" face="Verdana">
VOTRE TEXTE ICI
</font>
</p>
</marquee>
            

Il est possible comme pour le défilement horizontal, d'en régler la vitesse.

                                                 
                                                                                                                                                                                           
TITRE DE LA BOITE

Pour donner le temps à vos visiteurs de lire le texte sans devoir battre un record de vitesse de lecture, il est possible de diminuer la vitesse de défilement

            
Comme précédemment nous utiliserons l'attribut scrollamount suivi du nombre permettant de définir la vitesse 'dans cet exemple le réglage est à 2

Pour faire défiler le texte du bas vers le haut et régler la vitesse de défilement, recopier le code ci-dessous :

                                                                 
CODE
            
<marquee direction="up" scrollamount="2" 
style="padding: 5px; width: 90%; height: 180px;
  <p align="center">
<font size="2" face="Verdana">
VOTRE TEXTE ICI
</font>
</p>
</marquee>
            

Il est parfois utile d'arrêter provisoirement le défilement pour le reprendre par la suite.

                                                 
                                                                                                                                                                                           
TITRE DE LA BOITE

Comme précédemment le défilement peut être continu. Si le visiteur passe le pointeur de la souris dans la zone de texte ce défilement doit s'arrêter                         

            
Le passage de la souris sur le texte a pour effet d'en arrêter le défilement et lorsque celle-ci quitte cette même zone, le défilement reprend.
            

Pour faire défiler le texte du bas vers le haut, de régler la vitesse de défilement et d'interrompre celui-ci au passage de la souris, recopier le code ci-dessous :

                                                     
CODE
            
<marquee direction="up" scrollamount="2" 
onmouseout="this.start()"
style="padding: 5px; width: 90%; height: 180px;
"onmouseover="this.stop()">
<p align="center">
<font size="2" face="Verdana">
VOTRE TEXTE ICI
</font>
</p>
</marquee>

Source

Publicité
Publicité
3 mars 2010

Faire défiler un texte horizontal

Voici plusieurs façons de faire défiler un texte.

Le texte défile dans le sens de la lecture:

 

Cette phrase de couleur rouge, défile dans le sens de lecture

 

Le code pour obtenir ce défilement se trouve ci-dessous :

                                                                 
CODE
            
<p><marquee>
<font size="2" face="Verdana" color="#ff0000">
VOTRE TEXTE ICI
</font>
</marquee>
</p>
            

En changeant certains paramètres

Ce que l'on peut faire sur un texte classique est également accepté,, comme modifier la couleur du texte ou mettre un fond, mais également le vitesse de défilement .

 


Copier le code ci-dessous afin d'obtenir ce résultat, il suffira de remplacer VOTRE TEXTE ICI par le texte de votre choix.

                                                                 
CODE
            
<p>
<marquee>
<font size="3" face="Verdana" color="#0000ff">
VOTRE TEXTE ICI
</font>
</marquee>
</p>
            

Choisir la vitesse de  défilement :

Il est également possible de choir la vitesse de défilement du texte :

 

On est pas pressé, on a tout son temps !!! Je reste en vitesse lente

 

 

 

Pressons tout de même le pas, je passe à la vitesse supérieure

 

 

 

J'ai compris, allons de plus en plus vite...

 

Le code ci-dessous est celui du premier exemple : la vitesse est réglée sur la valeur  1, pour accélérer cette vitesse il suffit d'augmenter la valeur qui suit le signe égal juste après l'attribut scrollamount.

                                                                 
CODE
            
<p>
<marquee scrollamount="1">
<font size="2" face="Verdana" color="#408080">
VOTRE TEXTE ICI
</font>
</marquee>
</p>
            

 

Choisir le sens du défilement :

Vers la droite:

 

C'est pas mal aussi dans ce sens

 

                                                                 
CODE
            
<p>
<marquee direction="right">
<font size="2" face="Verdana" color="#782ea9">
VOTRE TEXTE ICI
</font>
</marquee>
</p>
            

Cette possibilité d'inverser le sens de défilement est donné par l'attribut "direction" qui suivie de sa valeur, dans ce cas  "right".

Sens alterné:

Allez ! Maintenant un coup à gauche ! Un coup à droite

                                                                 
CODE
            
<p>
<marquee behavior="alternate">
<font size="2" face="Verdana" color="#782ea9">
VOTRE TEXTE ICI
</font>
</marquee>
</p>
            

La balise marquee suivi de l'attribut behavior auquel on donne la valeur  "alternate" permet d'obtenir cette alternance du défilement.

Mettre un fond :

Sur tout la largeur disponible:

 

Avec un fond de couleur, on distingue souvent bien mieux la phrase qui défile

 

Le texte défilant a maintenant un fond jaune donné par le code qui suit l'attribut bgcolor

                                                                 
CODE
            
<p>
<marquee bgcolor="#FFFF00">
<font size="2" face="Verdana" color="#782ea9">
VOTRE TEXTE ICI
</font>
</marquee>
</p>
            

 

 

Sur une portion de la largeur disponible:

 

 

Je n'ai pas toujours besoin de toute la place disponible

 

Grâce à l'attribut width auquel la valeur 50% a été donnée, le texte n'occupe ici que la moitié de l'espace disponible.

                                                     
CODE
            
<p align="center">
<marquee width="50%" bgcolor="#ffff00">
<font face="Verdana" color="#ff0000" size="2">
VOTRE TEXTE ICI
</font>
</marquee>
</p>

Source

25 février 2009

outil d'analyse du web

outil d'analyse du web

17 janvier 2009

Convertie vos URL ... EN CHIFFRES

NUMRL.COM convertie vos URL ... EN CHIFFRES   http://numrl.com/

http://numrl.com/3713

4 janvier 2009

Différentes dimensions fenêtre

Testez vos pages Web en différent window dimensions différentes dimensions fenêtre (screen resolutions) (résolutions d'écran)

Entrez votre URL et puis sélectionnez la taille que vous souhaitez essayer.

http://www.anybrowser.com/ScreenSizeTest.html

Publicité
Publicité
11 novembre 2008

Outils

 

  Vous trouverez ici une selection d'outils pour analyser vos sites:

- BACKLINKS: Une liste pour connaitre mieux les sites proposant un lien vers votre propre site. -

- WHOIS:  pour tout savoir sur un Nom de Domaine. -

- SPEEDTEST: Vous trouvez votre site trop lent ?Testez ici sa vitesse. -

- LIENS D'UNE PAGE : Examiner tous les liens externes ou internes d'une page, avec PR, code html etc...

- FUTUR PAGE RANK: Evaluez votre futur PageRank. Attention, il ne s'agit que d'une estimation ! -

- PAGE RANK: Votre Page Rank selon les principaux DataCenters de Google -

- GENERATEUR META TAGS: Générez immédiatement les principaux MetaTags d'un site ou d'une page -

- EXTRACTEUR DE METATAGS: Extraire immédiatement les MetaTags d'un site ou d'une page -

Publicité
Publicité
<< < 1 2
Publicité