Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
932 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Faire un dégradé en fond de tableau type Cafzone.net

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Faire un dégradé en fond de tableau type Cafzone.net

n°333109
Master_Jul
Posté le 27-06-2003 à 23:09:43  profilanswer
 

Bonjour, je suis en train de me relooker un site et j'aimerai l'agrémenter de jolis ptits dégradés pour les fonds de mes modules, un peu à la manière de www.Cafzone.net, d'après ce que j'ai compris, la chose semble facilitée chez eux car il suffit de remplir la partie extensible avec une couleur unie à l'arrache et d'avoir le dégradé en repeat-x, or, je ne peux pas me le permettre car j'ai recours à une ombre portée.
 
Je cherche une méthode pour faire la chose proprement car mon principal problème à ce stade de "développement" c'est que ma "boite" est découpée en 2 cellules (lignes), c'est donc ingérable pour qqch d'extensible. La seule méthode à laquelle j'ai pensé est très barbare puisqu'elle consiterait à subdiviser un module en tableau de 3 colonnes et 4 lignes...
 
Merci d'avance  :hello:  
 
http://www.masterjul.net/vrac/tab.gif
 
On remarque la cellule de contenu divisée en deux lignes...


Message édité par Master_Jul le 27-06-2003 à 23:10:53

---------------
En français, on écrit "connexion", pas "connection".
mood
Publicité
Posté le 27-06-2003 à 23:09:43  profilanswer
 

n°333175
Master_Jul
Posté le 28-06-2003 à 00:29:17  profilanswer
 

:bounce:


---------------
En français, on écrit "connexion", pas "connection".
n°333211
dushnok
Posté le 28-06-2003 à 04:57:15  profilanswer
 

J'ai du mal à saisir le pb, justement dans l'exemple que tu donnes la coupure au milieu n'as pas l'air de servir à grand chose ..?


Message édité par dushnok le 28-06-2003 à 05:03:24
n°333219
Profil sup​primé
Posté le 28-06-2003 à 08:32:51  answer
 

vue shématisée:
 
http://membres.lycos.fr/vulpine/tab.gif

n°333254
Master_Jul
Posté le 28-06-2003 à 11:03:18  profilanswer
 

DushnoK a écrit :

J'ai du mal à saisir le pb, justement dans l'exemple que tu donnes la coupure au milieu n'as pas l'air de servir à grand chose ..?
 

à partir de la coupure, on passe à une couleur unie, ce qui permet au cadre de s'allonger indéfiniment en longueur


---------------
En français, on écrit "connexion", pas "connection".
n°333255
Master_Jul
Posté le 28-06-2003 à 11:05:52  profilanswer
 


 
 
hum, je comprend pas très bien, est ce que ça poserait pas le problème de l'ombre portée en l'air ? parceque si je met une couleur unie de background en dessous de l'image, je perd l'image de l'ombre portée :??:


---------------
En français, on écrit "connexion", pas "connection".
n°333257
Profil sup​primé
Posté le 28-06-2003 à 11:16:17  answer
 

Master_Jul a écrit :


hum, je comprend pas très bien, est ce que ça poserait pas le problème de l'ombre portée en l'air ? parceque si je met une couleur unie de background en dessous de l'image, je perd l'image de l'ombre portée :??:  


 
Fais d'abord comme ça. Tu verras pour ton blème d'ombre portée pas après  :)

n°333309
Master_Jul
Posté le 28-06-2003 à 13:10:45  profilanswer
 

Autobot a écrit :


 
Fais d'abord comme ça. Tu verras pour ton blème d'ombre portée pas après  :)  


 
je suis un peu perdu  :sweat: j'ai fait ca :
 
http://www.masterjul.net/vrac/tab2.png
 

Code :
  1. <table width="638" border="0" align="center" cellpadding="0" cellspacing="0" class="tabnews">
  2.               <tr>
  3.                 <td width="10" height="143">&nbsp;</td>
  4.                 <td width="602" height="143"><p>&nbsp;</p>
  5.                   <p>&nbsp;</p>
  6.                   <p>&nbsp;</p>
  7.                   <p>&nbsp;</p>
  8.                   <p>&nbsp;</p>
  9.                   <p>&nbsp;</p>
  10.                   <p>&nbsp;</p>
  11.                   <p>&nbsp;</p>
  12.                   <p>&nbsp;</p>
  13.                   <p>&nbsp;</p>
  14.                   </td>
  15.                 <td width="10" height="143">&nbsp;</td>
  16.               </tr>
  17.               <tr>
  18.                 <td colspan=3> </tr>
  19.               <td colspan=3> </tr>
  20.               <tr>
  21.                 <td height="15">&nbsp;</td>
  22.                 <td height="15" bgcolor="C9D0D2">
  23. <p>&nbsp;</p>
  24.                </td>
  25.                 <td height="15">&nbsp;</td>
  26.               </tr>
  27.             </table>


---------------
En français, on écrit "connexion", pas "connection".
n°333459
dushnok
Posté le 28-06-2003 à 17:15:54  profilanswer
 

C'est que pour la case du milieu j'aurais pensé à ça :
td{background: url(dégradé.gif) repeat-x; background-color: #abcdef}


Message édité par dushnok le 28-06-2003 à 17:16:24

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Faire un dégradé en fond de tableau type Cafzone.net

 

Sujets relatifs
[FLASH 5] Est-il possible de donner a un degrade une forme specifique?[Truc simple - HTML] Comment mettre une image en fond ?
Koment réaliser un fond pour siteserigraphie...quel type de fichier?
[ Maya ] Comment définir la couleur de fond ?[PHOTOSHOP 7] Dégradé dans un texte
un nouveau type de moteur de particules : Kaoos[Photoshop] Dégradé alpha d'une image
degradéWORD : Inserer un filigrane (image de fond)
Plus de sujets relatifs à : Faire un dégradé en fond de tableau type Cafzone.net


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR