CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Ajouter une image en arriere plan

News jeu

Expeditions: Samurai veut révolutionner le RPG tactique avec une aventure entièrement jouable en coop

Voir
video-gore
video-gore
Niveau 10
13 novembre 2008 à 20:04:30
  1. Salut à tous,

J'aurais aimer savoir le codage a entrer dans mon CSS à la place de sa :

body {
background:#ff00ff url(img/header.jpg) center top repeat-x;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
font-variant: normal;
}

  1. template {

margin: auto;
width: 636px;
}

  1. main {

padding:0px 0px 0px 0px;
margin:auto;
}

Pour insérer une image qui seras en arrière plan de mon site et qui feras un dégradé de couleur

et bien sur garder le header :)

Merci beaucoup pour vos réponses apporter :)

apocalipsy
apocalipsy
Niveau 10
14 novembre 2008 à 21:43:42

Pour ton dégradé tu ne pourras le faire qu'avec une image :ok:

à ajouter dans body{} :
http://wall.deblan.fr/1226695375/css/1/

Mais je ne comprend pas ce que fait ton header dans body ?
Met le plutôt dans une class/div dédié à ton header se sera plus simple :ok:

PoliceDuWeb
PoliceDuWeb
Niveau 6
15 novembre 2008 à 01:03:11

Ok merci sa ma beaucoup aider je te remercie de ta réponse :)

rammstein-fan
rammstein-fan
Niveau 3
29 novembre 2008 à 12:24:28

Hello je préfère faire un petit up sur ce topic plutôt que d’en créer un autre dans la mesure où ma question est assez similaire et touche au même sujet.
J’aurais aimé savoir comment mettre plusieurs images en fond…
En effet j’ai un fond « normal » sur toute la page mais j’aimerais mettre sur les cotés deux bandes d’une autre couleur pour « encadrer » mon fond principal.
Je ne sais pas si je suis bien clair, normalement ce n’est pas moi qui m’occupe du site (donc je n’y connais rien…)
Alors pour appuyer mes dires j’ai vite fait un aperçu de ce que je voudrais réaliser.

Voila ce que nous avons pour le moment
http://img247.imageshack.ack.us/img247/679/test2go9.jpg

Voila ce que j’aimerais mettre en place
http://img529.imageshack.ack.us/img529/4705/testut7.jpg

:merci: pour toutes les réponses qui pourraient m’aider (par contre comme je l’ais dit je ne connais rien donc si quelqu’un peux donner le type de code à mettre en place dans le css je passerais le tout à celui qui s’occupe du site).

Thymotep
Thymotep
Niveau 10
29 novembre 2008 à 12:28:57

Tu découpe un bande en largeur de 1px, et tu le repete

body {
background url('tonimagede1px.ext') repeat-x;
width : largeurdelimageenpx;
}

rammstein-fan
rammstein-fan
Niveau 3
29 novembre 2008 à 17:31:01

C'est valable aussi avec un dégrader sur le noir?

Darkvyse
Darkvyse
Niveau 7
29 novembre 2008 à 22:43:10

Moi je te conseillerais de dessiner directement les bandes noires sur le fond rouge avec photoshop! ça sera plus facile pour toi ! apres tu as juste a faire:
body{
background-image: url(le lien de ton image);
}

sinon tu peux ajouter les bandes noire en les mettant dans des divs et en les plaçant avec un margin-left/right puis faire un repeat-y pour qu'elles se dédoublent verticalement mais bon c se casser la tete pr rien

rammstein-fan
rammstein-fan
Niveau 3
30 novembre 2008 à 13:42:48

Ok merci beaucoup pour vos conseils je vais voir ce qu'il est possible de faire maintenant :merci:

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment