Bonjour,

Donc il y a quelques jours, j'ai suivi le tutoriel de Orange sur mettre de l'opacité réduite sur mon forum (le tuto ici), ça marche numéro un et j'adore l'effet. Par contre, lorsque je poste des images, on voit l'arrière-plan dans les images et sa gâche la qualité :S. J'ai essayé d'ajouter dans mon css ceci :

Code:

a img{
opacity: 1;
}

mais ça ne fait aucune différence. Pareil si je mets un code dans le message directement. Est-ce qu'il y a un moyen de garder l'opacité du forum mais mettre celles des images à 100%?

Voici le code de l'opacité :

Code:

.bodyline {
/* Pour Internet Explorer */
filter:alpha(opacity=80);
/* Autres navigateurs */
opacity:0.8;
}

De plus, j'aimerais mettre un cadre autour de certaines images, est-ce qu'il y a un code qu'on peut mettre dans mes messages pour que seulement certaines images soient encadrées? Car j'ai essayé un code dans ma feuille de CSS, mais touts les boutons étaient encadrés également...

Merci!

(Mon forum est en pnbb2 et j'utilise Mozilla Firefox)

Bonjour !

Ce que tu as mis dans ton css va modifier l'opacité des images qui sont des liens.

Essaie ceci pour l'opacité des images à l'intérieur des messages :

Code:

.postbody img {
filter:alpha(opacity=100);
opacity:1;
}

ou ceci pour l'opacité de toutes les images :

Code:

img {
filter:alpha(opacity=100);
opacity:1;
}

Pour mettre un cadre autour des images de ton choix, il faut les insérer avec le code html et leur appliquer une classe.
Dans mon exemple je définirai une classe qui s'appelle "cadre-image".

Dans le message (avec html activé) il faut mettre ceci :

Code:

<img src="url" class="cadre-image" />

Et dans le css on va définir notre bordure :

Code:

.cadre-image {
border-style: solid ;
border-width: 2px ;
border-color: COULEUR ;
}

border-style correspond au style de la bordure :

○ solid : ligne pleine
○ double : ligne double
○ dashed : tirets
○ dotted : pointillés
Il existe d'autres effets (notamment des effets qui donnent une impression de 3D) mais je te laisserai chercher.

border-width est l'épaisseur de la bordure. Définis une valeur en pixels (d'autres unités sont possibles, mais celle-ci est la plus pratique dans ce contexte).
border-color comme tu l'auras compris, définit la couleur de la bordure.


Fu'

Bonjour,

Pour la cadre, merci beaucoup, ça fonctionne très bien...

Par contre, ça n'a pas changer pour l'opacité :S J'ai ajouter les deux codes que tu m'as passé dans mon CSS et il n'y a aucune différence... Est-ce qu'il y aurait un code pour que seul le cadre extérieur du forum soit translucide?

Arf... Je suis pas un pro de l'opacité, comme ça a tendance à bugger je ne l'utilise jamais. Donc je ne peux pas vraiment t'en dire plus... si ce n'est d'essayer de mettre

Code:

!important

à la fin des lignes, avant le point virgule.

Pour l'opacité seulement du cadre, ça dépend ce que tu veux exactement. Essaie de l'appliquer à

Code:

.gensmall

pour le cadre intérieur du forum

ou/et à

Code:

td.row1 , td.row2 , td.row3

pour les cadres contenant la description des catégories et autres.


Fu'

J'ai essayé et ça ne fonctionne pas. Dommage, je vais tout simplement enlevé l'opacité réduite, ce sera plus simple. Merci beaucoup de ton aide! Tu peux classer... ^^

Désolé ne pas pouvoir t'en dire plus ^^"

Je classe le sujet comme demandé.
Bonne continuation.


Fu'