By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.
 
 
 
Sentence to think about :   Don't forget to protect the GuppY administration area with the "Admin protection" function.   
 
You are here :   Home » Photos
 
Preview  Print...  Print this page...
Introduction
Technique
Photos
Modal window
You have at your disposal a jQuery script to display modal windows like the one you are reading.
The implementation is simple :
  • write the link :
    <a class="gypoplight" href="#?w=560&amp;rel=popup1&amp;btn=Close&amp;msk=msk=skins/skin5_guppy2015/">The link text</a>
    w=500 indicates the width of the window
    rel=popup1 popup1 is the name of the id of the div container
    btn=Close contains the text of the tooltips button closure

    msk=msk=skins/skin5_02/ indicates the skin directory for the button image
     
  • write the content in a layer with the appropriate classes :
    <div class="gypopup_block" id="popup1">  .... The content to display ... </div>
You can include any type of content, text and images.
gylogo.png
News of Friends
Visits

 11986 visitors

 13 visitors online

Calendar
Photos
Unfold Close  Miscellaneous
Unfold Close
Celebrations(1 photos)

No comment !

Unfold Close  Fruits
Unfold Close
Citrus(1 photos)

A nice photo filled with different citrus fruits.

Unfold Close  Motorized vehicles
You are here :   Home » Photos
 
Preview  Print...  Print this page...
Preferences

Connect again :
Your user name :
Your password
<O>


  Count of members 1 member
Connected :
(nobody)
Snif !!!
Newsletter
To receive news about this website, consider subscribing to our Newsletter.

Before submitting this form, please read and accept the Legal Notices.

I agree :
copy the code :
Subscriber
(nobody)
Snif !!!