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

Le fond de JV.com

zv3nd
zv3nd
Niveau 6
10 mai 2008 à 16:27:33

Bonjour à tous, voila je suis en train de concevoir un site web et il y a un challenge que j'aimerais réaliser :

Voila comme vous pouvez le remarquer, on trouve un fond dégradé sur le site, ile n'est pas extensible car ile reste bien centrée par rapport au corps de la page mais ile diminu quand on reduit la fenetre. Mais si ile n'est pas extensible, imaginons qu'un utilisateur possede un ecran avec une resolution d'ecran immense, la publicité aura bien une limite sur les cotés...

Dites moi si je me trompes s'il vous plait.

Cette technique est utilisées sur presque tous les plus grands sites. Connaissez vous le code html/css ?
Merci.

Thymotep
Thymotep
Niveau 10
10 mai 2008 à 16:35:03

Tu parle du fond noir vers gris ? car il est extensible lui :)

spartan_18
spartan_18
Niveau 39
10 mai 2008 à 16:35:18

Je comprend pas ce que tu veux dire :question:

Thymotep
Thymotep
Niveau 10
10 mai 2008 à 16:37:01

Ca me rassure donc lol :)

greensheep29
greensheep29
Niveau 9
10 mai 2008 à 18:10:16

c'est ça que tu veux ??
http://wall.deblan.fr/1210436102/css/

greensheep29
greensheep29
Niveau 9
10 mai 2008 à 18:13:00

PS: j'ai fait le dégradé moi même donc ce n'est pas la même couleur en haut, mais c'est le même principe, juste l'image à changer :-)))

zv3nd
zv3nd
Niveau 6
10 mai 2008 à 22:48:17

Merci.

axeee
axeee
Niveau 9
11 mai 2008 à 10:21:30

Cette technique est utilisées sur presque tous les plus grands sites. Connaissez vous le code html/css ?

=> euh ouai, click droit + "code source" :doute:

zv3nd
zv3nd
Niveau 6
11 mai 2008 à 11:26:32

Desolé mais je demande a ceux qui s'y connaissent en html. On voit que tu n'y connais rien petit car dans le code source il n'y a presque jamais de ccs. Et c'est ce qu'on cherche.

Personne n'a le code exacte (et pas une phrase disant qu'il faut centrer le design ou je ne sais pas quoi).
Il me faudrait un code precis !

Thymotep
Thymotep
Niveau 10
11 mai 2008 à 11:36:21

Tu récupères le lien du fichier, et tu l'ouvres lol ...

Pseudo supprimé
Pseudo supprimé 11 mai 2008 à 12:14:58

Zv3nd: "Attention, je ne programme qu'en xHTML et CSS (mais je le fais très bien)."

MDR. Bref... juste MDR.

zv3nd
zv3nd
Niveau 6
11 mai 2008 à 16:37:09

Bon, quand on affiche le code source de la page nous n'avons que le htmpl de la page. Ou se trouve le css ? (ou le lien)

greensheep29
greensheep29
Niveau 9
11 mai 2008 à 17:17:42

Tout en haut :hum:
Cherche un peu aussi !
<link
href="http://www.jeuxvideo.com/css/defaut/forums.c
ss" rel="stylesheet" type="text/css" />

zv3nd
zv3nd
Niveau 6
11 mai 2008 à 18:16:13

Et j'entre l'adresse http dans mon navigateur ?

Thymotep
Thymotep
Niveau 10
11 mai 2008 à 18:53:45

Zv3nd :d) "Desolé mais je demande a ceux qui s'y connaissent en html. On voit que tu n'y connais rien petit car dans le code source il n'y a presque jamais de ccs. Et c'est ce qu'on cherche. "

Ah, mais oui du CCS tu en verra jamais :hum:

Afored
Afored
Niveau 7
12 mai 2008 à 16:44:51

kéki dit lui?
Le design de jeux vidéo.com n'est pas extensible. Je ne vois pas trop de quoi tu parles non plus.
Si c'est du background dont tu parles. Pour faire un dégradé comme celui-là, en faite il y a probablement dans le css (pas ccs) un background-color gris claire, et ensuite il y a une balise qui englobe tout le site (comme le <body>) mais qui ce trouve justement dans le body, a qui on a mi dans le css un background-image contenent une image d'approximativement 300px de haut sur 2px de large, qui ne se répete pas et qui contient le dégradé).

Au passage, petite pub pour mon site 
http://info.tous.free.fr

zv3nd
zv3nd
Niveau 6
12 mai 2008 à 20:01:17

Vraiment merci, enfin une réponse autre qu'une insulte et claire et net(te) : sans mauvais jeu de mot ^^.

Mais le mystere reste entier : pourquoi une image de seulement 2px alors qu'on pourrait faire un peu plus grand, c'est un standard ?

Thymotep
Thymotep
Niveau 10
12 mai 2008 à 20:07:22

Nan, c'est plus leger, tu charge une fois la petite image de quelques ko, 1 ou 2 et tu la repete, au lieu de chargeur une grosse image bien lourde, qu'il faudra également répété pour les grande résolution :-)))

Jeune-Padawan
Jeune-Padawan
Niveau 6
12 mai 2008 à 20:14:20

1 seul pixel de large suffit, puisqu'ensuite, c'est répété.
Une largeur supérieure est superflue et fait que ton fichier image est plus gros.

Steak-Hacker
Steak-Hacker
Niveau 6
13 mai 2008 à 23:18:02

Le jeune padawan a tout dit, après, en CSS sa donne sa :

body {
background-color: #CCCCCC;
background-image: url(tonimage);
background-repeat: repeat-x;
background-position: top;
}

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