En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Politique de confidentialité.
Forum - GuppY 5.0 - Vos questions - questions skins 1803 et 1804

 

actif  Sujet n° 448

le 18/09/2018 @ 15:29
par instit89

Anonyme

visiteur

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.

Poster une réponse Haut  

Réponse n° 1
--------
le 18/09/2018 @ 20:56
par sabine

sabine

Administrateur


Bonjour,

J'ai donné quelques explications dans cet article.

Sabine

Site web sabine
Poster une réponse Haut  
Réponse n° 2
--------
le 20/09/2018 @ 18:31
par instit89

Anonyme

visiteur

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.

Poster une réponse Haut  
Réponse n° 3
--------
le 20/09/2018 @ 19:31
par sabine

sabine

Administrateur


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


Rectifié par sabine le 20/09/2018 @ 19:33
Site web sabine
Poster une réponse Haut  
Réponse n° 4
--------
le 21/09/2018 @ 02:44
par instit89

Anonyme

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.

Poster une réponse Haut  
Réponse n° 5
--------
le 21/09/2018 @ 07:59
par sabine

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

Site web sabine
Poster une réponse Haut  
Réponse n° 6
--------
le 21/09/2018 @ 18:41
par instit89

Anonyme

visiteur

Bonjour,

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

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

Cordialement.

Poster une réponse Haut  
Réponse n° 7
--------
le 21/09/2018 @ 18:44
par sabine

sabine

Administrateur


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


Rectifié par sabine le 21/09/2018 @ 18:45
Site web sabine
Poster une réponse Haut  
Réponse n° 8
--------
le 22/09/2018 @ 03:47
par instit89

Anonyme

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.

Poster une réponse Haut  
Réponse n° 9
--------
le 22/09/2018 @ 13:15
par sabine

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

Site web sabine
Poster une réponse Haut  
Réponse n° 10
--------
le 22/09/2018 @ 15:42
par instit89

Anonyme

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.

Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » GuppY 5.0 » Vos questions » questions skins 1803 et 1804