En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
 
 
 
Texte à méditer :   N'oubliez pas de protéger la zone d'administration de GuppY avec la fonction "Protection admin".   
 
Vous êtes ici :   Accueil » Blocs en accordéon
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...

Présentation

Technique

Photos

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_guppy2015/">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

Nouvelles des Amis

Visites

 1212694 visiteurs

 39 visiteurs en ligne

Calendrier

Blocs en accordéon

Les blocs peuvent contenir texte et images.

La mise en place nécessite la recopie d'un script de lancement.

Voir le source de cet article.

Date de création : 26/04/2017 17:22
Catégorie : -
Page lue 54665 fois

Vous êtes ici :   Accueil » Blocs en accordéon
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...

Préférences


Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
<O>


  Nombre de membres 3 membres
Connectés :
( personne )
Snif !!!

Lettre d'information

Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.

Avant de soumettre ce formulaire, veuillez lire et accepter les Mentions légales.

J'accepte :
LTFN
Recopier le code :
Abonné
( personne )
Snif !!!