couleur de fond tamisée!!

3 participants

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

Résolu couleur de fond tamisée!!

Message par cd.74 Mer 3 Aoû 2016 - 19:00

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème : couleur de fond tamisée!! Couleu10
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
cd.74

cd.74
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 26/06/2016

http://assoc-r3ptar.forumactif.org
cd.74 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond tamisée!!

Message par Walt Jeu 4 Aoû 2016 - 18:11

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 :

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

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

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

Résolu Re: couleur de fond tamisée!!

Message par cd.74 Jeu 4 Aoû 2016 - 19:38

Bonsoir Walt

oui c est bien ça mais (désolé Embarassed )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
cd.74

cd.74
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 26/06/2016

http://assoc-r3ptar.forumactif.org
cd.74 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond tamisée!!

Message par cd.74 Sam 6 Aoû 2016 - 0:47

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%;}
cd.74

cd.74
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 26/06/2016

http://assoc-r3ptar.forumactif.org
cd.74 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond tamisée!!

Message par MlleAlys Sam 6 Aoû 2016 - 1:52

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.
MlleAlys

MlleAlys
Membre actif

Messages : 5767
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

- Sujets similaires

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