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

GuppY, the benchmark database free CMS

 
Sentence to think about :  Take a good content, a pinch of pixels, leave it to rest, you obtain an harmonious and natural GuppY   

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_freeguppy/">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

Tabs

rss This article is available in the standard RSS format for publication on your website :
https://www.freeguppy.org/data/en-articles.xml

  • Tab 1
  • Tab 2
  • Tab 3
  • Implementation

Content 1

Content 2

Content 3

Implementation

We can no longer simple, just look at the code for this article.

Creation date : 11/06/2015 @ 07:40
Category : Demos -
Page read 11030 times

You are here :   Welcome » Tabs
 
Search
 
Close
Site registered in the CNIL under agrément 1040387.
You have a right of access, modification, rectification and deletion
of the data according to the Computer law and Freedom (article 34) of January 6th, 1978.

 
The FreeGuppY.org hosting is provided by o2switch
gy_twitter01.png