TUTO SKINS

Centre d'Aide GuppY


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

 96776 visiteurs

 2 visiteurs 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 4036 fois


Vous êtes ici :   Accueil » Fenêtre modale