Voir le dernier article paru dans cette catégorie.
Blog allégorique de lui-même
Ce blog est créé pour être vu préférentiellement sous Mozilla ou FireFox ...
Quelques problèmes d'affichage et de transparence peuvent apparaître
sous Internet Explorer ou Crazy Browser ...
: Pfff... Le blog d'un chat, non mais vraiment, on aura tout vu sur Over-Blog...
: Et Pourquoi les chats, ils auraient pas le droit de blogger, d'abord, hein, Zoélie ?
: Parce qu'ils n'ont rien d'intéressant à dire, tout ce qui les intéresse, c'est manger et dormir...
: Même pas vrai, regarde, j'ai mis pleins de chouettes références dans Coups de Coeur !
: Bon, c'est ce qu'on verra, je parie que je bloggerai plus souvent que toi !
Ce blog sera donc composé alternativement et en fonction de l'inspiration de chacune, des articles de Zoélie la (presque) physicienne et de Chatoune, sa petite chatte.
Quelques problèmes d'affichage et de transparence peuvent apparaître
sous Internet Explorer ou Crazy Browser ...
: Pfff... Le blog d'un chat, non mais vraiment, on aura tout vu sur Over-Blog... : Et Pourquoi les chats, ils auraient pas le droit de blogger, d'abord, hein, Zoélie ? : Parce qu'ils n'ont rien d'intéressant à dire, tout ce qui les intéresse, c'est manger et dormir...: Même pas vrai, regarde, j'ai mis pleins de chouettes références dans Coups de Coeur ! : Bon, c'est ce qu'on verra, je parie que je bloggerai plus souvent que toi !Ce blog sera donc composé alternativement et en fonction de l'inspiration de chacune, des articles de Zoélie la (presque) physicienne et de Chatoune, sa petite chatte.
| |
Je voudrais bien qu'on joue avec moi ... |
| Les animaux virtuels ont aussi besoin d' Âââmour : Adoptez-en un ! |
Pour changer un peu du CSS, passons cette fois au HTML ...
Les textes et images défilants de mes modules Textes Libres et de mon Pied de page peuvent être arrȇtés si vous passez simplement votre cursuer dessus (sans cliquer...)
Un texte défilant est pratique pour gagner de la place, mais n'est pas toujours facile à lire; le faire s'arrȇter permet de pouvoir focaliser dessus.
Voici comment faire des textes défilants qui s'arrȇtent lorsque le curseur est dessus :
C'est un code qui s'insère dans la balise <marquee> et donc qui doit se mettre dans le code source de l'endroit où vous voulez afficher votre texte ( i.e: un module Texte Libre ou l'En-tête ou le Pied de page ou un article, bref partout où vous avez accès au bouton Source ...)
Le code pour reconnaître le passage du curseur sur le contenu de la balise <marquee> est
finalement, la balise doit ressembler à :
Vous pouvez également demander au texte de défiler vers le haut au lieu de droite à gauche grâce à la commande direction:
Par exemple, le code
<marquee height="70" direction="up" scrollamount="1" scrolldelay="2" behaviour="scroll" onmouseout="this.start();" onmouseover="this.stop();">Coucou !<br />
Je défile vers le haut <br />
...<br /><img src="http...."/><br />
Passez le curseur sur moi pour arrêter mon défilement .<br />
</marquee>
donneet
<marquee width="50" scrollamount="2" scrolldelay="1" behaviour="scroll" onmouseout="this.start();" onmouseover="this.stop();"> Moi, je préfère défiler horizontalement.<img src="http://..."/>Passez le curseur sur moi pour arrêter mon défilement .
<br /></marquee>
donne
Tous ces codes marchent très bien en mode Confiance.
Il faut toutefois savoir qu'ils peuvent ralentir le chargement de la page .
Les textes et images défilants de mes modules Textes Libres et de mon Pied de page peuvent être arrȇtés si vous passez simplement votre cursuer dessus (sans cliquer...)
Un texte défilant est pratique pour gagner de la place, mais n'est pas toujours facile à lire; le faire s'arrȇter permet de pouvoir focaliser dessus.
Voici comment faire des textes défilants qui s'arrȇtent lorsque le curseur est dessus :
C'est un code qui s'insère dans la balise <marquee> et donc qui doit se mettre dans le code source de l'endroit où vous voulez afficher votre texte ( i.e: un module Texte Libre ou l'En-tête ou le Pied de page ou un article, bref partout où vous avez accès au bouton Source ...)
Le code pour reconnaître le passage du curseur sur le contenu de la balise <marquee> est
onmouseover
Celui qui represente le fait que le curseur n'est plus sur le texte est onmouseout
Donc pour faire s'arrêter le texte au passage de la souris, il faut insérer onmouseover="this.stop();"
Et pour le refaire repartir : onmouseout="this.start();"
finalement, la balise doit ressembler à :
<marquee onmouseout="this.start();" onmouseover="this.stop();">
Vous pouvez également demander au texte de défiler vers le haut au lieu de droite à gauche grâce à la commande direction:
direction="up";
et même fixer la hauteur ou la largeur sur laquelle on verra le texte défiler en ajoutant height="XXX" et width="YYY", XXX et YYY étant les valeurs en pixels.Par exemple, le code
<marquee height="70" direction="up" scrollamount="1" scrolldelay="2" behaviour="scroll" onmouseout="this.start();" onmouseover="this.stop();">Coucou !<br />
Je défile vers le haut <br />
...<br /><img src="http...."/><br />
Passez le curseur sur moi pour arrêter mon défilement .<br />
</marquee>
donneet
<marquee width="50" scrollamount="2" scrolldelay="1" behaviour="scroll" onmouseout="this.start();" onmouseover="this.stop();"> Moi, je préfère défiler horizontalement.<img src="http://..."/>Passez le curseur sur moi pour arrêter mon défilement .
<br /></marquee>
donne
Tous ces codes marchent très bien en mode Confiance.
Il faut toutefois savoir qu'ils peuvent ralentir le chargement de la page .
par Zoelie
publié dans :
TIP's
Pour fêter ça, un petit sondage:
EDIT: J'ai changé les couleurs du sondage, parce que les couleurs me tapaient sur le système (en fait,
je crois que je suis allergique au orange et assimilés)...
J'en profite pour vous remercier tous de vos commentaires super-gentils !
EDIT: J'ai changé les couleurs du sondage, parce que les couleurs me tapaient sur le système (en fait,
je crois que je suis allergique au orange et assimilés)...J'en profite pour vous remercier tous de vos commentaires super-gentils !
par Zoelie
publié dans :
Zoelie's Life (palpitante)
