- V5 GuppY
-
Read me
-
Introduction
- Setup
- Configure your website
- Skins
- License
-
- Community
- Technique
-
External page
-
Setup your GuppY
- Secure your GuppY
-
- Links
Introduction
-
GuppY -
GuppY community
- º The informal team
- º Join us?
- º Thanks
- º Scripts used
- º Need help?
Technique
-
Insert an external page
-
Setup your GuppY
-
Secure your GuppY
-
Demo
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 :
The implementation is simple :
- write the link :
<a class="gypoplight" href="#?w=560&rel=popup1&btn=Close&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.
News of Friends
Visits
1197036 visitors
18 visitors online
Calendar
Photos
Miscellaneous
Celebrations(1 photos)
(Gallery viewed 6336 times)
Fruits
Citrus(1 photos)
A nice photo filled with different citrus fruits.
(Gallery viewed 6325 times)
Motorized vehicles
Motorbikes(3 photos)
Motorized vehicles we love.
(Gallery viewed 6355 times)
]
3 members
No comment !