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 » Tiles-Columns Config
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...

FAQ GuppY v 5.02.xx

Here you will find FAQs on Guppy version 5.02.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

 ↑  

Tiles-Columns Config

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

The themes are listed one by one in the order in which they are displayed on the Unite Gallery administration page.


01en-tiles-colums.jpg

The configuration with default values is displayed by selecting the Default values check box and clicking Save configuration. So we assume you checked the box and then click Save config.


For Tiles-Columns


Gallery options:

02en-tiles-colums.jpg

  • Gallery width: 100% - why change? to put 98%, we leave 100%.
  • Minimum gallery width: 150 (for 150px), you also have the choice of 300, no more for displaying on smartphones from 320px screens.
  • Gallery background color: transparent to preserve the background color of the central boxes, especially if there is a transparent background.


Tiles options:

03en-tiles-colums.jpg

  • Width of the tile columns: with 250 it will be 4 tile columns, 300 is a good compromise for a width of central boxes of 940/950px, i. e. 3 tile columns,
  • Alignment of tiles: a selection to choose from, left, center, right,
  • Tile spacing between columns: default value left, you can modify 4.5 or more according to the desired result,
  • Exact width of tiles: default value left,
  • Spacing of tiles between columns on mobile: default value left, difficult to set more than 5,
  • Tiles interior space included: checked, the padding is included,
  • Minimum tile columns: 2 to display 2 columns on smartphones, better not to modify,
  • Maximum tile columns: 0 is the best and simplest solution.


Tile design options:


04en-tiles-colums.jpg

  • Tile borders enabled: With Default values unchecked, I checked it to put a black border of 1px,
  • Width of the tile border: 1 instead of 3 by default,
  • Tile border color: #00000000 instead of #F0F0F0F0 to match the background color of the central boxes,
  • Radius of rounded corners of tiles: 0 as default,
  • Tile Contour Enabled: By default, not enabled,
  • Tile contour color: default,
  • Tile Shadow Enabled: enabled by default, here unchecked so disabled, it is a choice not to overload the tiles page.
  • Tile shadow color: default,
  • Superimposed color overlay activated: By default, enabled is the color change when the mouse pointer passes,
  • Opacity of the color superimposed: by default 0.4, but 0.5 / 0.6 are possible, be careful to leave a transparency,
  • Tile overlay color: by default, you can choose another color,
  • Tile display icon: by default, icon activated when each tile is hovering,
  • Tile as external link: by default disabled, you will see in Comments that it is possible to put an external link on each tile,
  • Link action in a new page: default, checked
  • Tile icon spacing: by default 26, original space between icons, with small tiles can be changed,
  • Enabling image effect on the tile: by default, disabled,
  • Image effect type on the tile: by default Black and white, at selection: Black and white, Blur or Sepia,
  • Reverse image effect on the tile: by default, disabled.
     


Tiles text panel options:
 

05en-tiles-colums.jpg
 

  • Tile text panel enabled: by default, disabled, here it is ticked for display,
  • Text panel always displayed: by default disabled, unchecked and disabled, this is an option!
  • Type of text panel appearance: by default Drag & Drop is selected, optionally with Fade,
  • Text panel position: By default Inside bottom, you can choose from the following options: Inside bottom, Inside top, Inside center, Top and Bottom,
  • Opacity of the text panel: by default 0.4, pay attention to transparency with the photo if you increase,
  • Text panel background color: By default #00000000, you can change the color.



Lightbox options :


06en-tiles-colums.jpg
 

  • Type of lightbox presentation: by default Large, here Compact, at the selection you can choose between Large and Compact,
  • Position of the lightbox arrows: by default On the sides, at the selection you have the choice between On the sides and Inside (of the photo),
  • Indoor arrows always displayed: by default disabled, you can check as you wish,
  • Width of the lightbox border: by default 10, beware this border is only displayed with Compact, with Large no border,
  • Lightbox image border color: by default #FFFFFFFF (white), as the background is black, always a light color,
  • Radius of the lightbox image border: by default 0, here 4 for a slight rounding at the corners.


Before going any further, a click on Save config is necessary to validate the configuration and update the theme construction.


Building the theme :

07en-tiles-colums.jpg

Here is the code of your updated gallery, a click on Show this theme and your gallery is displayed in a new tab.

Above all, do not modify the code manually to get your purposes, change the configuration again for the corresponding part, then save the configuration and display the theme again.

You're reading this line!  Congratulations you have finished configuring the first theme!
 


01-en-seagallery.jpg




Tutorial by Papinou and Saxbar for the GuppY Team - November 2017 - CeCILL Free License


Creation date : 06/12/2017 @ 09:18
Category : - Tutorial Config UG
Page read 3835 times

You are here :   Welcome » Tiles-Columns Config
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...

Visits

 3258242 visitors

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