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

GuppY Help Center, help online, documentation and tutorials

 
Search
 
Close
GuppY 5.02

telecharger.png

 
You are here :   Welcome » Pages / Parallaxe
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...
FAQ GuppY v 5.01.xx

Here you will find FAQs on Guppy version 5.01.xx.

 ↑  
FAQ system

These FAQs address issues related to hosting and the system in general.

 ↑  
Documentation

In this box you will find documentation and tutorials

 ↑  
Legal

Here you will find important information regarding regulations and copyright

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

config_look_en_06.jpg


 

Pages :

  • Page width: choose from 6 possibilities depending on the layout you want to obtain. The page structure changes allow to display the backgrounds of the classes #TopBoxes, #BottomBoxes and #footer across the entire screen width. For this skin skn5_maskin02, you can see it for #TopBoxes, for the menu background with a different color and display management in styleplus. css with. T0entrow2 (adapt according to the order of your boxes at the top), for #BottomBoxes and for #footer with different background colors.

         - Reduced width: if you check this box, the width of the page will be limited to the value you have chosen, in our example 1280px. The best thing to do is to do the test, you check, save the configuration and generate the style. A click on Home to see the result, it will probably be necessary to refresh the page to have the right display.
     
  • Background: background color of the page with transparency or not,
         - Opacity: according to transparency, here 1 for transparent
     
  • Background image: possibility to select an image for the background of the page, default X+Y repetition,
         - Fixed is possible, check the box
     
  • Internal margins: 0px in the example, no internal margins.
     
  • Borders: you indicate the color of the border for the border, for this skin #60C4EA,
         - Border size: 0px, no borders,
         - Style: You select a style from the 8 styles proposed,
     
  • Radius of rounded corners: a size in pixels, e. g. 10px, this will depend on the size of the area. 0px, no rounded corners.
     

Parallaxe :

A novelty: With GuppY 5.02. xx, you can enable or disable the parallax effect.

If you do not want to enable the parallax effect, the field " Enable parallax effect " must not be checked and in this case no parallax effect.
Warning: for a skin where the parallax effect is expected to be original, there will be color changes especially to make.

If you want to activate the parallax effect, the field must be checked and you must have prepared three images in 1920 x 1080px, one for the TOP zone, one for the MAIN zone and one for the BOTTOM zone.

Attention: the weight of the images, as light as possible so as not to slow down the loading of the page,
                   if you put a color and an image, by default the color will be predominant and the image will not be displayed

Then you can choose between three possibilities:

  • Page 0 - main configuration: if you check this box, the parallax effect is active on all pages of the main configuration
  • Home page only: if you check this box the parallax effect will only be active for the home page
  • Page 1 - jQuery demo: if you check this box, the parallax effect will be active for secondary page 1 which corresponds to demo jQuery.
     

For all three zones:
 

Zone n°1 - High

  • Background - in the example of skin, it is transparent, there can be a color if there is no image
  • Background image - you select your first image in the img directory of the skin or in the img directory of GuppY
  • Actual size - if you check this box, the height of the zone will be limited to the content of the zone that corresponds to #TopBoxes


Field 2 - Middle

  • Background - in the example of skin, it is transparent, there can be a color if there is no image
  • Background image - you select your second image in the img directory of the skin or in the img directory of GuppY
  • Actual size - if you check this box, the height of the zone will be limited to the content of the zone that corresponds to #MainContent. In the example it is not ticked because it is not necessary, the central area being the most important in height.
     

Field n°3 - Low

  • Background - in the example of skin, it is transparent, there can be a color if there is no image
  • Background image - you select your third image in the img directory of the skin or in the img directory of GuppY
  • Actual size - if you check this box, the height of the zone will be limited to the content of the zone corresponding to #BottomBoxes and #Footer
     

For the menu box:

  • You have three options: No, Left and Right, in the right example is selected
  • Background - you choose the color of the button, in the example #FFFFFFFF.
  • Borders - you choose the color of the circle border, it will be #60C4EA
  • Box position - 40%, the three small circles will be displayed on the right side of the screen, slightly above the middle.
     

Here for this novelty, the easiest way is to do tests, with 3 of your images.
I repeat the images must be in 1920x1080px and pay attention to the weight of each image, below 100KB for each image.


Creation date : 09/05/2017 @ 16:20
Last update : 27/09/2017 @ 14:46
Category : - Tutorial Config look
Page read 12601 times

You are here :   Welcome » Pages / Parallaxe
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...
Visits

 3103717 visitors

 10 visitors online

Help

aide_help.png
On each page in admin, if you click on this icon, you get the online help page.

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.