Intérieur du cadre légèrement transparent : comment faire ?

[bobby]

Rappel du premier message :

Bonjour !
Je suis en train de créer un forum et j'aimerais que l'intérieur du cadre (pour l'instant gris foncé) soit légèrement transparent afin qu'on puisse apercevoir les motifs de l'image de fond...
J'ai bien cherché sur le forum d'entre-aide avec la fonction "recherche", et j'ai trouvé des codes à essayer dans le CSS, mais aucun n'a marché.
S'il y a un code à copier : permettra-t-il aussi de mettre le fond des pub dans la même transparence ?
J'aimerais une opacité de l'ordre de 50 à 80% à peu près (à voir suivant l'effet que ça donne...)
Voici l'adresse de mon forum : ...
Je ne sais pas s'il s'agit d'un PHBB2 ou 3 ou je ne sais quoi car je ne sais pas où l'information se trouve....
Un grand merci par avance !

[bobby]

bon ben euh... comment dire ?

ça marche pas ! je pense que je vais lâcher l'affaire !
merci pour vos tuyaux, même s'ils n'ont pas fonctionné

[Lixyr]

en effet : si j'ai bien lu le fil, le problème a été posé, certains ont proposé des solutions, et rien ne marchait (comme dans mon post, finalement ! )... c'est pas trop ce que j'appelle un tuto...?! ou alors ya une partie du topic qui m'a échappée ? (c'est fort possible aussi, je veux bien qu'on me mette le doigt dessus ! )

bon en attendant je vais essayer ce que vous m'aviez suggéré hier... avec le boulot, je n'ai pas eu une minute à y consacrer !

Justement, je vais mettre le doigt dessus alors.

Il dit bien que son code marche, mais que comme il a mis une grande image, son forum rame, du coup, et donc qu'il voudrait un autre code :

J'ai réussis à obtenir le résultat que je souhaite via une image de fond transparente, avec le code suivant [...] Mais cela semble ralentir la vitesse de chargement des pages. Je souhaiterais donc savoir s'il existe un code tel que :

On lui propose donc en dessous, de mettre une image plus petite, et il dit bien qu'il n'y avait pas pensé, et que ça marche.

Je pense donc que je vais modifier l'image de fond (je n'y avais pas pensé ... Shutt), cela règlera également le soucis du fond de la publicité google.

Ca devrait donc marcher chez vous aussi si vous êtes en phpbb3, comme lui.

[bobby]

ok, c'était un sujet de demande d'aide, avec des réponses diverses... je n'ai pas dû bien saisir le sens du mot "tuto", je croyais que c'était une description précise des manip à faire, image à l'appui. j'ai dû me tromper...

toujours est-il que ce code, comme je vous l'ai dit juste avant, ne fonctionne pas. j'ai un forum phpbb3, mais le code ne marche pas. j'ai l'impression qu'on pense que je ne fais pas ce qu'il faut, mais j'ai fait les démarches telles qu'on me les a décrites, je ne vois pas ce que je pourrais faire de + !

[Lixyr]

Oh si si, je pense bien que vous faites tout ce qu'il faut, c'est bien là le problème : c'est que du coup, je ne sais plus quoi dire. Vous avez un css personnalisé ? Peut-être que ça pourrait venir de là, mais là encore, je ne pourrai pas vous aider, n'y connaissant rien en phpbb3

Attendons de voir si quelqu'un d'autre vient apporter une suggestion.

[bobby]

je ne sais même pas si j'ai un css personnalisé ! (je ne sais pas ce que ça veut dire ! jusqu'ici, j'ai toujours utilisé le panneau d'admin sans toucher au css, sur mes autres forums, ça me suffisait grandement et je m'y retrouvais.. alors que le css pour moi c'est un langage inconnu )

j'espère que qq'un d'autre saura trouver la solution au pb, merci de vous être penchée en tout cas !

[bobby]

je me permets un ptit message supplémentaire pour expliquer un phénomène que je ne comprends pas (toujours sur le même sujet) :

- le code ne fonctionnant pas, je l'ai enlevé du css, et j'ai remis la couleur uq je souhaitais dans l'intérieur du cadre (gris foncé, le même que le contour de mon logo et que le fond de page qui apparaît en fond dans les liens de pub).

- en regardant mon forum, je m'aperçois que le gris de l'intérieur du cadre apparaît plus clair que celui qui a été appliqué (vous verrez nettement la différence de gris sur la page d'accueil : ... entre l'intérieur du cadre - trop clair - et le contour du logo qui est le m^me gris foncé que le fond des pub)

- je me demandais, du coup, si l'image de transparence semi-opaque ne s'appliquait pas sur la couleur de l'intérieur du cadre uniquement (donc quand je mets pas de couleur du tout, l'image de transparence ne fonctionnerait pas ??). mais dans ce cas-là, comment est-ce possible qu'elle fasse un voile plus clair dans l'intérieur de mon cadre, alors que j'ai supprimé le code du css ????

je n'y comprends plus rien !
(bon en même temps, j'ai jamais compris grand chose à tout ça, j'avoue ! )

je voulais bien me résigner à ne pas mettre cette histoire de transparence puisqu'on n'arrive pas à le faire, mais du coup j'aimerais bien revenir à ma couleur initiale (gris foncé ! code #525252), et pas ce gris plus fade !

fiouuuu, c'est compliqué !

[Lixyr]

Ben franchement, là je ne vois pas de différence entre le gris de fond de votre cadre et le gris de fond des pubs. C'est le même gris.

Vous aviez peut-être un bug d'affichage suite au cache internet ou au cookie.
Au cas où, videz votre cache internet et supprimez les cookies.

Ensuite, faite un screen de ce que vous avez, vous, que je compare avec ce que je vois moi.

Essayez de remettre votre code dans le css après le screen, et regardez ce que vous obtenez.

[bobby]

je pensais justement au cache à vider (je ne comprends rien à ce jargon mais il me semblait que ça pouvait être lié...), mon copain m'avait dit quel raccourci il fallait faire ya qq jours/semaines mais j'ai oublié (il me semblait que c'était CTRL + F5, or ça ne rafraîchit rien du tout quand je le fais ! ).
pouvez-vous m'indiquer comment on vide le cache ?

voilà l'apparence de mon forum :

[Lixyr]

Donc effectivement, on ne voit pas la même chose. ^^


Sous firefox, c'est comme ça :

Outils >> supprimer l'historique récent >> Cookies & Cache

Et vous supprimez.
Après, si vous voulez un résultat, je vous conseil minimum de relancer le navigateur.

[bobby]

relancer le navigateur !! je ne l'avais pas fait, en effet... (il me semblait qu'il n'y avait pas eu besoin de le faire l'autre fois...)
merci

[Lixyr]

Vous avez retrouvé votre gris ?

Vous avez réessayé le code, du coup ?

[Lyress]

Essaie ceci:

Code:

#wrap{
background: url('http://d28.e-loader.net/1WIqf17lLx.png');
border:1px solid #fff;
margin:0 auto;
min-width:768px;
padding:5px;
width:80%
}

Logiquement, ça devrait ressembler à ceci: http://lyress.frbb.net/

[bobby]

je suis dég !!! c'est exactement ce que je veux, lyress, et ça apparaît parfaitement sur ton lien, mais si je l'installe sur mon panneau d'admin', ça fonctionne pas ! ...

est-ce que mon CSS n'aurait pas un problème ?
d'ailleurs quand je vais voir le css, en-dessous ya deux options proposées : j'ai peut-être pas coché ce qu'il fallait ?
Désactiver le CSS de base : c'est coché "non".
Optimiser votre CSS : c'est coché "oui".
je devrais changer qq chose de ce côté-là ?

[Lyress]

Je ne comprends vraiment pas où ça cloche

[bobby]

mon forum va être une énigme pour forumactif

je viens d'essayer la même manip sur mon autre forum, et idem, ça fonctionne pas ! je me demande si je colle vraiment bien le code là où il faut...?!

je le mets à cet endroit puis je valide, c'est bien ça ?

[Lixyr]

T'es sûr que t'es en phpbb3 ?
T'as pas déjà un code pour l'image de fond dans ton css ?

Vide ton css (enregistre-le dans un bloc note, avant), et teste les codes donnés. Pour voir si ça vient de là.

[bobby]

vider le css ??? j'ose pas ! ça va faire quoi ? j'ai peur de plus avoir accès au forum ?!

ouais jsuis en phpbb3 :

[Adam_sfp]

Bonjour

Vu la taille impressionnante de votre CSS le soucis est certainement du à un code déjà présent qui interfère avec ce que vous voulez rajouter.

Lequel je n'en sais rien mais vous devriez suivre le conseil de Lixyr Yrna faites une copie de votre CSS actuel dans le bloc note (pour pouvoir le remettre au cas ou..) supprimer tout ce que vous avez et tester un des codes que l'on vous à donné.

Cordialement.

[Lixyr]

vider le css ??? j'ose pas ! ça va faire quoi ? j'ai peur de plus avoir accès au forum ?!

ouais jsuis en phpbb3 :

^^ Ne t'inquiète pas. Si tu l'enregistres dans un bloc note, tu peux le remettres.

Tu sélectionnes tout ton css : ctrl+a
Tu le supprimes en le copiant : ctrl+x

Tu le copies dans un bloc note en faisant ctrl+v
Tu enregistres ton bloc note pour ne pas perdre ton css en entier.

Ensuite, tu copies le code qu'on t'a donné au dessus dans ta feuille css.
Tu enregistres et tu regardes l'aspect du fond de ton forum.

Si ça marche, il faudra rechercher dans le css entier ce qui cloche.
Si ça ne marche pas, alors là je ne sais plus.


Mais si jamais tu as enregistré ton css, tu ne perdra rien, sauf évidemment au moment où tu l'enlèveras, mais si tu l'as enregistré tu pourras le remettre. ^^

[bobby]

bonjour adam !

Vu la taille impressionnante de votre CSS le soucis est certainement du à un code déjà présent qui interfère avec ce que vous voulez rajouter.

je ne sais pas pourquoi mon css serait énorme : je n'ai rien fait de spécial. j'ai mis des images et des couleurs sans passer par le css (avec les fonctions de base du panneau d'admin). le seul truc que j'ai rajouté, c'est un code qu'on m'a donné ici, pour agrandir les titres des catégories et les rendre plus lisibles.
alors si le css est énorme, c'est qu'il devait être énorme au départ...

merci lixyr yrna, je vais suivre tes conseils ! juste une petite question : quel effet a le raccourci "ctrl + a" ? je ne le connais pas...
[edit : j'ai lu trop vite...]

merci encore à tous ceux qui interviennent pour me venir en aide.

[bobby]

ça marche !!!

bon ben en fait :

- j'ai pas pu supprimer le css entier (on peut juste le regarder mais pas le changer, du moins pas à l'intérieur du css lui-même)

- par-contre j'ai viré l'autre code qu'on m'avait donné ici (celui qui permettait de grossir les caractères des titres de catégories) et je n'ai mis que le code pour le fond transparent, et du coup ça MARCHE !!!!

bon alors j'en déduis que les deux codes ne sont pas compatibles l'un avec l'autre : bizarre..... si on ne peut pas faire plus d'un changement, c'est quand même limité ! je suppose qu'il y a une explication mais je ne sais pas quoi...

je vous mets le code en question que j'ai supprimé :

Code:

    .table-title, .table-title h2 {
      color: #FFFFFF;
      display: inline;
      font-size: 1.2em;
      font-weight : bold;
    };


en tout cas MERCI ! pour votre aide et pour votre patience !

[bobby]

PS : je trouve l'image un peu trop transparente mais je ne sais pas comment en faire une autre plus opaque/foncée...

[Invité]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Evitez les doubles post, pensez au bouton .
Pour votre image, je peux vous en proposer 5 différentes:


Vos deux codes ne sont pas incompatibles, il y a une erreur dans celui de vos titres: retirez le ; qui se trouve après l'accolade }.

Cordialement.

[bobby]

désolée, ça n'était pas dans le but de "upper", j'aurais dû éditer en effet...

Evitez les doubles post, pensez au bouton Wink .
Pour votre image, je peux vous en proposer 5 différentes:

merci beaucoup ! je vais essayer tout ça !

Vos deux codes ne sont pas incompatibles, il y a une erreur dans celui de vos titres: retirez le ; qui se trouve après l'accolade }.

super ! je vais enlever ce point-virgule gênant et voir si je peux donc installer les deux codes simultanément.

merci Isolde !

EDIT : c'est parfait, j'ai trouvé exactement ce que j'avais en tête ! merci beaucoup pour votre aide ! problème résolu