46 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2
Page Précédente 
Auteur
 Sujet :

Effet de flou du site crystal xp

 
n°12385
squall6969
Profil : New Penguin
Avatar
profil
Posté le 26-03-2008 à 15:26:25  
 

Bonjour,

 

Je trouves que le site est très bien fait et j'aurais aimé savoir comment est réalisé l'effet de flou qu'en l'image passe sous la barre des icone .

 

MERCI

answer
mood
GoogleAds
profil
Posté le 26-03-2008 à 15:26:25  
 

answer
n°12386
Fagoon
Mac Cals
Profil : Monitrice graphisme
Avatar
profil
Posté le 26-03-2008 à 17:59:45  
 

Je suis pas sure que ce soit du codage ça... Mais comme j'y connais rien. :ane:
Il faudrait demander aux programmeurs. Au pire si tu n'as pas de réponse dans ton topic, poste dans les discussions avec la team. :wink:

 

Je déplace ton sujet dans "A propos du Site et du Forum".

answer
n°12387
Tekikou
Tux Fantôme
Profil : Penguin Pro
Avatar
profil
Posté le 26-03-2008 à 18:09:34  
 

Fagoon a écrit :

Je suis pas sure que ce soit du codage ça... Mais comme j'y connais rien. :ane:
Il faudrait demander aux programmeurs. Au pire si tu n'as pas de réponse dans ton topic, poste dans les discussions avec la team. :wink:

 

Je déplace ton sujet dans "A propos du Site et du Forum".

 

L'effet de flou n'est pas vraiment du "codage", il y a juste une image avec une partie floutée.

answer
n°12388
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 26-03-2008 à 18:43:16  
 

+ 1/2

 

http://www.crystalxp.net/_design/img/v2/menu-download-ico-fr.jpg

 

Ca doit être un mélange image/JS :smile: (patapay si j'ai faut)

answer
n°12389
Tekikou
Tux Fantôme
Profil : Penguin Pro
Avatar
profil
Posté le 26-03-2008 à 19:59:25  
 

cerium a écrit :

+ 1/2

 

http://www.crystalxp.net/_design/img/v2/menu-download-ico-fr.jpg

 

Ca doit être un mélange image/JS :smile: (patapay si j'ai faut)

 

Je crois qu'il parle plutôt du gros Tux à côté  :mdr:

answer
n°12390
moa18e
i haz a leaf.
Profil : Penguin Pro
Avatar
profil
Posté le 26-03-2008 à 20:19:36  
 

Ça a bêtement l'air d'une image :

 

http://www.crystalxp.net/_design/img/v2/pa-tux/base.jpg

answer
n°12391
Tsukasa
Kensen naru tamashi wa...
Profil : Penguin Pro
Avatar
profil
Posté le 26-03-2008 à 20:22:07  
 

Yep, c'est juste une image, programmée via JS pour changer selon où se trouve la souris :smile:

answer
n°12402
squall6969
Profil : New Penguin
Avatar
profil
Posté le 27-03-2008 à 16:21:36  
 

RE ^^

 

Alors vous me dites que c'est simplement une image sauf que quand on fait click droit sous firefox et afficher l'image sa affiche le tux sans le flou O-0

 

Euh il sont trop balèze la team xp ou c'est faisable avec simplement du js ?

 

N'y a til pas de librairie GD de php ?

Merci

answer
n°12404
Buck
Lécher les papillons, c'est mal.
Profil : Penguin Pro
Avatar
profil
Posté le 27-03-2008 à 16:32:41  
 

Ha y a bien une library GD, mais t'en as vraiment pas besoin là, un peu de CSS suffit :wink: ou du JS pour un truc un peu plus poussé, mais comme je peux pas me pencehr sur le problème, je te conseille de regarder la source HTML (ctrl + U) de la page, c'est comme ça qu'on apprend :wink:

answer
n°12410
squall6969
Profil : New Penguin
Avatar
profil
Posté le 27-03-2008 à 17:35:48  
 

salut,

 

Bon en fait j'ai analysé le problème et effectivement meme pas besoin de GD.

  

http://www.crystalxp.net/_design/img/v2/menu-disclaimer-ico-fr.jpg
Mais par contre commet on fait pour afficher seulement une partie de l'image du haut ?

 

Merci

answer
n°12411
moa18e
i haz a leaf.
Profil : Penguin Pro
Avatar
profil
Posté le 27-03-2008 à 19:22:00  
 

Bah tu limites la taille du conteneur de l'image en CSS :tongue:

answer
n°12412
squall6969
Profil : New Penguin
Avatar
profil
Posté le 27-03-2008 à 19:25:05  
 

Re

 

Euh je suis bien d'accord avec la taille grace au css mais coment creer le rollover d'une seule partie de l'image ?

 

Merci

answer
n°12413
Buck
Lécher les papillons, c'est mal.
Profil : Penguin Pro
Avatar
profil
Posté le 27-03-2008 à 19:26:50  
 

Hummm... tu fais 4 images ? :biggrin: C'bien plus facile que de mapper :wink:

answer
n°12414
moa18e
i haz a leaf.
Profil : Penguin Pro
Avatar
profil
Posté le 27-03-2008 à 20:41:44  
 

Mays non mays non.

 

:ar: Ici.

answer
n°12415
Tekikou
Tux Fantôme
Profil : Penguin Pro
Avatar
profil
Posté le 27-03-2008 à 20:51:26  
 

moa18e a écrit :

Ça a bêtement l'air d'une image :

 

http://www.crystalxp.net/_design/img/v2/pa-tux/base.jpg

 

C'est juste une image comme l'a montrer moa18e, il ne faut pas chercher plus loin. :wink:

answer
n°12429
squall6969
Profil : New Penguin
Avatar
profil
Posté le 27-03-2008 à 23:47:40  
 

Je suis tout a fait convaincu pour la photo du tux, mais le lien en tuto marche pour 1 bouton or ici il y a 4 boutons pour une seule image !?

 

quand on passe sur un bouton j'en deduis que seul une partie de l'image du haut viens en bas, c'est geré comment?

 

sinon je pensais creer 4 images independantes ms c'est surement plus lourd

 

merci pour vos conseils

answer
n°12430
Buck
Lécher les papillons, c'est mal.
Profil : Penguin Pro
Avatar
profil
Posté le 28-03-2008 à 00:02:51  
 

À part sémantiquement, la différence entre 4 images et une seule est de quelques octets... :wink: et ce sera certainement plus facile à gérer pour toi.

answer
n°12432
squall6969
Profil : New Penguin
Avatar
profil
Posté le 28-03-2008 à 03:38:59  
 

Ok en tout cas merci,

 

Si quelqu'un sait comment faire avec une image (pour ma culture ^^)

 

Bonne journée :wink:

answer
n°12435
moa18e
i haz a leaf.
Profil : Penguin Pro
Avatar
profil
Posté le 28-03-2008 à 18:57:43  
 

Je comprends pas ton problème, ce qui marche avec un bouton marche avec quatre... Pour chaque bouton tu mets la même image globale de fond, avec des valeurs de décalage différentes, de même pour les boutons en hover.

answer
n°12436
Buck
Lécher les papillons, c'est mal.
Profil : Penguin Pro
Avatar
profil
Posté le 28-03-2008 à 20:48:54  
 

Nan, cherche pas moa18e, ton idée est mauvaise :biggrin: Il faut 4 images ! C'est moins lourd et en fait plus propre dans ce cas :biggrin:

answer
n°12437
moa18e
i haz a leaf.
Profil : Penguin Pro
Avatar
profil
Posté le 28-03-2008 à 21:26:16  
 

C'est absolument pas moins lourd, et c'est beaucoup plus propre (une seule image, aucun temps de chargement lors du hover - ce qui généralement casse complètement un bon design -, le tout sans preload Javascript).

 

Et l'idée est probablement loin d'être mauvaise puisque c'est la technique utilisée sur CrystalXP ><

answer
n°12438
Buck
Lécher les papillons, c'est mal.
Profil : Penguin Pro
Avatar
profil
Posté le 28-03-2008 à 22:54:21  
 

Mouarf, TheGuit a avoué lui-même ses faiblesses :tongue:

 

M'enfin, tu fais comme tu veux !

answer
n°12443
squall6969
Profil : New Penguin
Avatar
profil
Posté le 30-03-2008 à 22:34:33  
 

En tout cas merci pour votre intérêt.

 

Je penses effectivement que la bonne méthode serait d'utilisé une image avec des valeurs de décalage différente.

 

Si vraiment une méthode plus efficace existait je serais heureux que vous me l'apportiez.

 

Merci

answer
n°12461
TheGuit
Alcogeek
Profil : Admin
Avatar
profil
Posté le 02-04-2008 à 22:44:26  
 

Buck a écrit :

Mouarf, TheGuit a avoué lui-même ses faiblesses :tongue:

 

M'enfin, tu fais comme tu veux !

 

Mes faiblessse ? de regroupé les images en une seul ?

 


Dis toi que c'est la méthodes la plus intéligente pour concevoir un menu, comme l'a dit moa ca evite d'avoir un chargement au moment du Hover. Sache que ce qui prend du temps en regle général dans le chargement d'un site c'est les multiple requete emise pour chargé toute les images. Un des meilleur moyen est de regroupé au maximum les fichier et les images. En plus sur une compression on gagne en général plus de plus (ie. 4 images compressé prendront plus de place qu'une seul image compressé contenant les 4).

 

Bref meme si tout n'est pas parfait sur CrystalXP on prend quand meme garde a ce que ca marche au mieu et on essaye de faire ca avec un minimum d'intelligence (ce qui en général quand on additionne le QI de Vermi et de moi nous permet d'atteindre la moyenne (heureusement que Vermi n'est pas trop négatif)).

answer
n°12463
Buck
Lécher les papillons, c'est mal.
Profil : Penguin Pro
Avatar
profil
Posté le 03-04-2008 à 18:20:16  
 

Hey, le prends pas mal TheGuit, je suis tout à fait d'accord que mettre les 4 images en une là était le mieux à faire, quand je parlais de tes "faiblesses", c'était quand tu m'as dit que tu n'avais jamais tellement pris la peine de te pencher sur la POO, et tu n'es donc pas parfait (si, si, j'te jure, même avec Admin sous ton pseudo ^^)

  


PS : je re-rappelle que mon humour subtile ne sera compris qu'après ma mort.

answer
 Page :  1  2
Page Précédente 

Aller à :
Ajouter une réponse