GuppY, le CMS de référence sans base de données

 
Texte à méditer :   Les plugins pour GuppY 4.6.xx ne sont pas compatibles avec la  version 5.xx !   
Fenêtre modale
Vous avez à votre disposition un script jQuery pour l'affichage des fenêtres modales comme celle que vous êtes en train de lire.
La mise en œuvre est simple :
  • écrire le lien :
    <a class="gypoplight" href="#?w=560&amp;rel=popup1&amp;btn=Fermer&amp;msk=skins/skin5_02/">Le texte du lien</a>
    w=500 indique la largeur de la fenêtre
    rel=popup1 popup1 est le nom de l'id du div conteneur
    btn=Fermer contient le texte de l'info bulle du bouton de fermeture

    msk=skins/skin5_02/ indique le chemin de la skin pour l'image du bouton
     
  • écrire le contenu dans un calque avec les classes qui conviennent :
    <div class="gypopup_block" id="popup1">  .... Le contenu à afficher ... </div>
Vous pouvez inclure tout type de contenu, texte et images.
gylogo.png
rss Cet article est disponible en format standard RSS pour publication sur votre site web :
https://www.freeguppy.org/data/fr-articles.xml

Le but de cette page est de montrer :

  1. l'utilité des configurations de page secondaires
  2. l'insertion de plugins jQuery dans des documents

1 . Les configurations secondaires sont établies dans Config boîtes.

Il suffit de les ajouter à la liste des configurations disponibles, et de configurer les emplacements comme dans la configuration principale.
L'utilité de cette extension est manifeste :

  • alléger au maximum les colonnes de la page principale
  • utilisation dans les plugins

2 . La structure pour l'insertion des plugins jQuery dans des documents est mise en place avec la prise en compte des sous-répertoires suivants de inc/ :

  • csshead : contient les fichiers css nécessaires aux plugins
  • jshead : contient les fichiers des fonctions de base des plugins
  • jqhead : contiens les fichiers des scripts

La plupart des plugins jQuery fonctionnent de cette manière : placer les fichiers nécessaires dans les répertoires correspondants sans oublier les images et écrire la mise en forme dans l'éditeur, soit dans les boîtes libres ou les articles concernés.

 


Date de création : 20/06/2014 @ 13:28
Catégorie : Démos -
Page lue 7906 fois


Réactions à cet article

Réaction n°2 

par Papinou le 25/02/2016 @ 10:26

Bonjour,

Dans la base de démo du pack GuppY 5.01.02, le même boite menu Démo s'y trouve avec Démo jQuery, Blocs en accordéon et Onglets.

Il faut éditer chaque article en admin avec CKEditor, puis passer en mode source pour avoir le code de chaque article.

Cordialement

Papinou


Réaction n°1 

par chipnsec le 25/02/2016 @ 10:03

Bonjour, où est la démo??? Cordialement

_____________________________________________

Réponse du Modo

Bonjour,

En cliquant sur la flèche en bas et à droite à coté d'une liste déroulante

.

Vous êtes ici :   Accueil » Démo jQuery
 
Recherche
 
Fermer
Site enregistré à la CNIL sous l'agrément 1040387.
Vous disposez d'un droit d'accès, de modification, de rectification
et de suppression des données selon la loi Informatique et Liberté (article 34) du 6 janvier 1978.

FreeGuppY.org est hébergé sur un serveur dédié Nuxit


 


Nuxit Partenaire de GuppY
 

    gy_twitter02.png