Forum - GuppY 5.0 - Vos questions - questions skins 1803 et 1804

--------
le 18/09/2018 @ 20:56
par sabine

Administrateur
--------
le 21/09/2018 @ 02:44
par instit89

visiteur
Bonjour,
Je tente de le mettre en place sur ce site.
Mais je n'arrive pas à coller les 4 images et faire en sorte qu'elles se superposent exactement (même dimensions) avec les fond de couleur.
Merci pour votre aide.
--------
le 21/09/2018 @ 07:59
par sabine

Administrateur
Bonjour,
Est-ce que vous avez mis les images dans les boîtes ? Si c'est le cas, il faut les enlever.
Les images sont en fond de boîtes, configurées dans le fichier styleplus.css (comme vous l'avez fait).
Dans la boîte, il faut seulement mettre du texte.
Ensuite, selon la grandeur du texte, on ajuste la hauteur.
Sabine
--------
le 22/09/2018 @ 03:47
par instit89

visiteur
Bonjour,
effectivement, je n'avais pas choisi le bon dossier img....
Maintenant les images apparaissent bien mais ne sont pas collées les unes aux autres (l'image ligne 0-colonne1 est même décalée).
De plus les fonds colorés ont des arrondis mais je n'arrive pas à trouver où modifier.
Avant j'utilisais l'extension "firebug" pour voir le code mais il n'est plus compatible avec la dernière version de Firefox... Connaissez-vous une extension similaire ?
Merci.
--------
le 22/09/2018 @ 13:15
par sabine

Administrateur
Bonjour,
Pour les coins arrondis, dans Config Look, il faut mettre à 0.
Pour le fichier styleplus, je vois que vous avez recopié l'intégralité du fichier style. C'est une mauvaise idée car ça peut créer des conflits.
Il est préférable, dans styleplus, d'indiquer uniquement les modifications par rapport au fichier style.
Pour le décalage des boîtes, la boîte théâtre est plus haute. Pour uniformiser la hauteur et la largeur des boîtes, il faut ajuster la section :
/*hauteur des boîtes*/ #EditoBoxes .row.E0row0 .tbl, #EditoBoxes .row.E0row0 .tblover, #EditoBoxes .row.E0row1 .tbl, #EditoBoxes .row.E0row1 .tblover { margin: 0; height: 322px; padding-right: 50px; padding-left: 50px; }
et la hauteur de la ligne pour le texte (line-height) :
#EditoBoxes .row.E0row0 .tblover a, #EditoBoxes .row.E0row0 .tblover p, #EditoBoxes .row.E0row1 .tblover a, #EditoBoxes .row.E0row1 .tblover p { color: #fff; line-height: 322px; /*hauteur de la ligne*/ }
J'utilise Web Developper avec Firefox.
Sabine
--------
le 22/09/2018 @ 15:42
par instit89

visiteur
Bonsoir,
Pardonnez-moi de vous déranger encore,
J'ai effectué vos réglages mais :
- les images ne sont pas collées ;
- leur survol provoque un décalage des boites
- dans la 4e boite le texte "Contacter les petits aventuriers" sort de la boîte.
Mes images font 500px sur 333px : cela pose-t-il un problème ?
Citation : « Sabine »
Pour le fichier styleplus, je vois que vous avez recopié l'intégralité du fichier style. C'est une mauvaise idée car ça peut créer des conflits.
Je n'ai rien recopié : j'utilise une skin proposée par Jean-Denis.
Cordialement.






