Fond transparent

[Noro]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 208/04/2015
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Je cherche à rendre la/les couleur(s) de fond de mon forum transparente(s).
J'ai déjà parcouru un peu ce forum et d'autres à la recherche d'explications, mais cela ne semble pas fonctionner.

Pour la petite illustration, je cherche à faire un fond transparent comme ici : http://mercenaires-et-co.forumactif.fr/forum

En vous remerciant pour vos réponses et désolée si ces questions ont déjà été posés et que je ne les ai pas vue.

[MlleAlys]

Bonjour,

..	Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Pour avoir l'effet donné en exemple, il faut appliquer à tous les éléments concernés un fond en rgba via la feuille de style css :
rgba est un codage de couleur avec 4 nombres : Red (rouge de 0 à 255), Green (vert de 0 à 255), Blue (bleu de 0 à 255), et Alpha (l'opacité entre 0 et 1)
Par exemple :
rgba(0, 0, 0, 1) code pour du noir avec une opacité de 1 donc totalement opaque
rgba(255, 0, 0, 0.5) code pour du rouge à moitié transparent
rgba(0, 255, 0, 0.3) code pour du vert avec une opacité de 0.3 donc fortement transparent
rgba(0, 0, 255, 0. code pour du bleu avec une opacité de 0.7 donc très peu transparent
rgba(123, 66, 168, 1) code pour un violet complètement opaque
rgba(255, 255, 255, 0.5) code pour du blanc à moitié transparent

bref, une fois le code de la couleur voulue en rgba, il faut l'appliquer à tous les éléments concernés. J'ai relevé plusieurs classes d'éléments susceptibles :
.forabg pour la liste des forums
.module pour les modules
#login_popup pour la pop-upde connexion
.panel pour divers encadrés contenant des informations
.forumbg pour la liste des sujets
J'en ai sûrement oublié, n'hésitez pas à le dire si vous voyez des éléments auxquels vous souhaiteriez ajouter un fond ^^

Donc finalement, dans affichage > couleurs > onglet "feuille de style css", ajoutez le code suivant :

Code:

/*fonds translucides*/
.forabg, .module, #login_popup, .panel, .forumbg {
  background: rgba(255,255,255,0.4);
}

modifiez si besoin le code de la couleur par celui de la couleur voulue ^^

[Noro]

Wouha !
Génial merci beaucoup !

Je veux biens savoir aussi ce qu'il faut écrire pour l'endroit où on a le sujet d'écrit, s'il vous plait ! Dans la sélection des couleurs ils appellent ça "fond 2" après je ne vois pas comment ça pourrait s'appeler dans un code. En vous remerciant encore

[MlleAlys]

ah oui pardon !
eh bien, vous pouvez soit ajouter .post pour mettre le fond sur toute la ligne, ou bien .postbody pour le fond du message, et .postprofile pour le fond du profil du posteur, ce qui donne au choix :

Code:

/*fonds translucides*/
.forabg, .module, #login_popup, .panel, .forumbg, .post {
  background: rgba(255,255,255,0.4);
}

ou

Code:

/*fonds translucides*/
.forabg, .module, #login_popup, .panel, .forumbg, .postbody, .postprofile {
  background: rgba(255,255,255,0.4);
}

[MlleAlys]

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif