[CSS? JavaScript? Paint?]J'vais sûrement passer pour un con mais...

J'vais sûrement passer pour un con mais... [CSS? JavaScript? Paint?] - HTML/CSS - Programmation

Marsh Posté le 16-10-2007 à 10:18:28    

...comment qu'y font les gens pour faire des beaux dégradés sur les sites webs ? [:dawao]
Genre une colonne qui part d'un bleu foncé pour virer vers du bleu clair, ou des machins qui ressemblent à du windows xp ?
Je m'étais fait un blog il y a quelques mois mais il est tout carré tout pas beau quoi, et j'me demande vraiment techniquement comment faire pour avoir un beau rendu comme ça a tendance à se faire tout partout.
 
Je remercie d'avance ceux qui vont éclairer ma lanterne [:super chinois]

Reply

Marsh Posté le 16-10-2007 à 10:18:28   

Reply

Marsh Posté le 16-10-2007 à 10:22:09    

Photoshop... Voilà tout

Reply

Marsh Posté le 16-10-2007 à 10:33:49    

Ah merde j'suis déçu là [:ocube]
Je m'attendais à une propriété cachée qui torche le dégradé ou un truc du genre. En gros ils font une belle image et ils la foutent en fond ?

 

J'suis tombé sur le site LA et je l'ai trouvé particulièrement charmant avec ses onglets et tout le tintouim [:ocube]

 

En fait même avec Photoshop je comprends pas :D
Comment ils font pour avoir le même dégradé sur une fenêtre de 300 pixels et une de 800 pixels par exemple ?


Message édité par godbout le 16-10-2007 à 10:35:43
Reply

Marsh Posté le 16-10-2007 à 10:37:40    

Ouais, rien de plus :D

Reply

Marsh Posté le 16-10-2007 à 10:39:15    

dégradé sur un pixel de hauteur, et répété sur toute la hauteur ;)
 
après c'est une question de gout, perso je le trouve pas spécialement beau le site que tu donne en lien. Chacun ses gouts :)  :jap:  
 [:magnasuprema]

Message cité 1 fois
Message édité par micfont999 le 16-10-2007 à 10:40:53
Reply

Marsh Posté le 16-10-2007 à 10:43:05    

Ouais mais si c'est une image faite avec Toshop, j'devrais pouvoir l'enregistrer en cliquant dessus non ? Hors là j'peux pas.  
Ahah, j't'ai eu hein hein hein ? Non ? Bon.
Cette histoire de fenêtres à la XP me laisse quand même relativement perplexe...
 
En tout cas merci d'avoir éclairé ma vessie, je remarque que c'est pas la 1ère fois en plus [:dawao]

Reply

Marsh Posté le 16-10-2007 à 10:45:39    

micfont999 a écrit :

dégradé sur un pixel de hauteur, et répété sur toute la hauteur ;)


Avec Photoshop ou avec un pauvre algorithme foireux ?
 

micfont999 a écrit :


après c'est une question de gout, perso je le trouve pas spécialement beau le site que tu donne en lien. Chacun ses gouts :)  :jap:  
 [:magnasuprema]  


C'est vrai qu'il casse pas 3 oreilles à un mouton irlandais, mais sur le coup il m'a quand même sauté aux yeux, surtout techniquement. J'veux dire que j'me demande comme des gens peuvent pondre ça. Comme quoi j'me suis bien fait niqué :D
Par contre, assez chaud, une carte 3D de Macao super bien foutue dispo :o

Reply

Marsh Posté le 16-10-2007 à 11:04:18    

godbout a écrit :


Avec Photoshop ou avec un pauvre algorithme foireux ?


les deux  :pt1cable: photoshop et css :)
 

godbout a écrit :


C'est vrai qu'il casse pas 3 oreilles à un mouton irlandais, mais sur le coup il m'a quand même sauté aux yeux, surtout techniquement. J'veux dire que j'me demande comme des gens peuvent pondre ça. Comme quoi j'me suis bien fait niqué :D
Par contre, assez chaud, une carte 3D de Macao super bien foutue dispo :o


 
parle pas de mouton, j'ai pas de voisins à pars des moutons chez moi ..  
 :sweat:  
 
Enfin bref, css permet pas mal de choses, DHTML aussi, mais si tu veux rentrer dans un design sympa,va falloir forcement rentrer dans de l'imagerie à un moment ou un autre :)  
 

Reply

Marsh Posté le 16-10-2007 à 11:10:22    

micfont999 a écrit :


les deux  :pt1cable: photoshop et css :)


Hockey :jap:
 

micfont999 a écrit :


parle pas de mouton, j'ai pas de voisins à pars des moutons chez moi ..  
 :sweat:  


Alors ca doit etre mechui tous les soirs chez toi [:dawao]
 

micfont999 a écrit :


Enfin bref, css permet pas mal de choses, DHTML aussi, mais si tu veux rentrer dans un design sympa,va falloir forcement rentrer dans de l'imagerie à un moment ou un autre :)  


Tiens, j'connais pas bien le DHTML, j'vais me renseigner merci [:super chinois]
Mais ce que je capte pas trop là c'est que si c'est des images, j'devrais pouvoir les télécharger non ? Et comment ils peuvent "écrire du texte" (parce que j'imagine qu'ils le font quand même hors de photoshop) sur les images ? J'suis vraiment largué ou quoi ? :D

Reply

Marsh Posté le 16-10-2007 à 11:22:14    

oui lol tu es largué ...  :whistle:  
 
en gros les images sont mise en fond, comme un fond d'écran, et donc comme sur ton windaube, tu à ton image de fond d'écran et tes tites icone au dessus, bah la c'est pareil, les images sont en fond, et le texte par dessus :)
après certain menus sont fait sous photoshop entierement en images, je te l'accorde,c'est suivant tes besoins :)

Reply

Marsh Posté le 16-10-2007 à 11:22:14   

Reply

Marsh Posté le 16-10-2007 à 12:04:08    

Je reste sceptique [:brascroisés]

 

Faudrait peut-être que j'essaye d'en faire pour capter.
Par exemple j'me rappelle pas en css avoir vu qu'on pouvait écrire sur une image :o (le gros chiant que j'suis, désolé :D)
Merci en tout cas, dommage que ça m'ait pas éclairé tant que ça :D

Message cité 1 fois
Message édité par godbout le 16-10-2007 à 12:05:39
Reply

Marsh Posté le 16-10-2007 à 12:18:16    

godbout a écrit :

Par exemple j'me rappelle pas en css avoir vu qu'on pouvait écrire sur une image :o (le gros chiant que j'suis, désolé :D)


C'est pas qu'on peut écrire sur une image, c'est qu'on peut mettre une image sous du texte :D
 
Style t'as un titre :

Code :
  1. <h2>Titre de la section</h2>


 
Tu peux coller une image en dessous en CSS :

Code :
  1. h2 {
  2.   background: url('../images/fond-titre.png') repeat-x;
  3. }

Reply

Marsh Posté le 16-10-2007 à 13:09:44    

je pensais pourtant avoir été clair avec mes histoires de fond ... faut croire que non .. je suis triste

Reply

Marsh Posté le 17-10-2007 à 05:43:34    

Désolé [:counterslash] [:sophie]
 
Merci FlorentG, si j'avais cherché j'aurais trouvé, sans aucun doute :o :D :sweat:

Reply

Marsh Posté le 27-11-2007 à 15:28:45    

Ouah sur le site que j'avais donné un peu plus haut (http://www.macauabc.com/index.php?language=english) ils ont aussi des putains de menus déroulants transparents, j'trouve ça trop chouette :love:
J'fais le site de la boite d'un pote et c'est franchement dégueu comparé à tout ça, ça me dégoute un peu :/


Message édité par godbout le 27-11-2007 à 15:29:02
Reply

Marsh Posté le 27-11-2007 à 16:46:41    

ces menus c'est une (très mauvaise) utilisation d' (une veille version d') un component menu YUI
Tu pourrais donc faire exactement pareil mais si tu débutes, il serait peut-être préférable de te pencher vers des libs plus simples, genre mootools (kassdedi shinu)
 
Sinon j'avoue avoir particulierement apprécié le :

Code :
  1. <script>
  2.     var cant_be_empty = " cant be empty.";
  3. /* ... */
  4.     var cant_be_empty = " cant be empty.";
  5.     var cant_be_empty = " cant be empty.";
  6.     var cant_be_empty = " cant be empty.";
  7.     var cant_be_empty = " cant be empty.";
  8. </script>

Reply

Marsh Posté le 27-11-2007 à 17:03:39    

Ça voudrait dire que c'est codé comme façon jambon ? :D

Reply

Marsh Posté le 27-11-2007 à 17:04:56    

Et j'capte toujours pas comment ils peuvent faire des belles boites genre xp avec des repeat-x et repeat-y. Surtout pour le repeat-y en fait, où l'image de fond qu'ils utilisent est pas repeatable puisque c'est un long dégradé.

 

Merci pour les liens sinon :o


Message édité par godbout le 27-11-2007 à 17:06:31
Reply

Marsh Posté le 27-11-2007 à 22:11:32    

godbout a écrit :

Ouais mais si c'est une image faite avec Toshop, j'devrais pouvoir l'enregistrer en cliquant dessus non ? Hors là j'peux pas.  
Ahah, j't'ai eu hein hein hein ? Non ? Bon.
Cette histoire de fenêtres à la XP me laisse quand même relativement perplexe...
 
En tout cas merci d'avoir éclairé ma vessie, je remarque que c'est pas la 1ère fois en plus [:dawao]


 
heu pour afficher l'image de fond, utilise firefox ( http://www.mozilla-europe.org/fr/products/firefox/ ) et tu fait clique droit "afficher l'image de fond".
déja ça t'aideras as comprendre pas mal de chose


---------------
http://www.free-tribes.org
Reply

Marsh Posté le 28-11-2007 à 14:08:15    

C'est ce que j'ai fait. J'ai aussi matté le fichier css histoire de capter comment tout ça fonctionne. Ca aide c'est sûr, mais ça reste quand même un peu flou. J'me sens pas capable de faire un truc pareil quoi.
 
Merci pour le message anyway !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed