Centre d'aide GuppY, aide en ligne, documentation et tutoriels

 
Recherche
 
Fermer
GuppY 5.02

telecharger.png

logo_nuxit_guppy.png
Vous êtes ici :   Accueil » Pages / Parallaxe
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
FAQ GuppY <= 4.6.xx

Dans ce menu vous trouverez toutes les FAQs concernant les versions antérieures de GuppY.

 ↑  
FAQ GuppY v5.01.xx

Ici vous trouverez les FAQs concernant la version 5.01.xx de GuppY.

 ↑  
FAQ système

Ces FAQs traitent des problèmes liés à l'hébergement et au système en général.

Documentation

Dans cette boîte vous trouverez les documentations et tutoriels

 ↑  
Mentions légales

Ici vous trouverez des précisions importantes concernant la réglementation et les copyright

 ↑  
rss Cet article est disponible en format standard RSS pour publication sur votre site web :
https://ghc.freeguppy.org/data/fr-articles.xml

config_look06.jpg
 

Pages :

  • Largeur de page : au choix, parmi 6 possibilités suivant la mise en page que vous voulez obtenir. Les modifications de structure de la page pour la version 5.01.06 permettent d'afficher les arrière-plans des class #TopBoxes, #BottomBoxes et #footer sur toute la largeur de l'écran. Pour cette skin skn5_maskin02, vous pouvez le voir pour #TopBoxes, pour l'arrière-plan du menu avec une couleur différente et la gestion de l'affichage dans le styleplus.css avec .T0entrow2 (à adapter suivant l'ordre de vos boites en Haut), pour #BottomBoxes et pour #footer avec des couleurs d'arrière-plan différentes.

         - Largeur réduite : si vous cochez cette case, la largeur de la page sera limitée à la valeur que vous aurez choisi, dans notre exemple 1280px. Le mieux est de faire le test, vous cochez, vous enregistrez la config et vous générez le style. Un clic sur Accueil pour voir le résultat, il sera sans doute nécessaire de rafraichir la page pour avoir le bon affichage.
     
  • Arrière-plan : la couleur du fond de la page avec transparence ou pas,
         - Opacité : suivant la transparence, ici 1 pour transparent
     
  • Image de fond : possibilité de sélectionner une image pour le fond de la page, répétition X+Y par défaut,
         - Fixe possible, cochez la case
     
  • Marges intérieures : 0px dans l'exemple, pas de marges intérieures.
     
  • Bordures : vous indiquez la couleur de la bordure pour l'encadrement, pour cette skin #60C4EA,
         - Taille des bordures : 0px, pas de bordures,
         - Style : Vous sélectionnez un style parmi le 8 styles proposés,
     
  • Rayon des coins arrondis : une taille en pixels, par exemple 10px, celle-ci sera en fonction de la taille de la zone. 0px, pas de coins arrondis.
     

Parallaxe :

Une nouveauté :  Avec GuppY 5.02, vous pouvez activer ou non l'effet parallaxe.

Si vous ne souhaitez pas activer l'effet parallaxe, le champ de la rubrique " Activer l'effet parallaxe " ne doit pas être coché et dans ce cas pas d'effet parallaxe.
Attention : pour une skin où l'effet parallaxe est prévu d'origine, il y aura des modifications de couleurs notamment à faire.

Si vous souhaitez activer l'effet parallaxe, au contraire le champ doit être coché et vous devez avoir préparé trois images en 1920 x 1080px, une pour la zone TOP, une pour la zone MAIN et une pour la zone BOTTOM.

Attention : au poids des images, le plus léger possible pour ne pas ralentir le chargement de la page,
                   si vous mettez une couleur et une image, par défaut la couleur sera prépondérante et l'image ne sera pas affichée
Ensuite vous avez le choix entre trois possibilités :

  • Page 0 - configuration principale : si vous cochez cette case, l'effet parallaxe est actif sur toutes les pages de la configuration principale
  • Page d' accueil seulement : si vous cochez cette case l'effet parallaxe ne sera actif que pour la page d'accueil
  • Page 1 - demo jQuery : si vous cochez cette case, l'effet parallaxe sera actif pour la page secondaire 1 qui correspond à demo jQuery.
     

Pour les trois zones :

Zone n°1 - Haut

  • Arrière-plan - dans l'exemple de la skin, il est transparent, il peut y avoir une couleur s'il n'y a pas d'image
  • Image de fond - vous sélectionnez votre première image dans le répertoire img de la skin ou dans le répertoire img de GuppY
  • Taille réelle - si vous cochez cette case, la hauteur de la zone sera limitée au contenu de la zone qui correspond à #TopBoxes


Zone n°2 - Milieu

  • Arrière-plan - dans l'exemple de la skin, il est transparent, il peut y avoir une couleur s'il n'y a pas d'image
  • Image de fond - vous sélectionnez votre seconde image dans le répertoire img de la skin ou dans le répertoire img de GuppY
  • Taille réelle - si vous cochez cette case, la hauteur de la zone sera limitée au contenu de la zonequi correspond à #MainContent. Dans l'exemple elle n'est pas cochée parce que ce n'est pas nécessaire, la zone centrale étant la plus importante en hauteur.

Zone n°3 - Bas

  • Arrière-plan - dans l'exemple de la skin, il est transparent, il peut y avoir une couleur s'il n'y a pas d'image
  • Image de fond - vous sélectionnez votre troisième image dans le répertoire img de la skin ou dans le répertoire img de GuppY
  • Taille réelle - si vous cochez cette case, la hauteur de la zone sera limitée au contenu de la zone qui correspond à #BottomBoxes et #Footer


Pour la boite menu

  • Vous avez trois possibilités: Non, Gauche et Droite, dans l'exemple Droite est sélectionné
  • Arrière-plan - vous choisissez la couleur du bouton, dans l'exemple #FFFFFF
  • Bordures - vous choisissez la couleur de la bordure du cercle, ce sera #60C4EA
  • Position de la boite - 40%, les trois petits cercles seront affichés sur la droite de l'écran, légèrement au dessus du milieu.
     

Voici pour cette nouveauté, le plus simple est de faire des tests, par exemple de remplacer les 3 images par vos images.
Je répète les images doivent être en 1920x1080px et attention au poids de chaque image, en dessous de 100Ko pour chaque image.


Date de création : 09/05/2017 @ 16:20
Catégorie : Documentation - Docs et Tutoriels-Tutoriel Config look
Page lue 8526 fois

Vous êtes ici :   Accueil » Pages / Parallaxe
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
Visites

 1649876 visiteurs

 13 visiteurs en ligne

Webmaster - Infos
Aide

aide_help.png
Sur chaque page en admin, si vous cliquez sur cette icône, vous arrivez sur l'aide en ligne de la page.

Site enregistré à la CNIL sous l'agrément 1040387.
Vous disposez d'un droit d'accès, de modification, de rectification
et de suppression des données selon la loi Informatique et Liberté (article 34) du 6 janvier 1978.

 

FreeGuppY.org est hébergé sur un serveur dédié Nuxit