Entraide Graphique : Dj Aurel, yopicture Bar / Espace détente : Buck et 35 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

Appliquer une transparence sur une image de fond

 
n°77753
faroth orma
(Com)portez vous bien
Profil : Penguin
Avatar
profil
Posté le 08-08-2009 à 22:55:56  
 

Salut à tous,
 
J'aimerais savoir si quelqu'un serait capable d'appliquer l'effet de transparence que l'on trouve sur cette image...
 
http://i84.servimg.com/u/f84/11/94/52/34/bgforu11.jpg
 
 
...sur notre fond de forum que voici:
 
http://i84.servimg.com/u/f84/11/94/52/34/fond110.jpg
 
L'effet souhaité est le même pour la transparence, mais si un graphiste au grand coeur veut appliquer également l'effet d'éclairage (contraste vers le milieu), nous lui en serons reconnaissant :wink2:  
La largeur de la bande serait de 960 pixels, et mes codeurs fous me réclament également le calque PSD qu'il utilisera (là je ne fait que transmettre, je ne parle pas cette langue :ouch: )
Si les couleurs sont trop similaires et que l'effet n'est pas assez visible, une petite variante du bleu ou vers les tons gris est toujours possible.
 
D'autre part et pour finir, je voulais savoir si il était difficile de créer un bouton "hors ligne" à partir de cette image, car je ne la trouve nul part.
 
http://i84.servimg.com/u/f84/11/94/52/34/iconon10.gif
 
En vous remerciant sincerement pour votre aide et votre temps.
 
A bientôt.


Message édité par faroth orma le 08-08-2009 à 23:09:20

---------------
http://www.tour-de-garde.fr
Point besoin d'espoir pour essayer, nul besoin de succès pour persévérer
answer
mood
GoogleAds
profil
Posté le 08-08-2009 à 22:55:56  
 

answer
n°77755
toogy
http://toogy.fr
Profil : Penguin Pro
Avatar
profil
Posté le 08-08-2009 à 23:38:23  
 

1. Comment veux-tu que l'on fasse une bande noir/transparente de 960 pixels de large sur un fond de 800 pixels de large ? Sérieux Mec (voix de rappeur afro-américain) ça relève de la logique Mec ?! (l'air abasourdie avec une voix aigüe vers la fin)

2.
Comment veux-tu que Kennedy (mort assassiné) fasse un couscous avec l'inventeur de la mort au rat (1965) tout en jouant du piano avec Le directeur d'Ubisoft et Steven Spielberg si tu ne nous donnes pas l'adresse de ton forum ? :drunk:


---------------
http://toogy.fr/toogycrxps.png
 
Hier est l'histoire, demain est un mystère mais aujourd'hui est un cadeau. C'est pourquoi ça s'appelle le présent.
answer
n°77756
Tenkan
http://www.tenkan05.fr
Profil : Top Penguin
Avatar
profil
Posté le 09-08-2009 à 01:02:06  
 

La demande est très claire en plus. :paf:
 
 
Sinon dans ton webdesign, tu met un bloc div avec comme css :
 
.fond {
background-color:#000000;
border: 3px #273c4d solid;
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
opacity: 0.70;  
filter:alpha(opacity=70);  
-moz-opacity:0.70;

}
 
Les valeurs sont approximatives, mais normalement ça devrait marcher.
 
Par contre, je pense que l'effet d'éclairage fait partie de l'image de fond ;).


---------------
http://www.tenkan05.fr
answer
n°77757
toogy
http://toogy.fr
Profil : Penguin Pro
Avatar
profil
Posté le 09-08-2009 à 01:25:40  
 

Bonne remarque, qui aurait pu penser au CSS ? :oui:  :whistle:


---------------
http://toogy.fr/toogycrxps.png
 
Hier est l'histoire, demain est un mystère mais aujourd'hui est un cadeau. C'est pourquoi ça s'appelle le présent.
answer
n°77758
Tenkan
http://www.tenkan05.fr
Profil : Top Penguin
Avatar
profil
Posté le 09-08-2009 à 01:42:40  
 

Qui ? C'est à moi qui tu demande ça mec ? Si tu retire pas ça de suite, je vais te botter le cul ! (voix de rappeur afro-américain) :p


Message édité par Tenkan le 09-08-2009 à 01:43:26

---------------
http://www.tenkan05.fr
answer
n°77759
toogy
http://toogy.fr
Profil : Penguin Pro
Avatar
profil
Posté le 09-08-2009 à 02:00:13  
 

Naoooonn ! C'est moua qui vai te boowter le cuuu powti cwon.


---------------
http://toogy.fr/toogycrxps.png
 
Hier est l'histoire, demain est un mystère mais aujourd'hui est un cadeau. C'est pourquoi ça s'appelle le présent.
answer
n°77760
faroth orma
(Com)portez vous bien
Profil : Penguin
Avatar
profil
Posté le 09-08-2009 à 03:21:33  
 

désolé pour le mauvais size de l'image, je récupère les bonnes dimensions et je post le tout.
Lien vers notre forum:
http://www.tour-de-garde.fr
 
Merci pour vos réponses.


Message édité par faroth orma le 09-08-2009 à 03:22:21

---------------
http://www.tour-de-garde.fr
Point besoin d'espoir pour essayer, nul besoin de succès pour persévérer
answer
n°77761
toogy
http://toogy.fr
Profil : Penguin Pro
Avatar
profil
Posté le 09-08-2009 à 10:27:57  
 

http://www.tour-de-garde.fr/styles/subsilver2/imageset/bg-global.jpg
 
C'est cette image de bonnes dimensions.  :intello:


---------------
http://toogy.fr/toogycrxps.png
 
Hier est l'histoire, demain est un mystère mais aujourd'hui est un cadeau. C'est pourquoi ça s'appelle le présent.
answer
n°77768
faroth orma
(Com)portez vous bien
Profil : Penguin
Avatar
profil
Posté le 09-08-2009 à 14:11:03  
 

Merci toogy^^
Sinon mon codeur me demande surtout le calque, il pense pouvoir l'appliquer quelque soit la taille ou quelque soit l'image (si on décide d'en changer un jour). format PSD donc
 
Et je me permet de relancer mon problème de bouton "hors ligne" si quelqu'un se sent le courage d'en bricoller un, ça serat vraiment parfait.
 
Merci encore.
 
PS: Tenkan, le code rend le forum transparent et ne donne pas l'effet souhaité, mais merci pour le gadget ç'est a essayé'^^


Message édité par faroth orma le 09-08-2009 à 14:36:59

---------------
http://www.tour-de-garde.fr
Point besoin d'espoir pour essayer, nul besoin de succès pour persévérer
answer
n°77770
toogy
http://toogy.fr
Profil : Penguin Pro
Avatar
profil
Posté le 09-08-2009 à 16:14:41  
 

http://www.crystalxp.net/forum/mesimages/84092/button_off_line.png2..pnghttp://www.crystalxp.net/forum/mesimages/84092/button_on_line.png
 
Je t'ai refait le "en ligne" car en effet le texte n'était pas centré. (Je suis attentionné hein ? :mdr: )


Message édité par toogy le 09-08-2009 à 16:16:55

---------------
http://toogy.fr/toogycrxps.png
 
Hier est l'histoire, demain est un mystère mais aujourd'hui est un cadeau. C'est pourquoi ça s'appelle le présent.
answer
n°77771
faroth orma
(Com)portez vous bien
Profil : Penguin
Avatar
profil
Posté le 09-08-2009 à 16:36:16  
 

Très sympa merci, voilà une bonne chose de faite^^


---------------
http://www.tour-de-garde.fr
Point besoin d'espoir pour essayer, nul besoin de succès pour persévérer
answer
n°77772
toogy
http://toogy.fr
Profil : Penguin Pro
Avatar
profil
Posté le 09-08-2009 à 16:37:11  
 

Oui http://www.crystalxp.net/forum/icones/smilies/%5E%5E.gif


---------------
http://toogy.fr/toogycrxps.png
 
Hier est l'histoire, demain est un mystère mais aujourd'hui est un cadeau. C'est pourquoi ça s'appelle le présent.
answer
n°77825
faroth orma
(Com)portez vous bien
Profil : Penguin
Avatar
profil
Posté le 10-08-2009 à 10:23:30  
 

Du nouveau sur ce calque ?^^
L'effet plait à nos membres qui souhaitent vraiment voir notre forum s'en munir.
 
Merci d'avance pour le temps consacré et bon courage.


---------------
http://www.tour-de-garde.fr
Point besoin d'espoir pour essayer, nul besoin de succès pour persévérer
answer
n°77958
Shokojjo
Profil : New Penguin
Avatar
profil
Posté le 11-08-2009 à 01:28:32  
 

Je me permet de répondre sur ce topic, en effet je participe avec Faroth à l'élaboration du site c'est moi qui le code.
 
Comme vous avez peut-être compris sa demander, nous souhaiterions pouvoir agrémenter notre forum. Voici donc quelques explications supplémentaires :-)
 
http://img17.imageshack.us/img17/6260/explicristalxp.jpg
 
Comme vous pouvez le constater j'ai trois zones bien précises :
Background = image de fond de mon forum
Forum = Contenu du forum (topics, etc...)
 
Ce que nous cherchons c'est une troisième image indépendante de la première (background). L'utilsation de l'image ci-dessous) est donc inutile pour la création graphique que nous vous demandons. (Dimensions de cette image : hauteur 1400/largeur 980.)
 
http://www.tour-de-garde.fr/styles/subsilver2/imageset/bg-global.jpg
 
Si nous souhaitons deux images différentes c'est avant tout pour nous permettre de pouvoir changer de background si nous le souhaitons (une nouvelle image de fond, devrait bientôt apparaître). Cela nous permettra donc de pouvoir changer d'image de fond quand nous le souhaitons sans jamais à avoir à modifier votre création.
 
Si par hasard nous pouvions également avoir cette image en format Photoshop (PSD il me semble?) Cela nous irait à ravir.
Le Code couleur du forum est le #333333 Serait-il possible d'organiser votre création en fonction de celle-ci avec des bordures autour qui en jette :-) sans être trop prédominante.
 
Merci d'avance pour votre aide, je reste à votre disposition pour toutes éventuelles questions.
 
Tom


Message édité par Shokojjo le 11-08-2009 à 01:30:53
answer
n°77960
Tenkan
http://www.tenkan05.fr
Profil : Top Penguin
Avatar
profil
Posté le 11-08-2009 à 01:39:36  
 

Ok, je reprend alors. :)

 

.fond {
border: 3px #273c4d solid;
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-image:url(pixel_noir.png);
}

 

Et voici l'image de fond : http://www.crystalxp.net/forum/mes [...] l_noir.png

 

Regardez bien, prenez une loupe, elle est là => http://www.crystalxp.net/forum/mesimages/95760/pixel_noir.png
 :D

 

Cette image de 1 pixel noir et de 50% en opacité, va se répéter en fond.

 

J'espère que ça va marcher cette fois, normalement avec cette solution, le forum devrait pas être transparent. ;)

Message cité 1 fois
Message édité par Tenkan le 11-08-2009 à 01:42:06

---------------
http://www.tenkan05.fr
answer
n°77962
Shokojjo
Profil : New Penguin
Avatar
profil
Posté le 11-08-2009 à 02:13:55  
 

Tenkan a écrit :

Ok, je reprend alors. :)
 
.fond {
border: 3px #273c4d solid;
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-image:url(pixel_noir.png);
}
 
Et voici l'image de fond : http://www.crystalxp.net/forum/mes [...] l_noir.png
 
Regardez bien, prenez une loupe, elle est là => http://www.crystalxp.net/forum/mes [...] l_noir.png
 :D
 
Cette image de 1 pixel noir et de 50% en opacité, va se répéter en fond.
 
J'espère que ça va marcher cette fois, normalement avec cette solution, le forum devrait pas être transparent. ;)


 
Merci pour ton petit code, je débute pas mal et c'est vrai que le CSS c'est pas encore mon truc à fond, tu m'as donc appris deux fonctions grâce à ce topic.
 
Pour ce qui est du problème de transparence, le voilà réglé, un membre graphiste à enregistrer le calque et à réussit à nous faire notre petit fond, j'aurais l'occasion de bientôt tester tes code l'une d'entre elle est d'ailleurs déjà active sur le forum :-)
 
Ah oui j'oubliais résultat en image : www.tour-de-garde.fr
 
Tom :-)
 
Tom


Message édité par Shokojjo le 11-08-2009 à 02:18:33
answer

Aller à :
Ajouter une réponse