Problème de transparence

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

Résolu Problème de transparence

Message par Ontrose le Mar 26 Oct 2010 - 0:41

Bonjour à tous !

Voilà mon souci, sur mon forum www.teamafk.forum-pro.fr j'ai beaucoup de blocs que ce soit sur le portail ou sur le forum.
Pour l'instant mes fonds de blocs sont "opaques", "transparents".

C'est super ! Mais c'ets peut-être un peu trop transparent, a tel point qu'il est parfois difficile de lire les messages postés ^^"....

Avez vous une solution ?
J'ai voulu tester ce code :
Code:
filter:alpha(opacity=70);
-moz-opacity:0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
Mais le résultat n'est pas très probant, et surtout j'ai du mal à voir dans ma feuille Css, où l'insérer pour qu'il soit performant !

Help ? Smile

bonne soirée !

Ontrose
Nouveau membre

Messages : 5
Inscrit(e) le : 25/10/2010

http://teamafk.forum-pro.fr
Ontrose a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de transparence

Message par ge80 le Mar 26 Oct 2010 - 7:32

Bonjour

Il faut être administrateur et vous trouverez votre feuille css dans

Panneau d'administration
-> Affichage
-> Images et Couleurs -> Couleurs
-> Feuille de style CSS

Vous ne pouvez ajouter ce code car il est incomplet !

Cordialement
ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de transparence

Message par MUSH le Mar 26 Oct 2010 - 9:15

bonjour
pour ce problème opacité
il faut ajuster à sa juste valeur dans votre code
extrait : opacity=70
à zéro % opacité total
à 100 % aucune opacité
dans la théorie du fonctionnement
pour qu'il soit à votre convenance il faudra tester au dessus de 70 %

MUSH
***

Masculin
Messages : 102
Inscrit(e) le : 21/09/2010

http://aoliens.frenchboard.com
MUSH a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de transparence

Message par Ontrose le Mar 26 Oct 2010 - 10:51

Merci à tous les deux !
En fait j'ai ma feuille Css, et je sais où elle se trouve ; c'est à l'intérieure du loooong code que je ne sais où l'insérer :/
Voilà si ça peut vous aider la feuille proprement dite :

Code:
body#phpbb div#wrap {
background-repeat: repeat;
background-image: url('http://i40.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('http://i40.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('http://illiweb.com/fa/vide.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('http://i40.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('http://i40.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('http://illiweb.com/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('http://i40.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('http://i40.servimg.com/u/f40/11/60/94/76/sombre10.png');
}

Une idée ?

Ontrose
Nouveau membre

Messages : 5
Inscrit(e) le : 25/10/2010

http://teamafk.forum-pro.fr
Ontrose a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de transparence

Message par ge80 le Mar 26 Oct 2010 - 10:58

En réalité, la transparence vient de votre css par défaut.

C'est cette image par exemple

Code:
http://i40.servimg.com/u/f40/11/60/94/76/sombre10.png

Il suffit de la modifier avec un logiciel graphique puis de la remettre via votre panneau d'administration.

ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de transparence

Message par Ontrose le Mar 26 Oct 2010 - 14:39

Merci !
Par contre lorsque je l'ouvre avec GIMP, jai juste un arrière plan avec une opacité de 100%.
Vu que je cherche à rendre plus opaque cette image, je me dirige vers l'opacité de l'arrière plan...
Et là surprise lorsque je cherche a sauver cette image en PNG (format d'origine) GIMP me dit que ce format ne prendre pas en charge l'opacité....

I'm lost :'(

EDIT : même en rajoutant un calque par dessus et en lui attribuant une opacité de 70/80%, ça ne marche po ! ^^

Ontrose
Nouveau membre

Messages : 5
Inscrit(e) le : 25/10/2010

http://teamafk.forum-pro.fr
Ontrose a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de transparence

Message par Ontrose le Mar 26 Oct 2010 - 14:59

Validate ! la dernière technique est la bonne !
Merci pour vos réponses rapide, et en espérant que ma mésaventure serve aux autres !

Bye merci encore !

Ontrose
Nouveau membre

Messages : 5
Inscrit(e) le : 25/10/2010

http://teamafk.forum-pro.fr
Ontrose a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de transparence

Message par ge80 le Mar 26 Oct 2010 - 15:03

victoire

Désolé j'arrive trop tard mais vous avez trouvé seul.

Bonne journée
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de transparence

Message par Ontrose le Mar 26 Oct 2010 - 15:08

Non vraiment merci pour votre aide ^^ j'aurais jamais trouvé seul !

Ontrose
Nouveau membre

Messages : 5
Inscrit(e) le : 25/10/2010

http://teamafk.forum-pro.fr
Ontrose a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de transparence

Message par ge80 le Mar 26 Oct 2010 - 15:12

Il ne faut pas douter de vos capacités Wink

Bonne journée
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 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