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

Bonsoir,

En me rendant sur votre site "demoskin", j'ai pu apprécier vos éditos des skins 1803 et 1804 (images avec effet au survol).

Pourriez-vous m'indiquer comment arriver à ces résultats ?

Merci.

Bonjour,

J'ai donné quelques explications dans cet article.

Sabine

Bonsoir,

J'ai bien configuré le skinplus.css.

Pour la skin 1804, pourriez-vous m'indiquer le code contenu dans les boîtes de l'édito ?

Merci.

Bonjour,

Il n'y a pas de code dans les boîtes, uniquement le texte des liens.

Les liens sont au format "titre 5" (h5 dans styleplus.css).

Sabine

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.

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

Bonjour,

J'ai enlevé les photos des boîtes mais je n'y arrive tjrs pas...

J'ai dû loupé quelque chose...

Cordialement.

Apparemment les images sont dans le dossier IMG du site... il faudrait les mettre dans le dossier IMG de la skin... et bien sûr modifier le lien dans le fichier styleplus.css.

Sabine

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.

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

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.