Bgmax et Gantry 4

[glenan]

Re : Bgmax et Gantry 4

Il faut regarder comment est fait le fond du contenu. Ce doit être la classe wrapper. Si c'est une image, c'est raté pour faire la transparence avec bgmax: il faut modifier l'image pour lui donner la transparence voulue

Je regarde ça chez moi ce soir car comme c'est du local, là je suis au boulot ;-)

[lomart]

Re : Bgmax et Gantry 4

Il faut regarder comment est fait le fond du contenu. Ce doit être la classe wrapper. Si c'est une image, c'est raté pour faire la transparence avec bgmax: il faut modifier l'image pour lui donner la transparence voulue

[glenan]

Re : Bgmax et Gantry 4

Une question complémentaire concernant ce même sujet.

J'ai donc bien (en local) réussi à obtenir la transparence dans Gantry 4 grâce à Bgmax mais j'aimerais régler le degré de transparence.
En jouant sur le pourcentage dans Bgmax, rien ne se modifie en frontend.

Hors la transparence complète ne favorise pas la lecture des articles (c'est même illisible).

En fait j'aimerais obtenir quelque chose qui se rapproche du site initial qui est en ligne et que vous pouvez voir ici :
http://www.aerocockpit.fr avec une transparence légére laissant entrevoir l'image du fond.

Mais comme le site actuel n'est pas responsive, en utilisant Gantry 4 (que je teste en local) il le sera.

En fait il faut que je puisse régler la transparence sur tous les blocs affichés (j'ai déjà trouvé dans gantry 4 comment jouer sur la largeur du fond en pourcentage de la largeur max).

Merci pour votre aide éventuelle.

[glenan]

Re : Bgmax et Gantry 4

Ca y est trouvé,

Merci lomart pour tes liens qui me seront utiles.

en fait en mettant la souris sur rt-top-surround à l'aide de firebug j'avais deux zones d'un coup qui devenait bleutées.

J'en ai donc déduit que le block rt-top-surround englobait mes deux blocs récalcitrants : rt-top & rt-header

en mettant ça dans "CODE COMPLEMENTAIRE DANS HEAD" de Bgmax

#rt-top-surround {
background-image:none !important;
background-color: transparent !important;
}

ça fonctionne. Donc : pas d'image de fond dans le template de Gantry 4

Pour info inutiles de saisir quoi que ce soit dans PARAMETRE DU BLOC DE CONTENU

Je n'ai rien modifié dans Gantry 4 et j'ai donc trouvé une solution rien qu'avec le module BgMax ce qui me conforte dans l'idée que ce module est vraiment complet.

Le genre qu'on aimerait bien trouver d'origine dans Joomla.

Merci Lomart pour ton module et ton aide (également sur un autre forum où j'avais posé la question).

[lomart]

Re : Bgmax et Gantry 4

On fait comment pour vérifier que c'est pris en compte ?

Voir cette page: http://lomart.fr/bgmax/actualite-doc...t-firebug.html
et un Tutoriel sur Firebug

[glenan]

Re : Bgmax et Gantry 4

Il faut vérifier avec Firebug si ces règles sont prises en compte

Le problème vient du fait que le fond de certains contenus sont des images qui ne sont pas sensibles aux propriétés de transparence.
Il faut chercher l'image concernée

J'ai firebug installé sur firefox mais mes connaissances en php et css sont plus que limitées.

On fait comment pour vérifier que c'est pris en compte ? sauf à regarder le site qui lui ne change pas ;-)

[glenan]

Re : Bgmax et Gantry 4

Gantry 4 :

Le site est local car je veux modifier un site existant en utilisant Gantry 4
Je n'ai pas touché aux fichiers template et css de gantry 4 donc il s'agit des couleurs de fond par défaut.
Quand aux paramètrage style du template gantry 4 (par ailleurs for complet) ils ne permettent que de modifier le fond comme sombre ou foncé mais pas de choix de couleur et à plus forte raison de transparence.


Les positions Gantry 4 utilisées, dont le fond est une couleur unie, sont (position gantry) top a (avec un titre de l'association) et header a (un diaporama slideshow CK). Une seule position est utilisée en top et en header.

Dans BgMax :

dans le Sélecteur CSS contenu j'ai mis #rt-top, #rt-header
Ca semble bon puisqu'en jouant sur la valeur en pourcent de l'opacité le fond passe du blanc au gris foncé.
Mais pas de transparence.

Concernant les paramètres BgMax, faut il utiliser en même temps
PARAMETRE DU BLOC DE CONTENU et CODE COMPLEMENTAIRE DANS HEAD
ou soit l'un soit l'autre ?

En ce qui me concerne, j'ai testé les deux et je n'ai pas réussi à résoudre mon problème.

[lomart]

Re : Bgmax et Gantry 4

Il ne semble pas s' agir d'une image mais d'un simple fond coloré ds le template gantry 4.

dans ce cas, il suffit d'ajouter le nom de la position dans le selecteur de contenu.
Sans accès au site, impossible d'en dire plus

[glenan]

Re : Bgmax et Gantry 4

Il ne semble pas s' agir d'une image mais d'un simple fond coloré ds le template gantry 4.

[lomart]

Re : Bgmax et Gantry 4

Après avoir lu ce poste j'ai rajouté

#rt-top, #rt-header {
background-image:none !important;
background-color: transparent !important;
}

Il faut vérifier avec Firebug si ces règles sont prises en compte

Le problème vient du fait que le fond de certains contenus sont des images qui ne sont pas sensibles aux propriétés de transparence.
Il faut chercher l'image concernée

[glenan]

Re : Bgmax et Gantry 4

J'ai cru un instant trouver la solution au même problème mais je suis déçu, pour moi ça ne fonctionne pas.

J'ai publié BgMax en position "debug"

Avant de tomber sur ce poste j'avais essayé cette méthode :

Dans les paramètres de BgMax :
Sélecteur CSS contenu = #rt-top, #rt-header pour pouvoir agir sur ces deux positions.

J'ai joué sur la couleur du fond et l'opacité, mais je n'arrive pas à rendre transparente la partie supérieure de mon site (en local pour l'instant) les positions top et header (le menu est en position showcase).

----

Après avoir lu ce poste j'ai rajouté

#rt-top, #rt-header {
background-image:none !important;
background-color: transparent !important;
}

Mais pas de transparence.

J'ai supprimé les paramètres du sélecteur CSS de contenu, mais je n'ai pas eu plus de chance.

Merci pour votre aide éventuelle.

[MADCOW]

Re : Bgmax et Gantry 4

Merci ça fonctionne à merveille !

[MADCOW]

Re : Bgmax et Gantry 4

Merci lomart, merci lefabdu51,

Je vais tester ça ce soir.

[lomart]

Re : Bgmax et Gantry 4

Bonjour,

D'accord avec lefabdu51.
Pour ne pas modifier le css, Il suffit d'ajouter dans le code complémentaire de bgmax

#rt-top-surround, #rt-showcase {
background-image:none !important;
background-color: transparent !important;
}

[MADCOW]

Re : Bgmax et Gantry 4

Merci beaucoup,

Je vais mettre ton code dans mon gantry-custom.css

Ca ne donne rien, je vais donc chercher le fichier qui génère cette partie du code.

Merci