Faites-moi glisser ce contenu !

Tous les modèles basés sur YJSG sont fournis avec 3 panneaux coulissants que vous pouvez utiliser pour publier votre contenu. Les panneaux coulissants sont complètement responsives et sont visibles sur tous les appareils. Leurs emplacements sont:

  • En-tête supérieur de la page - contient une grille de 5 modules avec comme noms de positions de modules tpan1 - tpan5

  • Bas de page en -dessous du footer - ccontient une grille de 5 modules avec comme noms de positions de modules bpan1 - bpan5

  • Page côté gauche-contient 1 position de module avec comme nom sidepanel

 

Panneau supérieur

slidingpanels2

Panneau inférieur

slidingpanels3

Panneau latéral

 slidingpanels4

 

Paramètres des panneaux

Les panneaux peuvent être activés en même temps ou individuellement. Pour activer le panneau coulissant, il suffit de publier votre module dans l'une des positions de module mentionnées ci-dessus. Les paramètres des panneaux, y compris les réglages de largeur pour les modules dans le panneau supérieur et inférieur, peuvent être trouvés dans le gestionnaire de template
dans l'onglet Mise en page.

panneaux top

panneaux lateral

panneaux inferieur

Style des panneaux

Les panneaux sont très faciles à style et ils ne contiennent pas d'images.  Le style des panneaux par défaut se trouve dans :  site_racine/templates/yjsg_based_template/css/yjsg_layout.css .
La couleur de fond par défaut des panneaux est blanche mais elle peut être modifiée avec quelques règles CSS simples.

/* top panel container */#yjsg_toppanel_slide {background:#0ebcd1;color:#fff;border-bottom:1px solid #098594;}/* top panel open/close button */#yjsg_toppanel_open {background:#0ebcd1;color:#000;border:1px solid #098594;}/* side panel container */#yjsg_sidepanel_slide{}/* side panel open/close button */#yjsg_sidepanel_open{}/* bottom panel container */#yjsg_botpanel_slide{}/* bottom panel open/close button */#yjsg_botpanel_open{}

Le code ci-dessus se traduirait par le style du panneau supérieur suivant

slidingpanels5

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Fonctionnels