Fond transparent
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Fond transparent
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.
Dernière édition par Noro le Ven 1 Mai 2015 - 22:08, édité 1 fois
Re: Fond transparent
Bonjour,
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 :
.. | Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums ForumActif Sécurité : mail de fondation - Ce qu'il ne faut pas faire
|
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);
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Fond transparent
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
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
Re: Fond transparent
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 :
ou
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- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Fond transparent
.. | Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Sujets similaires
» Entête PNG à fond transparent, qui n'apparaît pas transparent
» Fond transparent
» Fond transparent
» Transparent d'un fond
» Fond de page différent pour une page html + appliquer un fond transparent
» Fond transparent
» Fond transparent
» Transparent d'un fond
» Fond de page différent pour une page html + appliquer un fond transparent
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum