Vous êtes ici :   Accueil » Scroller défilant

L'Atelier d'rv

est un site conçu à partir du CMS GuppY. Le site freeguppy.org, est, en quelque sorte, la maison-mère où vous trouverez la dernière version à télécharger, de la documentation, un forum très réactif et des conseils pour créer votre site gratuitement.

GuppY

c'est aussi une association : asso.freeGuppY.

Skins

Pour habiller votre site GuppY, vous pouvez vous adresser aux skinneurs, notamment :

- Papinou ;
- Sabine.

Mes autres sites

- Kreiz er Mor : Association de Culture Celtique Sartrouvilloise ;
- Les Galeries de Kreiz er Mor : Archives de Kreiz er Mor ;
- PORTance : Portail d'aide et d'échanges dédié aux enseignants du Bac Pro Transport 3 ans ;
- Gest & Co : Portail d'aide et d'échanges dédié aux enseignants d'Économie-Gestion en Bac Pro 3 ans.

 
 
 
Mon profil

Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
YkbDMb
Recopier le code :


  362431 visiteurs
  69 visiteurs en ligne

  Nombre de membres 15 membres
Connectés :
( personne )
Snif !!!
CMS GuppY
Les gratuits
 ↑  
Enseignement
rss Cet article est disponible en format standard RSS pour publication sur votre site web :
http://rvknobzh.lescigales.org/data/fr-articles.xml

Si vous souhaitez faire défiler du texte ou des images sur votre site en offrant en prime à vos visiteurs la possibilité d'arrêter le déroulement à leur guise, voici un script intéressant.

Tout d'abord, il faut se diriger à cette adresse sur le site Dynamic Drive.

Ensuite, vous récupérer en le copiant le code qui sera inséré entre les balises <head> et </head> du fichier hpage.inc, (voir la rubrique step1).

Une fois ce code dans le presse-papier de votre machine, vous ouvrez le fichier hpage.inc avec un éditeur approprié (Notepad++ par exemple). Vous recherchez la ligne 221 puis, vous y collez le code.

Attention : au préalable, faites une copie du fichier pour éviter toute mésaventure ultérieure.

Maintenant, il faut saisir les données que l'on veut faire défiler.

C'est ici que cela se passe :

* pour le premier scroller :

var pausecontent=new Array()
pausecontent[0]='ici j'écris ma première info'
pausecontent[1]='ici j'écris ma deuxième info'
etc...

Remarque : si le texte contient le  caractère ' (apostrophe), il faut impérativement le faire précéder du symbole antislash, sinon le code ne sera pas interprété.


* pour le second scroller :

var pausecontent2=new Array()
pausecontent2[0]='ici j'écris ma première info'
pausecontent2[1]='ici j'écris ma deuxième info'
etc...

Bien sûr, on peut n'utiliser qu'un seul scroller selon ses besoins.
En jouant avec les css de sa skin, on peut arriver à des effets qui s'intégreront parfaitement à l'habillage du site.

Il faudra gérer la hauteur et la largeur en se rendant aux class #pscroller1 et #pscroller2 en début de code.

Reste à placer un bout de code à l'endroit où l'on veut faire défiler les infos.

Pour cela, on copie le code sur le site Dynamic Drive (voir la rubrique step2), ensuite on le colle en mode source dans l'édito, un article,  une boîte ou une page quelconque de son site.

Personnellement, je l'ai mis dans un tableau dans l'éditorial du site de l'Association Kreiz er Mor, ici.

Il est possible de modifier le temps de pause entre chaque info en agissant sur :

new pausescroller(pausecontent, "pscroller1", "someclass", 3000) 3000 = temps de pause du premier scroller en millisecondes

document.write("<br />")
new pausescroller(pausecontent2, "pscroller2", "someclass", 2000) 2000 = temps de pause du second scroller en millisecondes.

Le scroller est également en test sur la page accueil de ce site.

Je vous souhaite de belles réalisations.

Date de création : 09/04/2011 @ 18:59
Dernière modification : 09/04/2011 @ 19:06
Catégorie : CMS GuppY - Code
Page lue 1534 fois
Précédent  
  Suivant


Réactions à cet article

Personne n'a encore laissé de commentaire.
Soyez donc le premier !