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.

TUTO SKINS

Centre d'Aide GuppY


PRÉSENTATION
SERVICES
JQUERY
EN VRAC
EXEMPLES
En ce moment...

 121885 visiteurs

 1 visiteur en ligne

Exemple :

Cliquer pour ouvrir la fenêtre

 

.... Le contenu à afficher 1 ...

Cliquer pour ouvrir la fenêtre

.... Le contenu à afficher 2 ...




 

  • Mise en place
  • jqstyle.css

Dans un article ou une boîte libre, dans SOURCE, recopier les lignes de ce fichier.

Explications de la première ligne :

w=560 largeur du conteneur
rel=popup1 nom du conteneur
btn=Fermer texte de l'info-bulle du bouton pour fermer (s'il n'y a pas de bouton, remplacer Fermer par 0)
msk=skins/skin5_02/ dossier dans lequel se trouve l'image du bouton "Fermer"

Explications de la deuxième ligne :

id="popup1" nom du conteneur

 

#gyfade {
    display: none;
    background: #000;
    position: fixed;
    left: 0; top: 0;
    z-index: 10;
    width: 100%; height: 100%;
    opacity: .60;
}

Fond noir transparent

.gypopup_block{
    display: none;
    background: #F5F7DC;
    color: #000;
    padding: 20px;     
    border: 14px solid #67890B;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
}
Contenu de la fenêtre qui s'affiche
img.gybtn_close {
    float: right;
    margin: -50px -50px 0 0;
    border: none;
    color: #fff;
}
Position du bouton Fermer
.gypopup p {
    padding: 5px 10px;
    margin: 5px 0;
}
Marges du contenu de la fenêtre

a.gypoplight {
    color: #f2f2f2;
    background: #404040;
    padding: 4px;
    font-size: 15px;
}

Lien sur lequel il faut cliquer pour ouvrir la fenêtre


Date de création : 25/08/2013 12:17
Page lue 5086 fois


Vous êtes ici :   Accueil » Fenêtre modale