Annonces défilantes

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Tutoriel Annonces défilantes

Message par The Godfather Jeu 12 Mar 2009 - 15:29

Les annonces défilantes

Ce tutoriel explique comment afficher des annonces en haut du forum, défilantes ou pas, sous forme de texte ou d’images, soit sur toutes les pages du forum, l’accueil ou le portail. Very Happy

Les annonces peuvent défiler vers la gauche, la droite, le haut ou le bas à des vitesses réglées par l’admin. De plus, elles peuvent aussi marquer un temps d’arrêt. L’admin peut aussi définir l’espace vertical ou horizontal entre chaque annonce.


Activation des annonces

Panneau d'administration  Général  Messages et Emails - Annonces

L'option "activer les annonces" vous permet de choisir si vous affichez ou non ces annonces, en haut de votre forum. La ligne suivante vous permet de déterminer sur quelles pages elles s'afficheront si vous les activez (Page d'accueil uniquement, Portail uniquement, ou sur toutes les pages).

annonces - Annonces défilantes Tuto121


Paramétrer et créer les annonces

Panneau d'administration  Général  Messages et Emails - Annonces

Paramétrage


annonces - Annonces défilantes Tuto413

  1. Activer les annonces : active ou non les annonces en haut de page.

  2. Affichage des annonces : détermine sur quelle(s) page(s) les annonces seront affichées

  3. Défilement : détermine le sens de défilement des annonces
    Voir l'exemple:

  4. Vitesse de défilement : vous permet de choisir à quelle vitesse défilent les annonces (en pixels parcourus par secondes).
    Voir l'exemple:

  5. Temps d'arrêt : détermine pendant combien de secondes l'annonce s'arrêtera une fois qu'elle aura achevé son défilement. Si vous indiquez 0 (= aucun temps d'arrêt) et que la vitesse de défilement paramétrée précédemment est trop élevée, vos annonces ne seront pas lisibles par vos utilisateurs.

  6. Espacement entre chaque annonce : détermine en pixels la distance qui séparera deux annonces. Si vous choisissez un défilement horizontal, cet espacement se fera de manière horizontalement également, et inversement.

  7. Hauteur de la zone d'annonces : détermine la hauteur occupé par le bloc des annonces, en sachant que celui-ci occupera par défaut la taille de l'annonce la plus grande si cette valeur n'est pas suffisamment élevée pour l'afficher.



Création d'une annonce

Vous pouvez créer jusqu'à 127 annonces (défilantes ou non). Cliquez sur le bouton Ajout afin d'ajouter une nouvelle annonce :

annonces - Annonces défilantes Tuto120

Donnez ensuite un titre et un contenu à votre annonce :

annonces - Annonces défilantes Tuto214

Modification d'une annonce

Vous pouvez à tout moment modifier le contenu d'une annonce ou la supprimer en cliquant respectivement sur ] ou .
En outre, vous pouvez modifier l'ordre d'affichage des annonces grâce aux flèches :up: et :down:

annonces - Annonces défilantes Tuto315




annonces - Annonces défilantes Signat23
The Godfather

The Godfather
Adminactif
Adminactif

Masculin
Messages : 18297
Inscrit(e) le : 02/05/2004

The Godfather a été remercié(e) par l'auteur de ce sujet.

Tutoriel Re: Annonces défilantes

Message par Shadow Lun 17 Mar 2014 - 16:20

Les annonces défilantes
Pour les administrateurs qui ont modifié (personnalisé) le template overall_header avant le lundi 17 mars 2014, il est nécessaire de procéder à la mise à jour suivante. Un correctif pour les annonces défilantes a été développé pour les versions phpBB2 et PunBB :

Panneau d'administration  Affichage  Templates  Général - Overall_header

Rechercher le code suivant :

Code:
<!-- BEGIN switch_ticker -->
      $(document).ready(function() {
          ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      });
    <!-- END switch_ticker -->

Supprimez-le et remplacez-le par le code suivant :
Code:
<!-- BEGIN switch_ticker -->
          $(document).ready(function() {           
              Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {switch_ticker.STOP_TIME}
              });
          });
        <!-- END switch_ticker -->

Cliquez sur le bouton pour sauvegarder les modifications. Puis, publiez le template en attente en cliquant sur le bouton .

Shadow

Shadow
Modéractive
Modéractive

Féminin
Messages : 24354
Inscrit(e) le : 30/03/2007

Shadow a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum