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.

 
  GuppY : le petit poisson est aussi un CMS pour qui le Web est un aquarium !  
Vous êtes ici :   Accueil » Scroller défilant
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
Mon profil

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


  495085 visiteurs
  3 visiteurs en ligne

  Nombre de membres 15 membres
Connectés :
( personne )
Snif !!!
CMS GuppY
 ↑  
Les gratuits
Enseignement
Visites

 495085 visiteurs

 3 visiteurs en ligne

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
Catégorie : CMS GuppY - Code
Page lue 1928 fois
Précédent  
  Suivant


Réactions à cet article

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

Vous êtes ici :   Accueil » Scroller défilant