GuppY CMS Portail WEB php gratuit sans BDD

  Accueil  BloggY  Nouvelles  Télécharger  Liens  Livre d'or  Forum
Forum - Sujet n°131401

Sujet n°131401 Création de skin
    - par Schmol44 le 26/09/2021 @ 19:17

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
    - par Papinou le 26/09/2021 @ 20:52

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
    - par Schmol44 le 26/09/2021 @ 22:08

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
    - par Papinou le 27/09/2021 @ 13:19

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
    - par Schmol44 le 27/09/2021 @ 16:00

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
    - par Papinou le 27/09/2021 @ 16:11

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
    - par Schmol44 le 27/09/2021 @ 17:27

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



Retour à la liste des sujets
Haut

© 2005-2026

Document généré en 0.01 seconde