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 » Site layout
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...

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

 1195312 visitors

 16 visitors online

Calendar

Site layout

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

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).

The new version of Config look allows you to create a skin, modify colors and graphics of the current skin or any other standard skin!
Don't forget to click on Save configuration to automatically generate the css style sheet.
It is a "generic" style sheet that you can totally customize by adding your customizations in the styleplus.css with style config. The file styleplus.css is automatically loaded to display your personal changes.

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

Please refer to the tutorial for using Config Look, available on this link.

If you want to use the no_skin, you will first have to make a copy of the no_skin and name it with the name of your choice.
Then you can change the colors and graphics as for the no_skin.

This modification has been made to keep the no_skin in its original state so that it will be displayed in case of a crash of an added skin.
If your changes are not saved, this indicates that you need to modify the rights (chmod) for confskin.inc and for style sheets

The administration page is completely independent and is not managed by skins in the skins directory.


Creation date : 20/05/2019 16:03
Category : Introduction - GuppY
Page read 80755 times

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

Preferences


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


  Count of members 3 members
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 !!!