La Communauté Webmaster  forum rss


  Forum-webmaster
  Webdesign / graphisme
  Webdesign
(Modérateurs: Shain, Lilian, lauryv, ToToMaStEr)
  css, changer de fond ??
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: css, changer de fond ??  (Lu 585 fois)
css, changer de fond ??
« sur: le 22-09-2008 a 16:14:01 »
guicote
Membre récent
*

Hors-Ligne

Messages: 2



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

bonjour, je cherche un petit coup de main je suis parti d'un css dispo sur le web et au final ca donne ca: www.apig.fr/gcfag

par contre je souhaiterai changer la couleur de fond unie par un image de bleu degradé d'un autre css en ma possession.(en gardant l'ombrage blanc.)

quelqu un peut il me donner un coup de main ? ca depasse mes maigres compétences.

je tiens a disposition les deux css d'origine bien sur 

Rapporter au modérateur  

Re:css, changer de fond ??
« Répondre #1 sur: le 22-09-2008 a 22:04:32 »
Grafimages
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 88




174090652 174090652
Voir le Profil    WWW    E-Mail
Répondre avec citation

Il va te falloir faire quelques manipulations, mais ça reste simple.
En gros, les étapes :
1) créer ton dégradé de fond (dimensions : 1 pixel X hauteur du dégradé).
2) créer une image semblable à bg.gif (le fond actuel) mais sur la hauteur du dégradé (donc, en conservant l'effet d'ombrage, probablement à recréer au préalable).
3) créer une image en tous points semblable à bg.gif, mais comportant une couleur de fond unie.
4) dans les CSS, changer bg.gif pour l'image créée en 1), et modifier repeat-y en repeat-x.
5) créer 2 nouvelles id, l'une comportant en background no-repeat l'image créée en 2, l'autre avec un background repeat-y l'image créée en 3.
6) dans ta page, rajouter 2 div après la balise body, la première avec l'id de l'image en repeat-y, la seconde avec l'id de l'image en no-repeat.

Exemple rapide de la structure HTML :
Code:

<body>
  <div id="repeat-y">
    <div id="no-repeat">
      (...le contenu de ta page actuelle)
    </div>
  </div>
</body>


En théorie, ça doit pouvoir fonctionner...

Rapporter au modérateur  

Webdesign & création de sites de qualité à des tarifs raisonnables : Grafimages.com - Blog photos de Californie
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
SeoPanel : Votre Portail de référencement naturel
Télécharger Firefox 3.6
Eviter le Hot-Linking
Opera 10.5 pre alpha dans les bacs
Google Chrome disponible sur Mac et Linux
Google Webmaster Tools – Ajout des performances du site
Développer en PHP n’importe où avec PHPAnywhere
Rendre son site compatible avec Internet Explorer 8
 
 
casino
 
 
 

Copyright (c) Devclic 2002 - 2010 - Tous droits réservés

creation site internet strasbourg