Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
#1 21-08-2006 à 21:34
- GG le sympa
- Administrateur
- Lieu : Graçay
- Inscription : 03-08-2006 à 14:41
- Messages : 17 599
Re : Dégradé ultra léger CSS pour background / arrière plan
Mieux vaut faire des backgrounds super légers en CSS, avec un exemple vous comprendrez très bien.
Vous voulez faire un dégradé noir qui donne vers le rouge puis reste en rouge se répétant horizontalement et collé en haut. Autrement dit l'arrière plan sera rouge avec un dégradé horizontale noire en haut plongeant en bas vers le rouge.
Créez un dégradé noir sur rouge de hauteur 60px et de largeur 1px. Enregistrez le en gif car une petite image avec peu de couleurs est plus légère encore en GIF ( le radin d'octet !!! xD )
En suite dans la feuille de style CSS faites ce code :
body
{
background-image:url(http://www.tonsite.com/image.jpg);
background-repeat:repeat-x;
background-position: top left;
background-color: #FF0000;
}Hors ligne
#2 06-10-2006 à 23:08
- Flo
- Invité
Re : Dégradé ultra léger CSS pour background / arrière plan
Mais dis moi comment je créer l'image
#3 07-10-2006 à 00:18
- GG le sympa
- Administrateur
- Lieu : Graçay
- Inscription : 03-08-2006 à 14:41
- Messages : 17 599
Re : Dégradé ultra léger CSS pour background / arrière plan
Bonsoir Flo,
tu fais le dégradé avec "Gimp" par exemple qui est libre et gratuit. Ou alors avec n'importe quel programme qui peut tracer un dégradé et exporter du jpg ou du gif.
Hors ligne
#4 18-05-2007 à 20:24
- fadia
- Invité
Re : Dégradé ultra léger CSS pour background / arrière plan
salut je veux mettre une image en arrière plan.comment?
#5 18-05-2007 à 22:11
- GG le sympa
- Administrateur
- Lieu : Graçay
- Inscription : 03-08-2006 à 14:41
- Messages : 17 599
Re : Dégradé ultra léger CSS pour background / arrière plan
salut,
tu veux mettre une image en arrière plan sur une table ? div ? td ? En fond de page ?
Par exemple en fond de page :
body{background-image:url(http://www.zesite.com/images/ton_image.png);}Hors ligne
#6 17-12-2007 à 12:56
- Guest-41
- Invité
Re : Dégradé ultra léger CSS pour background / arrière plan
Bonjour,sa vas mercis moi aussi est toi sa vas aller byebye
#7 13-10-2009 à 16:40
- Fat
- Invité
Re : Dégradé ultra léger CSS pour background / arrière plan
Hello,
merci pour l'info c'est super utile ^^
Au plaisir de relire.
#8 18-11-2009 à 08:11
- pika28
- Invité
Re : Dégradé ultra léger CSS pour background / arrière plan
body
{
background-image:url(/image.jpg);
background-repeat:repeat-x;
background-position: top left;
background-color: #FF0000;
}Bonjour, peut-on simplifier ce code du genre :
body
{
background-image:url(/image.jpg) repeat-x position:top-left color:#FF0000;
}#9 16-12-2009 à 10:00
- Niounter
- Invité
Re : Dégradé ultra léger CSS pour background / arrière plan
De cette manière oui :
body{
background:url(/image.jpg) repeat-x top-left #FF0000;
}
#10 01-02-2010 à 15:18
- test
- Invité
Re : Dégradé ultra léger CSS pour background / arrière plan
Bien, merci très utile.
que dire de plus ?
#11 01-07-2010 à 08:54
- mokmap
- Invité
Re : Dégradé ultra léger CSS pour background / arrière plan
bonjour,
j'aimerais savoir si c'est possible de prolongé une image verticalement ?
je m'explique : je ne veux pas faire un repeat-y qui me répéte plusieur l'image verticalement, je veux que mon image ce prolonge dans la coutinuité de celle-ci celon y .
un exemple sur le site de microsoft : www.microsoft.com/fr/fr/default.aspx
on voit bien que l'arriére plan du centre est prolongé verticalement comment on t-il fait ?
merci
Pages : 1
- Accueil
- » Mise en page
- » Dégradé ultra léger CSS pour background / arrière plan