Fond transparent

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Fond transparent

Message par Noro le Mer 29 Avr 2015 - 12:39

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

Noro
Nouveau membre

Messages : 2
Inscrit(e) le : 29/04/2015

http://repffxiv.forumactif.org/
Noro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond transparent

Message par MlleAlys le Mer 29 Avr 2015 - 19:31

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
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

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.Cool 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 ^^

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond transparent

Message par Noro le Ven 1 Mai 2015 - 22:08

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 Smile

Noro
Nouveau membre

Messages : 2
Inscrit(e) le : 29/04/2015

http://repffxiv.forumactif.org/
Noro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond transparent

Message par MlleAlys le Ven 1 Mai 2015 - 22:22

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
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond transparent

Message par MlleAlys le Mar 5 Mai 2015 - 14:20

..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 résolu
  • 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 Smile

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum