[Problème] Bannière et module même couleur que background

[elraton14]

Bonsoir.
Voici mon problème :
- j'ai ajouté une image avec effet dégradé en background grâce à BgMax. Je voudrais que ma bannière suive la couleur et le dégradé de cette image.
-pour les module, pareil. Par exemple quand j'ajoute un module "recherche" il s'ajoute tout blanc sur le site. Je voudrais qu'il suivent aussi la couleur du background.
Des idées ?

[lomart]

Re : Bannière et module même couleur que background

Bonjour,

Comment t'aider sans lien vers ton site, sans le nom du template ou une copie d'écran expliquant le besoin !

Aides-toi de Firebug pour trouver les classes à modifier

[elraton14]

Re : Bannière et module même couleur que background

Je réalise mon site en local pour le moment. Le nom de mon template est kirigami de rocket thème. Voici une capture d'écran

En gros, tout le background est bleu avec un dégradé. Si j'applique un bleu à ma bannière, ça ne va pas être le même bleu (je voudrais que ça soit dans la continuité du background)
Pour le module recherche, idem. Sauf que en plus je ne sais pas comment modifié la couleur du bloc module.
En espérant que vous trouviez une idée

[lomart]

Re : Bannière et module même couleur que background

Bonsoir,

Le fichier n'est pas valide. Essayez plutôt de mettre une image que de joindre un fichier

Vous voulez le même bleu partout ou que le bleu varie en fonction de sa position sur le dégradé ?

[elraton14]

Re : Bannière et module même couleur que background

Bonjour
J'aimerais que le bleu varie en fonction du dégradé du background.
J'espère que le fichier marchera cette fois-ci : http://dl.free.fr/lhIIzyJEQ
Je sens que ça n'a pas l'air simple comme manip.
Un exemple sur un site web : http://dl.free.fr/vzsePe48V
Bonne journée

[lomart]

Re : Bannière et module même couleur que background

Il faut simplement que ta bannière soit transparente. Comme cela tu verras le fond !

[lefabdu51]

Re : Bannière et module même couleur que background

Il faut simplement que ta bannière soit transparente. Comme cela tu verras le fond !

Il faudras surement aussi changer l extension. Pour avoir l effet de transparence, il faut utiliser le format d'image png. Le format jpeg ne gerespas la transparence.

Pour le module de recherches, inclues ceci dans ton fichier css
.search {background:transparent; }

[elraton14]

Re : Bannière et module même couleur que background

Merci de vos réponses.
Je n'arrive pas à voir comment gérer l'effet de transparence sur la bannière. Celle-ci devant comporter mon logo, je passe par gantry pour ajouter cette bannière.(features -> logo) mais je vois pas où gérer cette transparence (peut être que cela se fait directement dans le CSS ?). De plus si j'active une transparence je risque de ne plus voir mon logo ? (j'aimerais vraiment que le rendu soit le même que dans l'exemple que je vous ais envoyé).
Pour le module de recherche j'ai ajouté la ligne ".search {background:transparent; } " dans le fichier joomla-core.css en bas de /* Search */ (partie qui regroupe tout ce qui a un lien avec le module de recherche) mais ça ne marche pas et me parait bizarre comme ajout.
Dans l'attente de vous lire

[lomart]

Re : Bannière et module même couleur que background

le template kirigami est payant, donc il va falloir t'aider tout seul avec Firebug pour identifier la ou les classes contenant les fonds des zones à mettre en transparent
Essaie d'ajouter dans le code complémentaire de bgmax:
#rt-header {background-color:transparent}

[elraton14]

Re : Bannière et module même couleur que background

Ok pour la bannière ! merci Lomart

[elraton14]

Re : Bannière et module même couleur que background

Juste une question Lomart : dans le code complémentaire j'ai ajouté :
#rt-mod-maintop{background-color:transparent} mais cette fois-ci ça ne fonctionne pas (mon maintop contient mon menu et mon module recherche). Une idée ?
Bonne soirée

[lomart]

Re : Bannière et module même couleur que background

Il faut simuler la modification sous firebug pour trouver les autres classes qui peuvent aussi masquer le fond
Une astuce, dans la colonne de droite de Firebug, en cochant devant les règles background on en désactive l'affichage. Très rapide à tester

[elraton14]

Re : Bannière et module même couleur que background

Bon j'ai cherché mais impossible de trouver. On voit toujours le module sur un bloc blanc (que ça soit pour le menu ou le module recherche). Dans le code complémentaire, est ce qu'il faut séparer chaque ligne de code par un ";" ou est ce qu'on ne met rien ?

[lomart]

Re : Bannière et module même couleur que background

c'est du css pur