[CSS] - Changer la couleur de l'effet semi-transparent

[Journal-Le-Vagabond]

Bonjour !

Mon problème est le suivant: je dispose d'un code CSS par défaut qui, je présume, offre à mon forum un fond transparent noir avec des bordures noires.

J'ai eu beau utiliser la fonction "rechercher", je n'ai pas réussi à comprendre ce qu'il fallait que je fasse ou à trouver les codes dont j'avais besoin sur les topics. ^^"

Comment modifier ce code afin d'obtenir le même effet avec des couleurs bleutées.
Comment modifier ce code afin d'obtenir le même effet avec la nuance blanche.

(Il me faudrait donc deux codes distincts ^^").

Voici ledit code:

body#phpbb div#wrap {
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
}
/* Header-------------------------------------------------*/
.headerbar {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
background-repeat: repeat;
}
/*Navbar2-------------------------------------------------*/
#page-header ul.navlinks {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
margin-left: -10px;
margin-right: -10px;
margin-top: -9px;
}
#search-box input {
border: 0px solid;
margin-top: -20px;
display: none;
}
#search-box input.button1 {
display: none;
padding: 1px 5px;
}
input.search {
background-image: url('https://2img.net/i/fa/empty.gif');
background-repeat: no-repeat;
background-position: left 1px;
display: none;
}
/* Post----------------------------------------------*/
.post {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
}
/* Code block------------------------------------------------*/
dl.codebox {
padding: 3px;
background-repeat: repeat;
background-color: #005456;
border: 1px solid #000000;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 0px solid #CCCCCC;
margin-bottom: 3px;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Courier,CourierNew,sans-serif;
line-height: 1.3em;
color: #B7F7FF;
margin: 2px 0;
}
/* Blockquote------------------------------------------------*/
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
background-repeat: repeat;
border: 1px solid #000000;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 0px;
}
blockquote blockquote {
background-color: #EFEED9;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
/* Table-------------------------------------------------*/
.forabg {
background-repeat: repeat;
border: 1px solid #000000;
}
.forumbg {
background-repeat: repeat;
border: 1px solid #000000;
}
/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #000000;
}
a.button2, input.button2, button.button2 {
border: 1px solid #000000;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #b7e6ff;
background-repeat: no-repeat;
background-color: #005456;
background-image: url('https://2img.net/i/fa/empty.gif');
background-position: top;
overflow: visible;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
/* Opera does not see this */
padding: 1px 0;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
border: 1px solid #000000;
color: #fffc9e;
background-position: 0 100%;
}
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
color: #b7e6ff;
text-decoration: none;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
* html input.button1, * html input.button2, * html button.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
*+html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
* html button.button2 img {
vertical-align: middle;
}
/* Tags-------------------------------------------------*/
select {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #000000;
padding: 1px;
background-color: #005456;
color: #b7e6ff;
}
/* Smilies-------------------------------------------------*/
#smiley-box {
float: right;
margin-top: 25px;
width: 18%;
background-color: #005456;
}
#smiley-box-wysiwyg {
float: left;
margin: 25px 0px 0px 15px;
width: 20%;
background-color: #005456;
}
* html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
background-color: #005456;
}
*+html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
background-color: #005456;
}
#smiley-box iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #005456;
}
#smiley-box-wysiwyg iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #005456;
}
.smiley-element img {
margin: 0px 15px 10px 0px;
}
/* Portail_Modules-------------------------------------------------*/
.module {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
}
.module h3 {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
}

Merci beaucoup d'avance.  :thanks: 

[AenigmA]

Bonsoir,
Sans rien voir il est dur de savoir.
La seule chose est que la semi transparence noir est liée à cette image png https://i.servimg.com/u/f40/11/60/94/76/sombre10.png

[Journal-Le-Vagabond]

Bonsoir,

Merci pour la réponse même si je suis pas sûr de comprendre le début du message au sujet du "sans rien voir il est dur de savoir". ^^'

Donc si je comprends bien il suffit que je trouve une image similaire à celle proposée ici en blanc ou en bleu et que je les remplace dans le code ?

[AenigmA]

En invité on ne voit pas le forum "cause travaux"

Logiquement oui c'est l'image maitresse de ton thème

[Journal-Le-Vagabond]

Aaah xD oui je suis à l'ouest, désolé xD. Attends j'enlève ça pour que tu puisses voir ! x)

Merci en tous cas =)

[AenigmA]

Pour faire tes essais voici les miennes, sauvegarde les sur ton pc et ré héberge les sur servimg


Tu les changes une par une pour voir où elle correspondent

[Journal-Le-Vagabond]

J'ai essayé le bleu et ce n'est plus transparent du tout ^^" c'est totalement opaque :/
Par contre oui je vois à quels endroits ça correspond maintenant, merci. ^^

[AenigmA]

Effectivement les 2 premières sont trop foncées. Les 3 dernières sont opaques. Tu as compris le principe.

Fais une commande de différentes couleurs avec opacité 20, 40, 60 % dans la partie concernée puis je pense que tu t'en sortiras

[Journal-Le-Vagabond]

Ouaip du coup ouaip ^^

Merci beaucoup de ton aide en tous cas !

[Chacha]

..	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 A bientôt sur ForumActif