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 » Headers Bands
 
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_03.jpg

HEADER:

This is the dressing of the upper part above TopBoxes, for example the location of the Connection/Disconnect and Admin tabs of the skn5_guppy2015. By default, the height is 0, you must configure it before use,

  • Height: instead of 0.40 to 50px is required for Login/Disconnect and Admin,
     
  • External margins: 0, external margins are not required,
     
  • Background: background color that will be displayed throughout the Header part, here transparent,
         - Opacity: 1, this means that the background of Header is totally transparent,
     
  • Background image: You can select an image, by default: X+Y when there is no definition for Repeat,
     
  • 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.


TOP:

This is the top part of the top corresponding to TopBoxes, i. e. Top Boxes in Config Boxes,

  • External margins: 0, esternal margins are not required for this skin,
     
  • Internal margins: 0, internal margins are not required for this skin,
     
  • Background: background color that will be displayed on the whole TopBoxes part, here transparent,
         - Opacity: 1, this means that Top's background is totally transparent,
     
  • Background image: You can select an image, by default: X+Y when there is no definition for Repeat,
     
  • 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.


MAIN:

This is the cover of the central part corresponding to #MainContent, i. e. Boxes on the left, Boxes on the right and Boxes on the right in Config Boxes.

  • External margins: 60px auto 20px, attention the right and left outer margins must imperatively be auto, the top margin of 60px is necessary to display the menu blocked at the top to scroll, the bottom margin of 20px is necessary to properly delimit the change of zone,
     
  • Internal margins: 0, internal margins are not required for this skin,
     
  • Background: background color that will be displayed throughout the MainContent part, here #FFFFFFFF is white for #MainContent,
         - Opacity: 1, this means that Main's background is completely white,
     
  • Background image: You can select an image, by default: X+Y when there is no definition for Repeat,
     
  • Borders: you indicate the color of the border for the border, for this skin #60C4EA,
         - Border size: 0px, no borders, in the example 1px 1px 1px 1px 1px, i. e. a border at the top right, bottom left or top right of the border, 1px 1px 1px 1px, 1px 1px.
         - Style: You select a style from the 8 styles proposed,
     
  • Radius of rounded corners: a size in pixels, in the example 2px, this will depend on the size of the area. 0px, no rounded corners. It is possible to put only rounded corners at the top of #MainContent e. g. 10px 10px 0px 0px, the corners at the top will be rounded with a radius of 10px.


BOTTOM:

This is the BottomBoxes or Boxes section at the bottom of the page, same function as for TOP.

  • External margins: 20px auto 0, an external margin of 20px at the top to mark the separation well, auto margin on the right and left, no bottom margin
     
  • Background: background color that will be displayed on the whole part #BottomBoxes, here #60C4EA,
         - Opaciity: 1, this means that the BOTTOM background will be completely with the color #60C4EA and on all the width of the screen, a little fantasy!!
     
  • Background image: You can select an image, by default: X+Y when there is no definition for Repeat,
     
  • Borders: you indicate the color of the border for the border, for this skin #FFFFFF,
         - Border size: 1px 0, one border at the top and bottom only
         - Style: You select a style from the 8 styles in the Full Line example
     
  • Radius of rounded corners: a size in pixels, e. g. 10px, this will depend on the size of the area. 0px, no rounded corners.
    You can try rounded corners at the bottom of Bottom e. g. 0px 0px 0px 10px 10px, the corners at the bottom will be rounded with a radius of 10px.
    If you do it at the top for MAIN and at the bottom for BOTTOM, your space will have the 4 rounded corners.

FOOTER:

This is the footer section corresponding to copyright, timer.

  • Height: Auto, you don't change, the footballer's height adapts to the content,
     
  • External margins: 0, external margins are not required for this skin,
     
  • Internal margins: 15px 0 0, a 15px padding-top to separate the copyright from the rest of the page,
     
  • Background: background color that will be displayed throughout the Footer part, this is #244459,
         - Opacity: 1, this means that Footer's background is totally with color #244459,
     
  • Background image: You can select an image, by default: X+Y when there is no definition for Repeat,
     
  • Borders: you specify the color of the border for the border, not necessary for this skin,
         - 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.
     
  • Font (type of text): A special feature for #footer, very often the font used is different, you can select another font,...
         - Style: choice of options,
         - Size: in the example 12px, slightly smaller than in the skin, the copyright in GuppY is very discreet,
         - Text color: often the color of #footer is different, it is very useful to be able to choose the color of the text.
     
  • Alignment: you select the alignment that suits you from the three proposals: Align left, Center, Align right.


Creation date : 09/05/2017 @ 16:19
Last update : 27/09/2017 @ 16:11
Category : - Tutorial Config look
Page read 12711 times

You are here :   Welcome » Headers Bands
 
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.