marquee - Marrainedeeann2

20 avril 2012 5 20 /04 /avril /2012 00:00

train marquee

images cliquables chez:
http://www.forum-entraide-informatique.com/t2084-script-creer-un-menu-defilant-sur-votre-site-avec-des-images-cliquable

MéliMélo... .........

.Mélimélo .. .........

Mélimélo

Partager cet article

Repost0

Published by marraine - dans Marquee
commenter cet article …

5 avril 2011 2 05 /04 /avril /2011 03:51

Flocons qui tombent

SOLUTION NO.1 - AVEC LE CODE "marquee"

IMAGES QUI TOMBENT SUR TOUT LE BLOG
CODE POUR TOUS LES BLOGS MÊME EN CONFIANCE

Les objets tombent au début du blog à la hauteur désirée ( c'est vous qui décidez)

PAS BESOIN DE JAVA SCRIPT
POUR QUE DES DES FLOCONS ( OU AUTRE IMAGE) TOMBENT SUR VOTRE BLOG

IMPORTANT: VOTRE IMAGE DOIT ÊTRE EN .GIF et

PAS TROP GROSSE - environ 24 x 24 pixels plus ou moins

NOTE: Le seul problème avec "marquee" c'est que sur toute la hauteur de la descente de l'image, aucun clic sur vos liens ne sera en fonction. C'est pourquoi j'ai réduit la hauteur (height ) des flocons qui tombent sur mon blog entre 50 et 200 pixel. Ainsi il n'y a que mon entête qui est enneigée.

** Vous pouvez mettre autant d'image que de ligne de code. Faites des essais.

Dans cet exemple de code ci-dessous, il y a 7 images qui tomberont sur une hauteur maximale de 790 pixels (donc l'image descendra sur une distance (height) de plus ou moins 12 centimètres)

Si vous désirez plus d'images, rajouter la ligne entre <marquee et </marquee> autant de fois que désiré.
Pensez à changer la hauteur (height ) dans chaque ligne.

INSCRIRE CE CODE dans le pied de page AVEC L'ADRESSE URL DE VOTRE IMAGE

** DANS CE CODE LA HAUTEUR ( HEIGHT) N'A PAS ÉTÉ RÉDUITE **

<p>
<marquee behavior="scroll" direction="down" scrollamount="2" scrolldelay="35" style="position: absolute; left: 77%; top: 26px; width: 20; height: 658px;" height="658"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>

<marquee behavior="scroll" direction="down" scrollamount="3" scrolldelay="43" style="position: absolute; left: 94%; top: 84px; width: 20; height: 572px;" height="572"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>

<marquee behavior="scroll" direction="down" scrollamount="2" scrolldelay="35" style="position: absolute; left: 14%; top: 125px; width: 20; height: 511px;" height="511"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>

<marquee behavior="scroll" direction="down" scrollamount="3" scrolldelay="24" style="position: absolute; left: 79%; top: 102px; width: 20; height: 676px;" height="676"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" scrolldelay="20" style="position: absolute; left: 59%; top: 100px; width: 20; height: 676px;" height="676"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" scrolldelay="20" style="position: absolute; left: 25%; top: 56px; width: 20; height: 411px;" height="411"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" scrolldelay="35" style="position: absolute; left: 38%; top: 15px; width: 20; height: 789px;" height="789"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>
</p>

SOLUTION 2 - Comme les flocons qui tombent sur cet article

SE SERVIR D'UNE IMAGE DE FOND
FLOCONS QUI TOMBENT
DANS UN ARTICLE SEULEMENT

Trouvez-vous une image 'gif' de flocons qui tombent.

Dans votre ongler 'DOCUMENT' d'over-blog, mettez cette image dossier nommé 'flocons'

Prenez l'adresse URL de cette image et notez-là.

TAPEZ CECI ( DANS LE HTML) AU TOUT DÉBUT DE VOTRE ARTICLE OU
AU TOUT DÉBUT DE TOUT TEXTE LIBRE, PIED DE PAGE ETC...

<div style="background-image: url(http://idata.over-blog.com/URL DE VOTRE IMAGE.GIF); width: 100%; height: 100%;">

Prenez note: Cette 'neige' ou image ne tombera que sur l'article ou texte libre dans lequel vous l'aurez tapé en HTML. Elle ne tombera pas sur tout le blog ni sur les Catégories. Elle agit donc comme un fond d'écran.

SOLUTION 3 - Comme les gros flocons qui tombent en
bougeant de gauche à droite sur cet article.
Se servir d'une Image GIF transparente. Flocon26x24 descenddiagonale

Ceci n'est qu'une image en .gif qui bouge d'un côté à l'autre.

On ne peut écire dessus, c'est vraiment
comme si on ajoutait une image

Partager cet article

Repost0

Published by marraine - dans Marquee
commenter cet article …

5 avril 2011 2 05 /04 /avril /2011 03:41

Textes Défilants - Gauche-Droite-Haut-Bas -

DES TEXTES DÉFILANTS avec le code " MARQUEE "

UN TEXTE DÉFILANT DE DROITE À GAUCHE

Dans une page HTML, l'élément utilisé afin qu'un texte bouge est simple à écrire.
Dans votre page d'article, à 'Édition de l'article', cliquez sur l'onglet 'édition avancée'.
A gauche, à la dernière ligne, vous verrez l'onglet bleu HTML . Cliquez sur cet onglet et
copiez la ligne suivante:

** La commande de "conduite" (behavior) demandée est de "rouler" (scroll) par défaut.
ce qui vous donnera ceci:

<marquee behavior="scroll">Le Texte que vous avez écrit défile</marquee>

Le Texte que vous avez écrit défile

Si vous désirez ajouter de la couleur , une autre police et de la grosseur
à votre écrit , rajouter ceci à la ligne:

<marquee behavior="scroll"> <span style="font-family: comic sans ms,sans-serif; font-size: 12pt; color: #800000;">Le Texte que vous avez écrit défile en comic sans ms, grandeur 12 et couleur brune</marquee>

Le Texte que vous avez écrit défile en comic sans ms, grandeur 12 et couleur brune.

UN TEXTE DÉFILANT DE GAUCHE À DROITE avec "RIGHT"

Comme on l'a vu ci-haut, la "conduite" par défaut ( behavior="scroll") se fait de droite à gauche.
On peut changer sa direction ainsi:
** La commande de "conduite" (behavior) demandée est de "rouler" (scroll) mais on rajoute
une commande de "direction" à "droite" (right). Ainsi:

<marquee behavior="scroll" direction="right">Le Texte que vous avez écrit défile</marquee>

Le Texte que vous avez écrit défile

UN TEXTE BOUGEANT DE GAUCHE-DROITE / DROITE-GAUCHE avec "ALTERNATE"

Pour faire bouger le texte de droite à gauche et vice-versa, comme s'il rebondissait de chaque côté, sans disparaître :

** La "conduite" (behavior) demandée dans ce cas-ci est "d'alterner" (alternate). Ainsi:

<marquee behavior="alternate" >Le Texte que vous avez écrit défile</marquee>

Le Texte que vous avez écrit défile

UN TEXTE DÉFILANT DE BAS EN HAUT avec "UP"

Comme on l'a vu ci-haut, la "conduite" par défaut ( behavior="scroll") roule de droite à gauche.
On peut changer sa direction ainsi:
** La commande de "conduite" (behavior) demandée est de "rouler" (scroll) mais on rajoute
une commande de "direction" pour aller de "du bas en haut" (up). Ainsi:

<marquee behavior="scroll" direction="up">Le Texte que vous avez écrit monte</marquee>

Le Texte que vous avez écrit monte

VITESSE DE DÉFILEMENT

Vous pouvez faire dérouler votre texte plus vite ou plus lentement.
Par défaut, la vitesse de défilement d'un texte est à 1-pixel. La "vitesse souhaitée" (scrollamount) de déroulement des pixels est rendue en millisecondes avec la commande "délai de déroulement" (scrolldelay)

** Dans le premier exemple le déroulement ( "scroll" ) a unedirection vers la droite (right).
Sa vitesse de déroulement sera de 10 pixels (scrollamount=10) à tout les 200 millisecondes
(scrolldelay=200).
** Dans le deuxième exemple le déroulement est 5 pixels ( scrollamount=5)

A vous d'inscrire la vitesse désirée... il faut faire des essais jusqu'à ce que vous trouviez votre bonheur. Ainsi:

<marquee behavior="scroll" direction="right" scrollamount="10" scrolldelay="200">Ce texte défile de gauche à droite à une vitesse de 10 pixels/200</marquee>

Ce texte défile de gauche à droite à une vitesse de 10 pixels/200

<marquee behavior="scroll" direction="right" scrollamount="5" scrolldelay="200">Ce texte défile de gauche à droite à une vitesse de 5 pixels/200</marquee>

Ce texte défile de gauche à droite à une vitesse de 5 pixels/200

Partager cet article

Repost0

Published by marraine - dans Marquee
commenter cet article …

31 janvier 2011 1 31 /01 /janvier /2011 03:31

Texte Défilant - Entête de blog

 
 Texte Défilant dans L'entête du BLog avec une image
Insérer le code ci-dessous dans votre pied de page: - Aller à l'onglet Configurer puis cliquer 'Mise en Page' - Insérer un texte libre en pied de page et copier le code dedans.
- Vous pouvez changer la couleur , position , image etc...à votre goût. Faites des essais.
 </p> <div style="position: absolute; top: 150px; left: 50%; margin-left: -400px; width: 800px; height: 50px; font-size: 25px; color: font color blue; font-family: COMIC SANS MS;"> <marquee direction="LEFT" scrollamount="5" width="100%"> <img src="http://URL de l'image de votre choix ici.gif" border="0" />Votre Texte défilant a écrire ici </marquee> </div> <p> VOUS OBTIENDREZ CE QUI APPARAIT DANS L'ENTÊTE DE CE BLOG MAIS AVEC VOTRE IMAGE ET VOS CO-ORDONNÉS

 - UN EFFET SPÉCIAL -  MARQUEE dans un TABLEAU avec ARRÊT au toucher de la SOURIS et LIEN vers un AUTRE SITE au CLIC de la souris

Écrivez le code suivant:

</tbody>

</table>

<tbody>

<tr>

<span style="font-family: comic sans ms,sans-serif;">NOM DE VOTRE TITRE ICI</span></strong></span>

</td>

</tr>

<tr>

<a href="http://URL du premier site Lien ici.com" target="_blank"

>NOM du premier site en lien Ici</a><br /><br />

<a href="http://URL du second site Lien ici.com" target="_blank"

>NOM du second site en lien Ici</a><br />

</marquee>

</td>

</tr>

</tbody>

</table>

MES AUTRES BLOG

Marraine DeeAnn

Nos Animaux de Compagnie

 
 ◊ ◊ ◊ ◊ ◊

 
 DIVERS: Texte dans une boîte Vous devez taper le code ci-dessous et changer les couleurs, polices , grandeur , selon vos goûts  la fonction <br /> sert à séparer les lignes de la phrase <p>&nbsp;</p>
 <p><span style="font-size: 10pt;"><strong><span style="font-family: comic sans ms,sans-serif;">
 <marquee id="m1" direction="left" style="border: 4px solid blue;" width="250" height="150">Ici un Texte<br />défilant<br /> dans une boîte</marquee>
 </span></strong></span></p>  
 Ici un Texte défilant dans une boîte