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 :   Why do you want to complicate ? Try GuppY that's all ... smile   
You are here :   Home » Accordion blocks
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...

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

JQuery scripts available

These scripts are available in all documents.

Animated text

GuppY 5.01

HTML 5
CSS 3
jQuery
UTF-8

GuppY 5.01

Illimited boxes
Dropdown menus
Install function
Backup function

GuppY 5.01

Import documents
Security management
Url rewriting
News releases

GuppY 5.01

Help Centre
Online help
GuppYLand
GuppYEd

GuppY 5.01

guppy_love.png

Accordion blocks

rss This article is available in the standard RSS format for publication on your website :
https://demo-skins.papinou.fr/data/en-articles.xml

Blocks can contain text and images.

Implementation requires copying a script to launch.

See the source of this article.

Creation date : 08/06/2015 09:08
Category : -
Page read 2995 times

Preferences

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

  28698 visitors
  2 visitors online

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 !!!
You are here :   Home » Accordion blocks
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...