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 » Colonnes latérales
 
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_look07.jpg

Colonnes latérales :

Les colonnes latérales gauche, droite et blog peuvent avoir une largeur différente, un habillage différent avec une couleur ou une image, une bordure ou non, un style différent, des coins arrondis ou non.

Sur la copie d'écran, vous voyez la colonne de gauche 300px, la colonne de droite peut être à 260px avec une couleur de fond et un encadrement, la colonne de gauche du blog à 300px et celle de droite à 260px, l'ensemble sur une page de 1280px de large.

La colonne de gauche a un fond transparent, donc blanc comme la page.
La colonne de droite a une couleur de fond qui s'affiche autour des boites latérales.

A vous de choisir la meilleure combinaison pour votre site !

Le choix de la largeur, par exemple entre 200px à 300px, est à faire en fonction de la largeur de votre page, du nombre de colonnes latérales, de votre mise en page.

Si vous mettez deux colonnes latérales de 250px sur une page en 1024px, il vous restera moins de 500px pour la largeur de la colonne centrale en tenant compte des marges.

Pour chaque colonne, vous sélectionnez ou vous entrez vos paramètres.

 

GAUCHE :

C'est l'habillage de la colonne latérale gauche de votre site:

  • Numéro d'ordre de la colonne : 1, une nouveauté, 1 veut dire que ce sera la première colonne affichée, à partir de la gauche. Si vous mettez  2 comme numéro d'ordre de la colonne latérale droite et 3 pour les boites centrales, vous aurez les 2 colonnes latérales côte à côte puis les boites centrales.
    Attention ! si vous mettez 1 pour les boites centrales, puis 2 et 3 pour les colonnes latérales, vous allez avoir un problème d'affichage si vous avez configuré un menu déroulant vertical dans une des colonnes latérales. Le menu déroulant vertical va déborder de la page !!!
     
  • Largeur : 300px, pour cette colonne,
     
  • Marges extérieures : 0, des marges extérieures ne sont pas nécessaires pour la colonne,
     
  • Marges intérieures : 0, des marges intérieures ne sont pas nécessaires pour la colonne,
     
  • Arrière-plan : couleur du fond qui s'affichera sur toute la colonne, ici transparent,
         - Opacité : 1 , ceci veut dire que l'arrière-plan de la colonne est totalement transparent,
     
  • Image de fond : vous pouvez sélectionner une image, par défaut :  X+Y quand il n'y a pas de définition pour Répétition,
     
  • 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.

     

DROITE :

C'est l'habillage de la colonne latérale droite de votre site:

  • Numéro d'ordre de la colonne : 3, je ne reviens pas en détails voir Gauche,
     
  • Largeur : 260px, pour cette colonne, différente de celle de gauche,
     
  • Marges extérieures : 0, des marges extérieures ne sont pas nécessaires pour la colonne,
     
  • Marges intérieures : 0, des marges intérieures ne sont pas nécessaires pour la colonne,
     
  • Arrière-plan : couleur du fond qui s'affichera sur toute la colonne, ici #60C4EA,
         - Opacité : 1 , ceci veut dire que l'arrière-plan de la colonne est totalement en #60C4EA,
     
  • Image de fond : Vous pouvez sélectionner une image, par défaut :  X+Y quand il n'y a pas de définition pour Répétition,
     
  • 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.

     

BLOG :

C'est l'habillage des colonnes latérales du blog de votre site:

  • Largeur : Gauche 300px,
         - Marges extérieures :0 10px 0 0, une marge à droite de 10px,
         - Marges intérieures : 0, des marges intérieures ne sont pas nécessaires pour la colonne,
         - Numéro d'ordre de la colonne : 1, ce sera la première colonne affichée à gauche,
     
  • Largeur : Droite 260px,
         - Marges extérieures :0 0 0 10px, une marge à gauche de 10px,
         - Marges intérieures : 0, des marges intérieures ne sont pas nécessaires pour la colonne,
         - Numéro d'ordre de la colonne : 3, ce sera la dernière colonne affichée à droite,
     
  • Arrière-plan : couleur du fond qui s'affichera sur toutes les colonnes, ici transparent,
         - Opacité : 1 , ceci veut dire que l'arrière-plan des colonnes est totalement transparent, un ajout dans le styleplus.css sera nécessaire pour mettre la colonne Droite en #60C4EA,
     
  • Image de fond : Vous pouvez sélectionner une image, par défaut :  X+Y quand il n'y a pas de définition pour Répétition,
     
  • 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.


     

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

Vous êtes ici :   Accueil » Colonnes latérales
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
Visites

 1649880 visiteurs

 2 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