Changer la transparance du fond de page

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

Résolu Changer la transparance du fond de page

Message par Ximeni le Mer 22 Déc 2010 - 19:09

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

Ximeni
Nouveau membre

Messages : 17
Inscrit(e) le : 21/12/2010

http://origins-recon.forumactif.com
Ximeni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la transparance du fond de page

Message par Xuĕ le Mer 22 Déc 2010 - 19:38

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

Xuĕ
****

Messages : 328
Inscrit(e) le : 04/03/2010

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

Résolu Re: Changer la transparance du fond de page

Message par Ximeni le Mer 22 Déc 2010 - 19:53

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 Wink

Ximeni
Nouveau membre

Messages : 17
Inscrit(e) le : 21/12/2010

http://origins-recon.forumactif.com
Ximeni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la transparance du fond de page

Message par Xuĕ le Mer 22 Déc 2010 - 20:14

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 ^___^

Xuĕ
****

Messages : 328
Inscrit(e) le : 04/03/2010

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

Résolu Re: Changer la transparance du fond de page

Message par Ximeni le Mer 22 Déc 2010 - 21:07

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
Nouveau membre

Messages : 17
Inscrit(e) le : 21/12/2010

http://origins-recon.forumactif.com
Ximeni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la transparance du fond de page

Message par Ximeni le Mer 22 Déc 2010 - 21:37

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

Ximeni
Nouveau membre

Messages : 17
Inscrit(e) le : 21/12/2010

http://origins-recon.forumactif.com
Ximeni a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la transparance du fond de page

Message par Invité le Mer 22 Déc 2010 - 21:49

Bonsoir,
j'ai quelques images transparentes en stock:

Si ça peut te dépanner.

Cordialement.

Invité
Invité


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

Résolu Re: Changer la transparance du fond de page

Message par Ximeni le Mer 22 Déc 2010 - 22:25

parfait mercis de vos réponses à tous Wink

mon problème est résolu.

Ximeni
Nouveau membre

Messages : 17
Inscrit(e) le : 21/12/2010

http://origins-recon.forumactif.com
Ximeni 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