Chez Papinou  -  Skins GuppY

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

Sujet n°1830 Skin6-Papinou-p42
    - par Papykis le 05/04/2021 @ 21:59

Bonjour,

D'abord merci à toute l'équipe pour le travail accompli En suivant la procédure d'upgrade, je suis passé en V6 en local et je viens de transférer mon site sur le serveur (OVH). La dernière version est vraiment plus plaisante particulièrement sur smartphone et tablette...Sauf la page d'accueil et le "slide01" (header) qu j'ai voulu personnaliser en respectant les dimensions. Sur smartphone et tablette, cette image ne s'adapte pas à l'écran. Comment faire ?Il en est de même pour le footer. Merci pour votre aide Cordialement

GuppY 6.00.02 Système d'exploitation du serveur : Linux 4.14.218-ovh-vps-grsec-zfs-classid PHP : 5.6.40 / MET=165 - ML=512M - UMF=128M - PMS=130M - MFU=20 URL du site : http://www.kisling.fr/ Plugins : Horloge, Devinette, Vitesse de Connexion UA: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:87.0) Gecko/20100101 Firefox/87.0    

Après validation je viens de m'apercevoir de mon erreur : il s'agit de la Skin6-Papinou-P42

Rectifié par Papykis le 05/04/2021 @ 22:02


Rectifié par Papykis le 05/04/2021 @ 22:23



Réponse n° 1
    - par Papinou le 06/04/2021 @ 10:38

Bonjour,

Merci pour les commentaires.

Pour Parallaxe et les 3 images, la redimension se fait sur la hauteur de chaque image.

En mode Portrait, seul le centre de l'image est affiché mais sur toute la hauteur de l'image.

En mode Paysage, la totalité de l'image peut être affichée suivant la largeur de l'écran.

Tu peux essayer de mettre ton image personnalisée à #TopBoxes. Tu vas ajouter dans le fichier styleplus.css:

#TopBoxes { background: url(img/monimage.jpg) 50% 0 no-repeat; }

Attention, padding doit être à 0, et l'image doit être dans le répertoire img de la skin. Tu conserves 1920px en largeur mais tu peux modifier la hauteur à 900px, 800px selon ton choix.

Là, elle sera redimensionnée sur tous les écrans.

Cordialement, Papinou



Réponse n° 2
    - par Papykis le 08/04/2021 @ 10:14

Bonjour et merci pour ta réponse.

J'ai suivi tes conseils et le header est plus "sympa" sur smartphone et tablette.

Par contre j'ai également ajouté pour une meilleure image du footer (sur smartphone et tablette) : 

#bottomBoxes {background :url(img/slide04.jpg) 50% 0 no-repeat;} ...

sans résultat ! Merci de ton aide Cordialement  


Rectifié par Papykis le 09/04/2021 @ 22:45

Réponse n° 3
    - par Papinou le 13/04/2021 @ 17:46

Bonjour,

Comme je viens d'aller sur ton site, j'ai regardé aussi le redimensionnement de l'image à #Top, ce n'est pas encore correct.

Si tu le souhaites, tu peux m'envoyer par Contact Papinou le pseudo d'admin principal et le mot de passe, je testerai dès que possible.

Cordialement, Papinou



Retour à la liste des sujets
Haut
© 2005-2026
Skins Papinou GuppY 6    Licence Libre CeCILL