Texte à méditer :   GuppY ? Il y a moins bon mais c'est plus cher !   
Vous êtes ici :   Accueil » Onglets
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
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
Scripts jQuery disponibles
Ces scripts sont disponibles dans tous les documents.
Texte animé

GuppY 5.01

HTML 5
CSS 3
jQuery
UTF-8

 

GuppY 5.01

Boites illimitées
Menus déroulants
Fonction Installation
Fonction Sauvegarde

 

GuppY 5.01

Import documents
Gestion de la sécurité
Réécriture d'adresses
Nouveautés du site

 

GuppY 5.01

Centre d' Aide
Aide en ligne
GuppYLand
GuppYEd

GuppY 5.01

guppy_love.png

rss Cet article est disponible en format standard RSS pour publication sur votre site web :
https://demo-skins.papinou.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 : 08/06/2015 09:08
Catégorie : Scripts jQuery disponibles -
Page lue 2200 fois

Préférences
Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
3yFYA
Recopier le code :

  84510 visiteurs
  2 visiteurs en ligne

Lettre d'information
Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.
3yFYA
Recopier le code :
Abonné
( personne )
Snif !!!
Vous êtes ici :   Accueil » Onglets
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...