Changer la transparance du fond de page

[Ximeni]

Bonjour,
J'aimerai changer la transparance de "la couleur intérieur du cadre du forum" si c'est possible, afin de pouvoir voir plus souvent l'image du fond du forum

Et au passage comment fait-on pour changer la couleur de fond de la ChatBox en la remplacant par une image??

[Xuĕ]

chalut ^___^



pour la transparence il y a deux méthode

- la barbare qui rend tout transparent
- une meilleure qui ne fait que rendre transparent le fond de l'élément

pour la barbare il faut ajouter dans le css personnalisé ceci

Code:

.bodyline {
        filter:alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
}

pour le modifier pour ce que tu veux, il faut juste faire attention pour le premier à mettre un chiffre de 1 à 100 alors que pour les autres il faut mettre ce chiffre divisé par 100 ( avec un point comme virgule, donc si tu mets 44 pour le premier il faut mettre 0.44 pour les trois autres )

ensuite sa c'est le code pour phpbb2 pour phpbb3 il faut remplacer le .bodyline par #wrap, pour invision il faut le remplacer par #ipbwrapper et pour finir avec punbb il faut le remplacer par div.pun


ensuite la bonne méthode de transparence c'est d'utiliser une image png avec un niveau de transparence

tout d'abord il faut avoir une image avec un degré de transparence, on peut très bien faire juste un bloc rouge uniforme avec un programme de graphisme avancé ( photoshop, gimp, ... ) puis changer son niveau de transparence ( normalement à 100% au départ ) à un niveau inférieur, ensuite il suffit de l'enregistrer en png de l'héberger en ayant un lien directe et puis d'utiliser l'image comme image de fond du forum en mettant ce code dans le css

Code:

.bodyline {
  background-image: url(http://adresse de l'image);
}

il faut remplacer http://adresse de l'image evidemment et puis suivant le type du forum il faut remplacer .bodyline par ce qui est précisé au dessus


pour ce qui est de la chatbox si tu parles de la partie où il y a les messages tu peux mettre

Code:

#chatbox {
    background: url(http://adresse de l'image);
}

comme valeur tu peux mettre plus de paramètre ( comme la position du fond, si il doit se répéter, la couleur où il n'y a pas de fond ), si tu veux des informations tu peux faire une recherche ou aller voir ici

[Ximeni]

Pour mon forum je préfèrerai utiliser la bonne méthode mais le problème c'est que dans l'interface d'administration c'est une coueur que l'on modifie :
dans le panneau d'administration : Affichage/images et couleurs/couleurs/les couleurs de fonds/"couleur intérieure du cadre du forum"
donc le principe de l'image transparante ne marchera pas?!?!
si oui comment remplacer cette couleur par une image??

et merci pour la chatbox ca marche impec

[Xuĕ]

et bien si un élément à une surface ( une largeur et une hauteur ) à n'importe quelle point il peut soit y avoir juste

- une image ( si on a spécifié une image )
- une couleur ( si il n'y a pas d'image à cet endroit et qu'il y a une couleur )
- du transparent ( si il n'y a pas d'image à cette endroit et pas de couleur )

enfin même si il y a une couleur il suffit de mettre une image avec le code

Code:

.bodyline {
  background-image: url(http://adresse de l'image);
}

et il n'y aura pas de couleur mais une image ^___^

[Ximeni]

Grace à toi je vien de comprendre quelquechose et j'ai réussi à faire que ce soit transparant mais j'ai envi de dire que c'est "un peut trop transparant".
En effacant la couleur il n'y a plus rien et c'est ransparant.
seulement j'aurrai préféré moin trans parant donc j'ai essayé ton code mais ca ne marche pas...c'est bien dans la feuille de style css qu'il faut le mettre??

[Ximeni]

Non enfaite ca marche, ce n'est pu le problème de l'insertion de l'image transparante mais plutot le fait que mon image n'est pas du tout transparante et que après maintes essais je n'arrive pas faire une image transparante

Désolé du double post

[Invité]

Bonsoir,
j'ai quelques images transparentes en stock:

Si ça peut te dépanner.

Cordialement.

[Ximeni]

parfait mercis de vos réponses à tous

mon problème est résolu.