Texte à méditer :   Prenez un bon contenu, une pincée de pixels, laissez reposer, vous obtenez un GuppY des plus harmonieux.   
 
Vous êtes ici :   Accueil » Onglets
 
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

 1731822 visiteurs

 39 visiteurs en ligne

Calendrier
rss Cet article est disponible en format standard RSS pour publication sur votre site web :
http://mmsv.fr/data/fr-articles.xml

  • Onglet 1
  • Onglet 2
  • Onglet 3
  • Mise en place

Contenu 1

Contenu 2

Contenu 3

Mise en place

On ne peut plus simple, il suffit d'examiner le code de cet article.

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


Réactions à cet article

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

Vous êtes ici :   Accueil » Onglets
 
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 0 membre
Connectés :
( personne )
Snif !!!
Lettre d'information
Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.
GYKCm
Recopier le code :
Abonné
( personne )
Snif !!!