Forum

Bonjour à tous,

Je souhaiterais savoir si il est possible de rendre un module opaque pour que ce dernier puisse s'intégrer totalement avec mon arrière-plan, dans mon cas je souhaiterais mettre une photo.

Merci d'avance !

Cordialement.

Bonjour, oui suffit d'y ajouter opacity:0.89; par exemple dans le css de ton mini module.

Bonsoir,

Les modules se trouve dans le fichier content.css ?

Cordialement.

Bonjour,

Je suis dans le fichier content.css mais personnellement je ne vois pas où mettre votre code !

Cordialement.

Il faudrait que tu sois un peu plus précis. De quel module parle tu ?

Si tu applique dans le content.css cela prendre effet sur tous les modules.
Il faut que tu utilise le selecteur de module et du coup, il est préférable de le mettre dans le css du module.

Bonsoir,

Je souhaite que tout mes modules soit intégrés à mon arrière-plan donc que dois-je faire parce que je n'ai pas tout compris à votre explication, je suis néophyte et malvoyant petite précision.
Je suis allé dans le content.css mais il y a pas mal de ligne de codes et je ne sais pas où mettre ce code j'avais pensé à cette endroit :

/* --- Block --- */
.block,
.medium-block,
.small-block {
padding: 0.8em;
background-color: #F2F8FF;
border-style: solid;
border-width: 2px 1px 1px 1px;
border-color: #366393 #CCCCCC #99B1CB #CCCCCC;

Est-ce que c'est bien là ou non ?

Merci d'avance pour votre aide !

Cordialement.

Si tu parle des mini modules des colonnes gauche et droite, il faut modifier le conteneur module-mini-container.

Retire le background et les bordures afin de rendre le container transparent.

Bonjour ElenWii,

Dites-moi je veux que tout mes modules s'intégre dans mon arrière-plan, que ce soit, les modules de la colonne de gauche, mes articles, mes pages, etc...? EN bref je veux vraiment que tout mes modules s'intégrent.

Par contre vous m'avez dis "Retire le background et les bordures afin de rendre le container transparent. ", je dois supprimer cela dans le fichier content.css dans une rubrique spécifique ?

En tout cas merci de l'astuce car j'ai cherché à beaucoup d'endroit mais je n'ai pas trouvé grand chose.

Cordialement.

plop

le meilleur moyen reste encore d'essayer

Voici 1 outil qui devrait t'aider :

la console du navigateur:

• Pour qu'elle soit pleinement utile, il faut d'abord aller dans l'administration du site => outils/cache/configuration et décocher "Activer le cache CSS".
• Ensuite, sur le site, faire un clic droit sur l'endroit que l'on veut modifier puis "examiner l'élément" (firefox) / "inspecter" (chrome) / F12 (ie/edge) => cela ouvre une petite fenêtre avec le code html d'un coté et le code css de l'autre.
• Sur le screenshot suivant, j'ai détaché cette fenêtre pour les besoins de l'explication , elle peut être ailleurs sur la page => http://prntscr.com/apllwl
  • Dans la partie code html on peut affiner l'emplacement à modifier en cliquant dessus
  • Dans la partie code css, ça fourni le fichier et le numéro de la ligne correspondante à modifier. Dans cette fenêtre, on peut modifier les paramètres css pour avoir un aperçu de ce que l'on veut, mais ce n'est que temporaire, actif seulement pour celui qui modifie et disparait au rafraichissement de la page. Pour vraiment faire la modification pour le site, il faut l'appliquer dans le fichier css.
• Pour un site en production, il est important de réactiver le cache css, une fois les modifications appliquées et terminées
  

Édité par babsolune Le 04/11/2016 à 09h34

Bonjour Babsolune,

Merci pour votre réponse mais j'avais déjà trouvé sur le forum PHPBoost qu'il fallait faire cette manipulation, seul problème, auparavant ElenWii m'a indiqué qu'il fallait que je supprime le Background et les bordures dans le fichier content.css, hier soir suite à cela j'ai été supprimé ceci dans la ligne de code que j'ai indiqué dans mes commentaires précédent mais cela n'a rien changé. C'est pour cela que je revient vers vous !

J'utilise l'inspecteur d'Edge sachant que je suis malvoyant et que j'utilise le contraste élevé de Windows 10.

Je souhaite juste que mes modules soit intégrer à mon arrière-plan !

Cordialement.

Ce n'est pas tout le content.css, mais les élements associé au container du mini-module : <a href="https://github.com/PHPBoost/PHPBoost/blob/5.0/templates/base/theme/content.css#L596">https://github.com/PHPBoost/PHPBoost/blob/5.0/templates/base/theme/content.css#L596</a>

et n'oublie pas de désactiver le cache CSS le temps de faire les modifications.

Bonjour,

Merci je vais testé cela et je reviens vers vous si besoin est.

Cordialement.

Bonsoir,

J'ai un problème des graphiste m'on indiqué de mettre une ligne de code dans mon ficher design.css, je l'ai fait mais cela ne change pas mon arrière-plan de mon site. Pouvez-vous venir à mon secours ?

Cordialement.

je reprends ou nous en étions :
j'avais écrit:

Si ton image à bien le même nom, et la même extension elle devrait s'afficher.
Maintenant dans quelle dossier est-elle?
Il existe en fait trois dossiers -images- :
un se trouve au sein du cms et contient les images : des avatars, des groupes, les smilleys etc ... c'est pas celui là !
Un autre autre se trouve dans ton thème :
dans template -ton thème - /images et contient l'avatar par défaut (no-avatar) celui là non plus !
Celui qui nous intéresse se trouve :
/template/ton-thème/thème/images : il contient quelques images : le logo, deux images d'affichage du thème en jpg .
C'est dans ce dossier -images- que tu dois placer ton "fond-d'écran".
En fait c'est le dossier qui se trouve avec les .css

Si tu as placé l'image ailleurs ...çà marche moins bien !

Bonsoir,

Question stupide : le cache PHPBoost a-t-il été réinitialisé après les modifications ?

Cordialement,
Olivier.