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

3 participants

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

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

Message par Journal-Le-Vagabond Sam 23 Aoû 2014 - 18:07

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: 
avatar

Journal-Le-Vagabond
Nouveau membre

Messages : 5
Inscrit(e) le : 23/08/2014

http://journal-levagabond.forumactif.org/
Journal-Le-Vagabond a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] - Changer la couleur de l'effet semi-transparent

Message par AenigmA Sam 23 Aoû 2014 - 18:17

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
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] - Changer la couleur de l'effet semi-transparent

Message par Journal-Le-Vagabond Sam 23 Aoû 2014 - 18:20

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 ?
avatar

Journal-Le-Vagabond
Nouveau membre

Messages : 5
Inscrit(e) le : 23/08/2014

http://journal-levagabond.forumactif.org/
Journal-Le-Vagabond a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] - Changer la couleur de l'effet semi-transparent

Message par AenigmA Sam 23 Aoû 2014 - 18:23

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

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

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] - Changer la couleur de l'effet semi-transparent

Message par Journal-Le-Vagabond Sam 23 Aoû 2014 - 18:25

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 =)
avatar

Journal-Le-Vagabond
Nouveau membre

Messages : 5
Inscrit(e) le : 23/08/2014

http://journal-levagabond.forumactif.org/
Journal-Le-Vagabond a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] - Changer la couleur de l'effet semi-transparent

Message par AenigmA Sam 23 Aoû 2014 - 18:37

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


Dernière édition par AenigmA le Sam 23 Aoû 2014 - 18:44, édité 1 fois
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] - Changer la couleur de l'effet semi-transparent

Message par Journal-Le-Vagabond Sam 23 Aoû 2014 - 18:44

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

Journal-Le-Vagabond
Nouveau membre

Messages : 5
Inscrit(e) le : 23/08/2014

http://journal-levagabond.forumactif.org/
Journal-Le-Vagabond a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] - Changer la couleur de l'effet semi-transparent

Message par AenigmA Sam 23 Aoû 2014 - 18:52

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
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] - Changer la couleur de l'effet semi-transparent

Message par Journal-Le-Vagabond Sam 23 Aoû 2014 - 19:13

Ouaip du coup ouaip ^^

Merci beaucoup de ton aide en tous cas !
avatar

Journal-Le-Vagabond
Nouveau membre

Messages : 5
Inscrit(e) le : 23/08/2014

http://journal-levagabond.forumactif.org/
Journal-Le-Vagabond a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] - Changer la couleur de l'effet semi-transparent

Message par Chacha Jeu 28 Aoû 2014 - 10:58

.[CSS] - Changer la couleur de l'effet semi-transparent HURHAdp.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 [CSS] - Changer la couleur de l'effet semi-transparent Envoi10

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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