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 » Onglets, Accordéons, Fenêtre modale
 
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_look17.jpg


ONGLETS :

Ce sont les onglets utilisés dans la boite Technique de la base de démo en cliquant sur Démo puis Démo jQuery. et ensuite sur la page secondaire dans la boite "Scripts jQuery utilisés", et pour le LISEZ-MOI dans la boite Présentation puis GuppY de la base de démo.

  • Arrière-plan (onglets) : Définir la couleur de fond des onglets non actifs,
         - Couleur des textes : Choisir la couleur du texte des onglets, ici #404040,
     
  • Bordures (onglets) : Ajouter la couleur de la bordure des onglets,toujours #60C4EA pour cette skin,
         - Taille des bordures : 1px, généralement cette taille est utilisée
         - Rayon des coins arrondis : 0px, aucun coin arrondi, si vous mettez 10px 10px 0 0, les deux coins du haut auront un arrondi de 10px,
     
  • Arrière-plan (onglet actif) : Mettre la couleur de fond de l'onglet actif, regardez la couleur de Préambule à l'ouverture du LISEZ-MOI, ici #B4EBFA
         - Couleur des textes (onglet actif) : Définir la couleur du texte de l'onglet actif en fonction de la couleur du fond,
     
  • Arrière-plan (contenu du panneau) : Ajouter la couleur de fond du panneau qui contiendra votre texte, ici #FFFFFF
     
  • Bordures (contenu du panneau) : Ajouter la couleur de la bordure du panneau, toujours #60C4EA pour cette skin,
         - Taille des bordures : 1px, comme pour la bordure des onglets,
         - Rayon des coins arrondis : 0px, aucun coin arrondi, si vous mettez 0 0 10px 10px, les deux coins du bas auront un arrondi de 10px,


ACCORDEONS :

Ce sont les blocs accordéons utilisés dans la boite "Scripts jQuery utilisés"  dans la base de démo.
 

  • Arrière-plan (onglets) : Définir la couleur de fond des onglets non actifs, ici #244459
         - Couleur des textes : Choisir la couleur du texte des onglets, ici #FFFFFF,
     
  • Bordures (onglets) : Ajouter la couleur de la bordure des onglets,toujours #60C4EA pour cette skin,
         - Taille des bordures : 1px, généralement cette taille est utilisée
         - Rayon des coins arrondis : 0px, aucun coin arrondi, si vous mettez 10px 10px 0 0. les deux coins du haut auront un arrondi de 10px,
     
  • Arrière-plan (onglet actif) : Mettre la couleur de fond de l'onglet actif, regardez la couleur de Préambule à l'ouverture du LISEZ-MOI, ici #B4EBFA
         - Couleur des textes (onglet actif) : Définir la couleur du texte de l'onglet actif en fonction de la couleur du fond,
     
  • Arrière-plan (contenu du panneau) : Ajouter la couleur de fond du panneau qui contiendra votre texte, ici #FFFFFF
     
  • Bordures (contenu du panneau) : Ajouter la couleur de la bordure du panneau, toujours #60C4EA pour cette skin,
         - Taille des bordures : 1px, comme pour la bordure des onglets,
         - Rayon des coins arrondis : 0px 0px 0px 0px, aucun coin arrondi, si vous mettez 0 0 10px 10px, les deux coins du bas auront un arrondi de 10px,


FENETRE MODALE :

Vous trouverez un exemple dans la boite Technique de la base de démo en cliquant sur Démo puis Démo jQuery.

Vous arrivez sur une page secondaire et la première boite "Fenêtre modale" avec une invitation "Cliquez-moi", vous pouvez cliquer pour afficher la fenêtre modale.
 

  • Couleur pour le fondu : c'est la couleur pour assombrir tout le fond de l'écran sous la fenêtre modale, donc une couleur sombre: #101010
          - Opacité : 0.7, le choix est assez limité, vous pouvez essayer 0.8 (plus sombre) ou 0.6 (moins sombre).
     
  • Arrière-plan : Définir la couleur du fond de la fenêtre pour le texte, ici #FFFFFF soit blanc
     
  • Bordures : Ajouter la couleur de la bordure de la fenêtre en tenant compte du fond sombre,
         - Taille des bordures : 5px, un peu de fantaisie, c'est possible,
     
  • Rayon des coins arrondis : 10px, les quatre coins ont un arrondi de 10px, une fenêtre originale si vous voulez essayer : 10px 0 10px 0.
     

La configuration est terminée pour cette rubrique.


Date de création : 06/12/2016 @ 14:56
Catégorie : Documentation - Docs et Tutoriels-Tutoriel Config look
Page lue 2781 fois

Vous êtes ici :   Accueil » Onglets, Accordéons, Fenêtre modale
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
Visites

 1363956 visiteurs

 95 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