Sentence to think about :   Why do you want to complicate ? Try GuppY that's all ... smile   
You are here :   Home » Site layout
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.
News of Friends

 1834218 visitors

 47 visitors online

rss This article is available in the standard RSS format for publication on your website :

Templates, skins

Templates possibilities have actually been really improved in this version5.02.XX. Full customisation is possible depending on how well you can deal with cascading style sheets (CSS.

Some more useful information :

  • The directory "skins" sits at the root of the site.
  • Boxes position can be defined at your will, for one or several skins simply by copying the boxes configuration for the selected skins.
  • You can choose a main page configuration and a configuration for secundary pages.
  • Each skin consists in several style sheets CSS, jqstyle for jQuery, mobstyle for mobiles, tabstyle for pads and style.css.

The different configuration sections of the layout of your site have been gathered in an admin/Configurations area.

The first icon, Themes Config , allows to specify the general designs of the site (default skin, smileys, avatars et general design theme) and themes specific to the selected skin (icons, counters).

Look Config allows to modify colours and designs of the current skin  or any other standard skin!
Don't forget to generate the style sheet of your skin in Style Config. It is a "generic" style sheet that you can completely customize by adding a styleplus.css in Style Config. If there is styleplus.css file will be automatically loaded to view your personal modifications..

Do not make manual corrections in style.css, remember that they will be lost if you refresh the style again by the automatic procedure. You must book your manual corrections styleplus file to keep them even if you generate new style.css. It may be necessary to refresh the page to see the result.

If you want to use the skin no_skin, you have to make firts a copy of it and name it as you like.
Then you can change colours and design as you can do for the skin no-skin.
This change has been made to keep originla state of the skin no-skin so that it can still  show in case of crash when adding a new skin.

Some skins will not allow configuring colours and design, when their designers use advanced parameters or don't feel like letting the harmony of their work broken.

Style Config allows though to modify manually the style of the latter (like for all others de toutes les autres) at your own risks because it entails substantial knowledge of CSS language.

If your change won't be saved, it means you need to change permissions (chmod = change mode) in ans style sheets.

The administration page is totally independant and is managed by the skins of the skins directory.

You will get more explanations about style sheets of GuppY in the tutorial about the skins of the v5.

Creation date : 26/04/2017 17:21
Category : Introduction - GuppY
Page read 52499 times

Reactions to this article

Nobody gave a comment yet.
Be the first to do so!

You are here :   Home » Site layout
Preview  Print...  Print this page...
Preview  Print...  Print this section...

Connect again :
Your user name :
Your password

  Count of members 0 member
Connected :
Snif !!!
To receive news about this website, consider subscribing to our Newsletter.
copy the code :
Snif !!!