couleur de fond tamisée!!
3 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
couleur de fond tamisée!!
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 03082016
Lien du forum : http://assoc-r3ptar.forumactif.org
Description du problème
bonsoir, j'ai cherché mais point trouvé.j'aimerai pourvoir modifié les couleurs de fond (fond1 et fond 3).
pouvez-vous me dire si il est faisable d avoir un couleur tamisé?, c'est à dire un fond bleu ou vert mais avec un réglage pour pouvoir voir l'image du fond d’écran (qui a déjà un script trouvé sur le fofo !!) tout en pouvant lire le texte.
en résumé un bleu ou vert transparent
je vous remercie de votre aide
je continue mes recherches qui m'ont donné pas mal d idées.
merci a tous
bonne soirée
cd
Dernière édition par cd.74 le Sam 6 Aoû 2016 - 0:47, édité 1 fois
Re: couleur de fond tamisée!!
Bonjour,
Il s'agit de jouer sur l'opacité de l'élément. Pour l'endroit que vous indiquez sur votre capture d'écran, vous pouvez ajouter à votre CSS (PA > Affichage > Couleurs > Feuille de style) ceci :
Vous pouvez rendre le fond plus ou moins transparent en modifiant la valeur 0.8 : en allant vers 0, le fond sera de plus en plus transparent, en allant vers 1 il le sera de moins en moins.
Cordialement,
Il s'agit de jouer sur l'opacité de l'élément. Pour l'endroit que vous indiquez sur votre capture d'écran, vous pouvez ajouter à votre CSS (PA > Affichage > Couleurs > Feuille de style) ceci :
- Code:
.navbar {
opacity: 0.8;
}
Vous pouvez rendre le fond plus ou moins transparent en modifiant la valeur 0.8 : en allant vers 0, le fond sera de plus en plus transparent, en allant vers 1 il le sera de moins en moins.
Cordialement,
Walt- Modéractif
-
Messages : 6084
Inscrit(e) le : 08/09/2015
Re: couleur de fond tamisée!!
Bonsoir Walt
oui c est bien ça mais (désolé )2 trucs,
1 cela n agit que sur la barre bleu (fond1) et pas en même temps sur le fond 3 en vert pale.
2 cela baisse également l écriture, alors que j'aimerai que cela reste en valeur a 100% visible
y a t il possibilité que cela soit indépendant
je fait une précision que j ai omise, les fonds sont ceux référencer dans PA--> AFFICHAGE --> COULEUR --> COULEUR DE FOND
merci de ton aide
au plaisir
bonne soirée
cd
oui c est bien ça mais (désolé )2 trucs,
1 cela n agit que sur la barre bleu (fond1) et pas en même temps sur le fond 3 en vert pale.
2 cela baisse également l écriture, alors que j'aimerai que cela reste en valeur a 100% visible
y a t il possibilité que cela soit indépendant
je fait une précision que j ai omise, les fonds sont ceux référencer dans PA--> AFFICHAGE --> COULEUR --> COULEUR DE FOND
merci de ton aide
au plaisir
bonne soirée
cd
Re: couleur de fond tamisée!!
c est bon j ai résolu avec difficulté mais je pense que c est correct
je vous met ce que j ai inséré dans le CSS
vous me direz ce que vous en pensez je cherche encore pour faire plus fonce les écritures si vous avez une idées!!
élément {}#page-footer, div.navbar, div.navbar ul.linklist
{display: block !important;}.navbar {opacity: .6;}.navbar {background-color: #e2e0ff;clear: both;padding: 0 10px;}*
{margin: 0;padding: 0;}* {margin: 0;padding: 0;}
body {color: #7d470e;font-family: lucida calligraphy;font-size: 12px;}
body {color: #7d470e;font-family: lucida calligraphy;font-size: 11px;}html {font-size: 100%;}html {font-size: 100%;}
élément {}ul.forums {background-color: #f1fcd6;background-image: none;}
ul.topiclist {background-image: url(https://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;color: #7d470e;list-style-type: none;margin: 0;}ul {list-style-type: none;}*
{margin: 0;padding: 0;}* {margin: 0;padding: 0;}body {color: #7d470e;font-family: lucida calligraphy;
font-size: 11px;opacity: 0.75;}body {color: #7d470e;font-family: lucida calligraphy;font-size: 11px;}
html {font-size: 100%;}html {font-size: 100%;}
je vous met ce que j ai inséré dans le CSS
vous me direz ce que vous en pensez je cherche encore pour faire plus fonce les écritures si vous avez une idées!!
élément {}#page-footer, div.navbar, div.navbar ul.linklist
{display: block !important;}.navbar {opacity: .6;}.navbar {background-color: #e2e0ff;clear: both;padding: 0 10px;}*
{margin: 0;padding: 0;}* {margin: 0;padding: 0;}
body {color: #7d470e;font-family: lucida calligraphy;font-size: 12px;}
body {color: #7d470e;font-family: lucida calligraphy;font-size: 11px;}html {font-size: 100%;}html {font-size: 100%;}
élément {}ul.forums {background-color: #f1fcd6;background-image: none;}
ul.topiclist {background-image: url(https://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;color: #7d470e;list-style-type: none;margin: 0;}ul {list-style-type: none;}*
{margin: 0;padding: 0;}* {margin: 0;padding: 0;}body {color: #7d470e;font-family: lucida calligraphy;
font-size: 11px;opacity: 0.75;}body {color: #7d470e;font-family: lucida calligraphy;font-size: 11px;}
html {font-size: 100%;}html {font-size: 100%;}
Re: couleur de fond tamisée!!
Bonjour,
pour modifier l'opaciter du fond sans toucher à celle de l'écriture, il faut appliquer en fond une couleur à l'aide de son code rgba(red, green, blue, alpha). les trois premières valeurs codent la couleur, et la dernière son opacité (de 0 complètement transparent à 1 complètement opaque).
exemples :
noir à moitié transparent : rgba(0,0,0,0.5) où 0.5 est l'opacité
blanc totalement opaque : rgba(255,255,255,1) où 1 est l'opacité
une couleur au pif très transparente : rgba(10,204,151,0.2) où 0.2 est l'opacité.
En appliquant une couleur de fond en partie transparente, on verra tout de même les écritures et les images, là où "opacity" modifiait l'opacité de tout l'élément et son contenu.
Comme on ne peut pas appliquer une couleur en rgba dans le panneau d'administration, il faudra tout de même passer par du css.
pour modifier l'opaciter du fond sans toucher à celle de l'écriture, il faut appliquer en fond une couleur à l'aide de son code rgba(red, green, blue, alpha). les trois premières valeurs codent la couleur, et la dernière son opacité (de 0 complètement transparent à 1 complètement opaque).
exemples :
noir à moitié transparent : rgba(0,0,0,0.5) où 0.5 est l'opacité
blanc totalement opaque : rgba(255,255,255,1) où 1 est l'opacité
une couleur au pif très transparente : rgba(10,204,151,0.2) où 0.2 est l'opacité.
En appliquant une couleur de fond en partie transparente, on verra tout de même les écritures et les images, là où "opacity" modifiait l'opacité de tout l'élément et son contenu.
Comme on ne peut pas appliquer une couleur en rgba dans le panneau d'administration, il faudra tout de même passer par du css.
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Sujets similaires
» La couleur de mes textes se fond dans la couleur de fond
» Changer la couleur de fond pour un fond personnalisé en fonction du groupe / rang
» Une couleur se trouve à deux endroits différents sur fond clair - sur fond foncé
» Je n'arrive pas changer la couleur fond de page et fond de cadre du forum. Jr
» Champ texte/liste afficher dans un message Fond blanc >> Fond d'une certaine couleur
» Changer la couleur de fond pour un fond personnalisé en fonction du groupe / rang
» Une couleur se trouve à deux endroits différents sur fond clair - sur fond foncé
» Je n'arrive pas changer la couleur fond de page et fond de cadre du forum. Jr
» Champ texte/liste afficher dans un message Fond blanc >> Fond d'une certaine couleur
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