Transparence des cellules des catégories

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

Résolu Transparence des cellules des catégories

Message par Elwing le Mar 30 Nov 2010 - 11:45

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 confused
Quelqu'un sait-il comment faire ?

D'avance merci pour vos réponses ! rendeer


Dernière édition par Elwing le Mer 8 Déc 2010 - 16:58, édité 2 fois

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Invité le Mar 30 Nov 2010 - 11:51

Bonjour,

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

Romain

Invité
Invité


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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mar 30 Nov 2010 - 11:55

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
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mer 1 Déc 2010 - 11:10

Personne ne sait ? ='(

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Invité le Mer 1 Déc 2010 - 11:39

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

Invité
Invité


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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mer 1 Déc 2010 - 11:52

Thanks pour ta réponse ! =) Par contre tu pourrais m'expliquer comment faire ? scratch 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 =)

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par SandyL le Mer 1 Déc 2010 - 12:13

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

Arrow Panneau d'admin
Arrow Affichage
Arrow 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.


SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mer 1 Déc 2010 - 17:59

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

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par SandyL le Mer 1 Déc 2010 - 19:25

vous êtes bien en phpbb2

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mer 1 Déc 2010 - 19:56

@SandyL a écrit:vous êtes bien en phpbb2

Oui je crois bien...

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Ven 3 Déc 2010 - 14:37

@Elwing a écrit:
@SandyL a écrit: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
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Lun 6 Déc 2010 - 11:05

Up ?

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par tupac le Lun 6 Déc 2010 - 14:48

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

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mar 7 Déc 2010 - 15:33

@tupac a écrit: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
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mar 7 Déc 2010 - 16:51

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

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par tupac le Mar 7 Déc 2010 - 22:28

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"

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mer 8 Déc 2010 - 12:29

@tupac a écrit: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" ?

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Invité le Mer 8 Déc 2010 - 13:25

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?

Invité
Invité


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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mer 8 Déc 2010 - 14:21

Isolde a écrit: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

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Invité le Mer 8 Déc 2010 - 14:29

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.

Invité
Invité


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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mer 8 Déc 2010 - 14:41

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 Smile

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

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

Résolu Re: Transparence des cellules des catégories

Message par Invité le Mer 8 Déc 2010 - 14:55

Very Happy
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.



Invité
Invité


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

Résolu Re: Transparence des cellules des catégories

Message par Elwing le Mer 8 Déc 2010 - 16:57

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 !!

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

http://ewilan.forumactif.fr/
Elwing 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