Transparence des cellules des catégories

[Elwing]

Bonjour !
J'ai une question au sujet de l'opacité du fond de la page d'accueil...
J'aimerais savoir s'il est possible de rendre la page d'accueil un peu transparente de sorte qu'on voye l'image de fond du forum dessous ? Il me semble l'avoir déjà vu sur un forum un jour mais je ne sais pas du tout où aller pour parvenir à ce résultat
Quelqu'un sait-il comment faire ?

D'avance merci pour vos réponses !

[Invité]

Bonjour,

Aurais tu une capture d'écran à nous montrer, pour que l'on puisse mieux t'aider ?

Romain

[Elwing]

Une capture d'écran du forum où j'ai vu ce que je cherche ou une de mon forum ?

Si c'est la première que tu demande je peux essayer de le retrouver ! (ça risque de prendre un peu de temps mais c'est faisable je pense =) )

C'était là je crois... : http://forum.leschevaliersdemeraude.fr/

[Elwing]

Personne ne sait ? ='(

[Invité]

Hello.

Il te faudra passer par le CSS pour faire ça. Je connais deux méthodes :
• Soit un RGB où tu règles l'opacité, mais qui ralentit fortement la navigation.
• Soit mettre un fond avec une image légèrement transparente sur l'élément.

Voilou .

[Elwing]

:thanks: pour ta réponse ! =) Par contre tu pourrais m'expliquer comment faire ? qu'est-ce que c'est CSS et comment mettre un fond avec une image légèrement transparente ? Bref où aller dans mon Panneau d'admin pour cela ?

D'avance encore merci =)

[SandyL]

Bonjour,

Effectivement, vous pouvez mettre un fond avec une image légèrement transparente.

Il vous faut alors coller l'url de cette image dans la feuille de style CSS

Panneau d'admin
Affichage
Couleurs : Feuille de style CSS

Coller dans cette feuille le code suivant et valider

Forum phpbb3

Code:

#wrap {
background-repeat: repeat;
background-image: url('http://i61.servimg.com/u/f61/11/31/95/95/sans_t15.png');
}

Forum phpbb2

Code:

.bodyline {background-repeat: repeat;
background-image: url('http://i61.servimg.com/u/f61/11/31/95/95/sans_t15.png');
}

Cette image donnée en exemple fait un fond opaque blanc, mais vous pouvez faire ou faire faire la même chose avec une autre couleur.

[Elwing]

(Re) Bonjour,
Merci pour cette réponse SandyL =) petit problème : en entrant ce code je me retrouve avec un contour blanc opaque qui ne s'étend pas dans les "cellules" des catégories... hors je cherche un moyen de rendre transparent la couleur intérieur du cadre du forum et celle des tables rangées (enfin les cellules des forums je ne sais pas le noms exact) pour pouvoir voir l'image de mon fond de page.

[SandyL]

vous êtes bien en phpbb2

[Elwing]

vous êtes bien en phpbb2

Oui je crois bien...

[Elwing]

vous êtes bien en phpbb2

Oui je crois bien...

Oui avec certitude xD je suis bien en phpbb2...
Je renouvelle ma question mais avec (je tente lol) un peu plus de précision et clarté... Pour se faire j'utilise un exemple déjà donné dans un vieux sujet (mais qui ne voulait pas la même chose) donc voilà, j'aimerais ceci poru mon forum :

en 1 Mon fond actuel qui reste comme il est...
Et en 2 : l'intérieur des catégorie qui doit être transparent pour qu'on voit mon fond (en 1)...



Quelqu'un sait comment faire ? =/

D'avance re-merci ^^

[Elwing]

Up ?

[tupac]

Bonjour

Coller ce code dans votre feuille de style css.

Code:


body {
filter:alpha(opacity=70);
-moz-opacity:0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
}

Bonne journée

[Elwing]

Bonjour

Coller ce code dans votre feuille de style css.

Code:


body {
filter:alpha(opacity=70);
-moz-opacity:0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
}

Bonne journée

Merci ça marche pas mal ! Seul problème : Mon logo devient lui aussi transparent ainsi que les avatars TT j'ai essayer de bidouiller les valeurs mais si le logo est opaque le fond des catégorie aussi donc... je continu à traficoter comme je peux mais si quelqu'un connaît une astuce imparable ou bien les valeurs exact à mettre dans le code... je suis toute ouïe ^^
Merci beaucoup en tout cas !

[Elwing]

Re bonjour ! voilà j'ai peut-être le début d'une solution...

{background-color:transparent;}
Ce code "fonctionne" pas mal si je le colle dans ma feuille des tyle CSS personnalisée (où il y a juste le code CSS pour avoir un sélectionneur de couleurs genre #... bref une infinité de choix, et le code de transparence si dessus) et que je désactive la feuille CSS de base. Problème : ça donne lieu à un joyeux fouilli TT Ah certes j'ai ma transparence,lol, mais alors il y a des catégories qui se collent, l'image de fond qui défile, plus de barre de séparation entre les parties... bref plus aucun ordre TT

Donc je me disais que peut-être si j'arrivais à modifier mon CSS de base en lui ajoutant le code de transparence, je pourrait garder la bonne organisation de ce premier et la transparence de ce second ?
Donc savez-vous comment modifier son CSS de base ?

PS : je sais le voir mais pas le modifier... ( et je l'ai enregistré par précaution...)

[tupac]

Je pense qu'il faut trouver la bonne "classe" des cellule dans le template et la mettre a la place de celle du code qui est "body"

[Elwing]

Je pense qu'il faut trouver la bonne "classe" des cellule dans le template et la mettre a la place de celle du code qui est "body"

Ok d'accord alors... Template, je comprends x) (c’est un début lol) mais je mets quoi à la place de "body" ?

[Invité]

Bonjour,

J'essaie de comprendre ou est le soucis, mais j'avoue que je ne pige pas bien. Vous cherchez a obtenir quelque chose comme ça?

[Elwing]

Bonjour,

J'essaie de comprendre ou est le soucis, mais j'avoue que je ne pige pas bien. Vous cherchez a obtenir quelque chose comme ça?

Bonjour !
Oui c'est exactement ce que je cherche !! =D

[Invité]

Pour obtenir ce résultat, j'ai ajouté ceci dans ma feuille CCS personnalisée:

Code:

td.row1, td.row2, td.row3,td.row3Right {border: 1px solid #FF0000;}

.postbody{background-color:#000;}

#text_editor_textarea{background-color: #000;}

Cela met les lignes autour des tables, le fond des messages en noir et le fond de la zone de saisie en noir également.
Et ensuite j'ai supprimé toutes les couleurs des tables:


Cordialement.

[Elwing]

Je suis jalouse pourquoi ça marche avec votre forum et pas le miens ? xD TT j'obtiens le tour transparent, mais l'intérieur des catégorie blanche...

http://mythologik-legendary.forumactif.com/forum.htm

voici ma feuille de CSS personnalisée :


td.row1, td.row2, td.row3,td.row3Right {border: 1px solid #FF0000;}

.postbody{background-color:#000;}

#text_editor_textarea{background-color: #000;}

.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}


Voilà, je crois que je desespère un peu ^^" En tout cas merci pour l'aide ! Si vous avez d'autres idées, je suis toute ouïe

[Invité]

Je crois que j'ai trouvé la méchante couleur qui fait de la résistance, la couleur du cadre des cellules est transparente sur mon forum.

[Elwing]

Punaiiise !!! T'as trouvé ça marche ! =DD Merci beaucoup beaucoup beaucoup !! =D :thanks:
Franchement merci de ton aide c'est exactement ce que je voulais !!