En poursuivant votre visite de ce site, vous acceptez l'utilisation de cookies pour permettre ses différents services. Voir les Mentions légales.
 
 
 
Vous êtes ici :   Accueil » FAQ
 
 
 
    Imprimer la page...
    Imprimer la section...

FAQ

Déplier Fermer  Passage des skins à GuppY 5.03.xx

Les skins de ce site sont conçues pour les versions 5.03.00 et plus...

¤ Une petite astuce au cas où vous utiliseriez une skin avec une largeur maximale (Config Look > Pages/Parallaxe > Pages ... Largeur de page "full"

et que vous voyez apparaitre l'ascenseur horizontal en bas d'écran...confused

¤ Allez dans Config Look > Bandeaux ... et passez les largeurs de TOP MAIN BOTTOM et FOOTER à 98% ou 99%

L'effet visuel sera le même et vous n'aurez plus d'ascenseur horizontal. Vous pouvez essayer l'un ou l'autre de ces bandeaux, il ne sera peut-être pas nécessaire de retoucher les 4.

Je remercie Cyrille81 ( voir ici : https://www.71site.fr/thrd71.php?lng=fr&pg=698&cat=2&fid=1#R13 et ma réponse ) de m'avoir posé la question...

Une solution au cas où vous utiliseriez une skin parmi celles-ci : transparence16,  transparence17, transparence19 qui ont la particularité d'avoir une largeur de page fixée à 1024px ou 1280px... et un menu de navigation ou déroulant horizontal, en haut, occupant toute la largeur de l'écran... Ou une skin pour laquelle vous auriez adopté ce genre de disposition.
Avec la nouvelle organisation de page de cette nouvelle version, ce n'est plus possible facilement confused ...
"Autrefois" : Une seule manipulation !
"Avec ce modernisme échevelé"... "un peu plus" frown... voilà ce que vous pouvez faire... :

¤ Allez dans Config Look > Pages/Parallaxe > Pages ... indiquez : Largeur de page "full"

¤ Allez dans Config Look > Bandeaux ... et passez les largeurs de MAIN, BOTTOM et FOOTER à 1024px, 1280px... ce que vous souhaitez et laissez TOP à 100%

¤ Imaginons que votre menu de navigation soit fixé dans l'admin de GuppY et qu'il soit installé sur la ligne 0 (la première ligne : row T0row0 ) du haut dans Config Boite.

Vous souhaitez donc que toutes les autres lignes du haut (TOP) soient limitées à 1024px ou 1280px... ou... en largeur

¤ Inscrivez ceci dans votre fichier styleplus.css accessible via Config style (en ajoutant autant de lignes que nécessaire et en adaptant la largeur) :

#TopBoxes .row.T0row1, 
#TopBoxes .row.T0row2,
#TopBoxes .row.T0row3 { /*maintient des lignes du TOP dans les limites du width*/
      width:1024px; 
      margin:0 auto;
}

Si vous avez plusieurs configurations de page en plus de config0 la configuration principale... complétez ainsi en adaptant... (ci dessous pour config0 et config1)

#TopBoxes .row.T0row1, #TopBoxes .row.T1row1,
#TopBoxes .row.T0row2, #TopBoxes .row.T1row2,
#TopBoxes .row.T0row3, #TopBoxes .row.T1row3  { /*maintient des lignes du TOP dans les limites du width*/
      width:1024px;
      margin:0 auto;
}
 

majdoc.gif Vous avez peut être remarqué que les champs qui permettent d'entrer du texte : le pseudo, le mot de passe... sont devenus désespérément, en partie rectangulaires et précédés ou suivis d'une icone enfermée dans un carré... Et on a bien du mal à ce que ces deux zones soient alignées horizontalement... Pourquoi ? C'est un des mystères du modernisme  confused! Voir ci-dessous une saisie sur le site freeguppy.org...

zonetexte_icone.jpg

Sur mes sites et sur mes skins, j'ai résolu ce problème définitivement... : Il suffit de placer ces règles dans styleplus.css afin de supprimer le cadre et le fond des icones, et d'arrondir les angles des zones de texte... :

.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) { /*arrondis zones texte*/
    border-radius:4px;
}
.input-group-text, .btn.btn-outline-secondary  { /*suppression cadre et fond des icones font-awesome*/
    background-color:transparent;
    border: none;
    box-shadow: none;
}

Il est possible ensuite, si c'est nécessaire, de modifier les couleurs et les couleurs au survol des icones... Me contacter si vous le souhaitez...wink

Si vous aviez téléchargé une de ces skins avant le 20/02/2020 et que vous vouliez l'installer malgré tout sur un GuppY 5.03.xx, il faut impérativement télécharger aussi ce fichier skin.zip

Décompressez ce fichier-archive sur votre disque dur : il contient un fichier intitulé skin.inc.

¤ Dans l'admin de GuppY, installez (avec la fonction habituelle "Installer") votre nouvelle skin, fraichement téléchargée.

MAIS SURTOUT, ne la mettez pas en place immédiatement dans Config thème ni Configuration skin !

¤ Allez dans Configuration générale > Fichiers

Choisissez de vous rendre dans le répertoire skins/skin_transparenceXX (en fonction de la skin que vous venez d'installer)

¤ Puis juste au dessous, Charger un fichier en parcourant votre disque dur et choisissez le fichier skin.inc que vous avez téléchargé plus haut.

Il va remplacer celui de la skin.

¤ Ensuite, vous pouvez placer votre nouvelle skin dans Config thème et Configuration skin.

¤ Vous vous rendez dans Config Look, pour compléter les champs vides et modifier ce que vous souhaitez sans oublier d'enregistrer.

¤ Allez ensuite dans Configuration > Config Style et adaptez à vos besoins styleplus.css et mobstyle.css

Revenez sur le forum de ce site en cas de nécessité sans hésiter !


Date de création :08/12/2019 @ 13:53 Dernière modification :16/04/2020 @ 07:19