Le Deal du moment : -53%
GACHI Batterie Externe 26800mAh
Voir le deal
24.94 €

Fond ajustable

Page 1 sur 2 1, 2  Suivant

Aller en bas

Fond ajustable Empty Fond ajustable

Message par Buldoz le 4/9/2010, 23:48

Yop !
Je suis en train de créer un site et j'ai un léger problème avec le fond. J'aimerais qu'il puisse se voir normalement sur tous les ordis. comme on peut sur ce forum je viens vous le demander ... comment fait on pour avoir un fond "ajustable"
Sur ce !
avatar
Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Nico' le 5/9/2010, 09:27

J'ai pas très bien comprit ce que tu veux ...
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Freyjart le 5/9/2010, 11:09

Que le site soit visuellement identique sur différentes tailles d'écran
Freyjart
Freyjart
I.A. VIP
I.A. VIP

Windows 7 Firefox Photoshop


http://www.freyjart.fr

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Nico' le 5/9/2010, 11:49

Seulement en ce qui concerne l'image de fond?
Il suffit d'en faire une très grande et il s'affichera plus ou moins complètement en fonction de la résolution d'écran du visiteur. Il n'y a rien de particulier à faire ...
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par WT le 5/9/2010, 11:57

J'ai un doute, mais il y a pas moyen de régler le fond en pourcentage ?
De sorte, que le rendu soit adapté en fonction de l'écran ?


Merci Jeremiah !
Fond ajustable 1338912804-uhjh-3-Rcupr

Spoiler:
Fond ajustable Warriortidus_PS3THC

WT
WT
Fondateur
Fondateur

Windows XP Firefox Photoshop


https://www.youtube.com/user/TheWarriortidus/videos?flow=grid&

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Abarai Renji le 5/9/2010, 11:58

Il y a aussi des codages à faire pour la répétition des fonds, ou mettre un fond fixe... Je le sais, mais je ne sais pas l'appliquer par contre.
Abarai Renji
Abarai Renji
I.A. As
I.A. As

Mac OS Firefox Gimp


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Kishintora le 5/9/2010, 13:59

Comme l'a dit WT, il suffit que tous tes blocs et éléments soient dimensionnés en unités fluides, ou alors de placer tout le contenu du site dans un conteneur dont la largeur est définie à 100% et non en pixels.
avatar
Kishintora
I.A. Manager
I.A. Manager

Windows 7 Firefox Photoshop


http://kishintora.hebus.com/

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Nico' le 5/9/2010, 15:30

Si c'est un motif, il suffit de définir dans le css que l'image se répète, et elle se répétera autant de fois qu'il le faut pour recouvrir tout l'écran, selon sa résolution.

Sinon, il suffit que le background soit une très grande image (comme celle d'IA actuellement: lien) et l'image se coupera automatiquement selon la résolution de l'écran. Toujours en l'intégrant avec le css bien sur.
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par ERG. le 5/9/2010, 16:35

Et ben j'avais jamais vu les extrémités du fond de I.A...
J'savais pas y avait des carreaux violets...
avatar
ERG.
Banni
Banni

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Nico' le 5/9/2010, 16:37

Seul ceux qui ont une très grande résolution peuvent le voir, c'est-à-dire surement pas grand monde ...
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Buldoz le 5/9/2010, 19:36

Ben j'ai fais un fond avec 1920*1080 (l'écran le plus grand qu'on m'ait dit). J'ai mis
width : 100%
mais malheureusement la moitié des visiteurs dont moi ne le voient pas en entier Sad (c'est pas un fond comme ia, c'est deux joueurs sur la gauche et un joueur sur la droite)
avatar
Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Nico' le 5/9/2010, 19:42

Tu peux nous montrer ce fond en question?
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par C.old S.mile le 6/9/2010, 17:46

comme la plus petite résolution que je connaisse est 800*600, je te conseillerai de mettre width: 800px; plutôt que 100%. Après cette méthode n'est pas très utile pour les sites dont le contenu n'est pas extensible. Je sais pas si en PHP tu peux avoir une balise dynamique pour ton fond je chercherai si ça t'intéresse x)
C.old S.mile
C.old S.mile
I.A. Expert
I.A. Expert

Linux Navigateur Gimp


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Nico' le 6/9/2010, 18:05

Tu voudrais donc que ce fond se rapetisse automatiquement selon la résolution de l'écran? Ça va être bien dur ça ...
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Fiouul le 6/9/2010, 18:06

Il y a un moyen pour obtenir ce que tu souhaite, mais si la résolution de ton visiteur est trop petite, il risque de ne plus voir les deux joueurs, ils seront passé en dessous de ton contenu, je m'explique :

Tu crée un div "global" qui englobera TOUT ton site, tu lui met un width:100%.
Tu crée ensuite 3 autres div, un pour chaque joueur et un autre pour ton site en lui-même. Les divs avec les joueurs auront une largueur fixe, celle de tes images, mais il faudra leur appliquer un float:left; (pour celle de gauche) et un float:right; (pour celle de droite). Ton troisième div, tu as le choix, soit tu le fait fixe, soit une largeur en pourcentage, à toi de voir !

Je sais pas si tu y arrivera du premier coup, et si tu as tout compris, et je suis pas certain que cela fonctionne. Il doit y avoir quelque chose pour donner un ordre de priorité au div, pour pouvoir faire passer tes joueurs en dessous des autres divs.
Fiouul
Fiouul
I.A. Novice
I.A. Novice

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Buldoz le 7/9/2010, 14:45

chaloute fioul ta technique a l'air bonne et je l'essayerais mais qu'est-ce qu'un div ?
avatar
Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Nico' le 7/9/2010, 15:41

C'est une balise html. La plus courante utilisée.
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Buldoz le 7/9/2010, 15:42

Sauf que sur mon site je ne peux que modifier le CSS
avatar
Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Nico' le 7/9/2010, 15:45

C'est quoi ça pour un site web où on peut même pas modifier la page html ... ?
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Neon' le 7/9/2010, 16:52

Essaies ça Wink
Code:

{background-image: url('URL IMAGE');
background-attachment: fixed;
background-position: top center;}
Neon'
Neon'
I.A. Manager
I.A. Manager

Windows 7 Google Chrome Photoshop


http://neonart74.deviantart.com/

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Fiouul le 7/9/2010, 17:12

Ah tu ne peut pas toucher au html ? Ca risque d'être impossible dans ce cas, car il te faut obligatoirement décomposé ça en trois parties, le fond, et les deux joueurs.

Un div c'est comme un conteneur, tu peut lui appliquer un fond, une taille, une position sur ta page et encore beaucoup de choses.

Ça se présente comme ça en html:

Code:
<div id="fond"></div>

Et ton css

Code:
div#fond { background:url('liendetonimage');width:XXpx;height:XXpx; }

Mais si tu ne peut pas toucher le html c'est inutile.
Fiouul
Fiouul
I.A. Novice
I.A. Novice

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Nico' le 7/9/2010, 17:15

NeonArt a écrit:Essaies ça Wink
Code:

{background-image: url('URL IMAGE');
background-attachment: fixed;
background-position: top center;}

De cette façon, les plus petites résolutions ne verront qu'un petit bout des joueurs, voir pas du tout.
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par C.old S.mile le 7/9/2010, 17:22

Je crois que j'ai dis une bêtise énorme sauf pour le PHP oublie tout ce qu'il y a avant ^^".
C.old S.mile
C.old S.mile
I.A. Expert
I.A. Expert

Linux Navigateur Gimp


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Buldoz le 8/9/2010, 17:35

Et sinon c'est plus simple si je fais un fond que les extrémités du contenu, pas sur le bout de l'écran ?
avatar
Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Fond ajustable Empty Re: Fond ajustable

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 1 sur 2 1, 2  Suivant

Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum