GuppY, le CMS de référence sans base de données

telecharger.png


Vous êtes ici :   Accueil » Forum » GuppY 6 » Création de skin
    Imprimer la page...

Attention : GuppY 6.00.18

Sortie de GuppY 6.00.18 : pack et patch cumulatif et non-cumulatif

Pour passer de la  6.00.17 à la version 6.00.18 vous appliquez le patch non-cumulatif GuppY 6.00.18 .

Pour passer de la version 5.03.03 à la version 6.00.18, vous devez impérativement suivre la procédure de migration décrite dans cet article.

Pour les plugins et pour les skins, merci de poster sur le site de leur auteur.

Les skins et les plugins de notre ami Saxbar sont en téléchargement sur ce site.

 

Forum - GuppY 6 - Création de skin


Connectés :

  Sujet n° 131401
le 26/09/2021 @ 19:17
par Schmol44

Bonsoir,

Je cherche à créer une skin en utilisant 3 images semblables comme je l'avais fait en version 5.

J'utilise les 3 images que j'utilisais dans "parallaxe"avant avec les dimensions : 1920px x 1080 px, comme conseillée dans l'aide.

Pour libérer la 1ère image  de façon à ce qu'elle soit vue dès la connexion sur le site, j'augmente dans "Bandeau" la valeur du décalage du centre sous la ligne (en pixels), sans succès.

Il n'y a rien à faire, l'image est en partie couverte un peu en dessous de la barre du Menu, sur les 2/3 de la page.

Je fais cette création sur la "no-skin", j'ai également essayé sur des skins existantes, je n'arrive pas à découvrir complètement la 1ère image.

Ceci n'est pas visible actuellement sur mon site, je fais ça en local.

Amicalement, Schmol44

  

Réponse n° 1
--------
le 26/09/2021 @ 20:52
par Papinou
Administrateur

Bonsoir,

Citation :

j'augmente dans "Bandeau" la valeur du décalage du centre sous la ligne (en pixels), sans succès.

Non, ce n'est pas prévu pour cela, mais simplement pour mettre un décalage pour que le menu ne recouvre pas le haut du contenu de la zone 2.

Pour afficher l'image de la zone 1, tu peux ajouter dans le styleplus.css juste après body :

#TopBoxes { min-height: 960px !important; }

Tu peux ajuster la hauteur 940px ou 920px sont peut-être suffisant.

Une autre solution suivant le contenu de #TopBoxes est d'utiliser les marges intérieures du logo.

Dans Config look tu ajustes à Marges intérieures : 100px 5px 250px; permet de placer le logo et d'augmenter la partie affichée.

100px et 250px peuvent être modifiés pour arriver à la hauteur désirée.

Cordialement, Papinou

  
Réponse n° 2
--------
le 26/09/2021 @ 22:08
par Schmol44

Bonsoir Yves,

Merci pour ces précieuses infos.

Je viens de faire plusieurs essais :

L'image du haut --> Impeccable

La seconde --> Impeccable

Par contre, la 3ème n'est pas assez haute et provoque une bande blanche de 2 cm de hauteur environ entre la seconde et la 3ème et la même chose sous la 3ème.

Si j'ajoute une des 3 images dans le corps du document, fixe ou pas, en Top, Bottom ou Center, le contenu de cette image additionnelle cache les bandes blanches, mais on voit les différences, ça fait "bidouille".Un grand merci d'avance pour une précision supplémentaire.

Amicalement, Schmol44

  
Réponse n° 3
--------
le 27/09/2021 @ 13:19
par Papinou
Administrateur

Bonjour Henri,

Pour FOOTER, il est préférable d'ajouter une couleur à Footer/Arrière plan pour ne pas ralentir le chargement de la page avec une image supplémentaire.

Si l'arrière plan de Footer est à Transparent, c'est la couleur de l'arrière plan de body qui s'affiche.

La première image correspond à #TopBoxes, la seconde à #MainContent et la troisième à #BottomBoxes.

Cordialement, Papinou

  
Réponse n° 4
--------
le 27/09/2021 @ 16:00
par Schmol44

Bonjour Yves,

Merci pour tout ça, je suis arrivé à faire ce que je voulais.

Une dernière question

La no_skin que j'ai modifié en local et que bien sur, j'ai renommé, est-ce que je peux simplement la transférer en FTP sur mon site pour l'installer ou est-ce que je dois la compresser pour l'installer ?

Amicalement, Schmol44

  
Réponse n° 5
--------
le 27/09/2021 @ 16:11
par Papinou
Administrateur

Bonjour Henri,

Par FTP, tu mets le répertoire de ta no-skin modifiée dans le répertoire skins de GuppY et ça doit fonctionner.

Pour utiliser la fonction Installer, il faut faire un zip du répertoire de la skin avec un fichier Manifest  avec toutes les instructions.

Cordialement, Papinou

  
Réponse n° 6
--------
le 27/09/2021 @ 17:27
par Schmol44

Oui, je me doutais qu'un simple fichier zippé de la skin ne devait pas suffire. wink

Merci Yves pour tout ça.

Bonne continuation.

Amicalement, Schmol44

  
sujet actif   sujet clos   Important!   Nouveau  
Rectifier message   Clôturer sujet   Remonter sujet