BgMax et transparence pour template 1870j3

[philou du 94]

Bonjour à tous
Quelqu'un sait-il paramétrer le CSS dans BgMaxpermettant d'obtenir un fond transparent pour les articles/modules du template 1870j3?
Merci de m'aider

[lomart]

Re : BgMax et transparence pour template 1870j3

Bonjour,

Il faut s'aider de firebug pour trouver le bon sélecteur de contenu, mais je pense ".wrapper" doit convenir.
Je ne connais pas ce template pour répondre avec précision.
Si tu as un lien pour le voir en action.

[philou du 94]

Re : BgMax et transparence pour template 1870j3

Merci pour ta réponse. .wrapper ne convient pas. Je pense que firebug est un plugin de firefox? je n'ai jamais utlisé...
Mon site
http://la-rochelle-et-ses-environs.fr/

[lomart]

Re : BgMax et transparence pour template 1870j3

Il faut supprimer ou annuler l'effet de la classe white.
2 solutions:
- le faire dans le template
- ajouter dans le code complémentaire de bgmax
.white {background-color:transparent !important}

[philou du 94]

Re : BgMax et transparence pour template 1870j3

J'ai placé dans le champ CSS ".white {background-color:transparent !important}"
mais ça ne fonctionne pas
Faut-il aussi supprimer l'effet de la classe white dans le template? et comment fait-on pour pas déclencher une catastrophe?

[philou du 94]

Re : BgMax et transparence pour template 1870j3

J'ai supprimé l'effet de la classe white dans le template, mais tout devient transparent: articles et menus

[olima]

Re : BgMax et transparence pour template 1870j3

Salut

Simplement background :

.white {
    background: transparent !important;
} 

mais tout devient transparent: articles et menus

Oui c'est normal, ce n’était pas le style recherché ?

[lomart]

Re : BgMax et transparence pour template 1870j3

mais tout devient transparent: articles et menus

Il faut alors mettre .white comme sélecteur de contenu avec un niveau d'opacité et une couleur.
C'est pas le rôle normal, mais cela doit marcher

Ensuite s'il faut des niveaux de transparence différents entre menu et modules, il va falloir en sortir certains de la règle de base avec dans le code complémentaire. Par exemple pour conserver le menu:

#nav.white {background:-moz-linear-gradient(center top , #FFFFFF, #FFFFFF 40%, #E1E1E1 100%) repeat scroll 0 0 #E1E1E1}

[philou du 94]

Re : BgMax et transparence pour template 1870j3

J'ai essayé le code de olima, mais tout est transparent (article et menus)
Le code lomar ne fonctionne pas non plus
J'ai dans le CSS du template:

.white {
background: #e1e1e1;
background-image: url("white-gradient.svg");
background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
background-image: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%, #e1e1e1));
background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
-pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
border: #ffffff 1px solid;
box-shadow: #545454 0px 1px 1px 0px;
-moz-box-shadow: #545454 0px 1px 1px 0px;
-webkit-box-shadow: #545454 0px 1px 1px 0px;
border: #eee 1px solid;
}

.wrapper {
max-width: 1000px;
margin: 0 auto;
}

#nav {
margin: 0;
padding: 0;
min-height: 50px;

}

Quel code pourrait convenir, et où faut-il le placer (fichier CSS du template ou champ de saisie de BgMax?

Merci de m'éclairer

[lomart]

Re : BgMax et transparence pour template 1870j3

Le code lomar ne fonctionne pas non plus

Il ne fonctionne pas OU tu ne l'as pas mis en place correctement ?

C'est bizarre, car si je le simule avec firebug, il fonctionne.

Quel code pourrait convenir, et où faut-il le placer

Un code pour faire quoi précisément ?

[philou du 94]

Re : BgMax et transparence pour template 1870j3

Je pense que je n'ai pas du le placer correctement. Bon, de toute façon je ne suis pas assez formé à ce genre de tache. Je voulais que les articles soient transparents et quee les menus demeurent inchangés. Pas grave
Merci quand même et bonne soirée

[lomart]

Re : BgMax et transparence pour template 1870j3

Dans le css, il suffit d'ajouter #nav juste devant .white

#nav.white {
    background: #e1e1e1;
  background-image: url("white-gradient.svg");
  background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
  background-image: -webkit-gradient(linear, left top, left  bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%,  #e1e1e1));
  background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
  background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
  -pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
  border: #ffffff 1px solid;
    box-shadow: #545454 0px 1px 1px 0px;
  -moz-box-shadow: #545454 0px 1px 1px 0px;
  -webkit-box-shadow: #545454 0px 1px 1px 0px;
    border: #eee 1px solid;
}

Comme cela seul le menu sera sur fond blanc et le reste transparent

Rien à faire dans bgmax en dehors d'indiquer quelle image.

[philou du 94]

Re : BgMax et transparence pour template 1870j3

J'ai donc entré le code dans la feuille CSS, mais ça fonctionne en partie: les menus de gauche sont encore transparents, alors que le menu du haut est sur fond blanc. Par contre le conteneur des articles est bien transparent comme souhaité. J'ai essayé de comprendre un peu le code, mais je suis incapable de régler ce problème

[lomart]

Re : BgMax et transparence pour template 1870j3

Bonjour,

#left .white, #nav.white {
   ....
}

Et pour conserver la colonne de droite, il faut ajouter #right .white, devant

Bonne journée

[philou du 94]

Re : BgMax et transparence pour template 1870j3

OK, merci, je commence à comprendre
Très bonne journée à toi