By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.

SKINS TUTO

GuppY Help Center


PRESENTATION
BOXES
SERVICES
JQUERY
BULK
EXAMPLES
Currently...

 121886 visitors

 1 visitor online

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


Creation date : 25/08/2013 12:17
Page read 5087 times


You are here :   Home » Modal window