Fond ajustable

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Fond ajustable

Message par Buldoz le 5/9/2010, 01: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 !

Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Re: Fond ajustable

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

J'ai pas très bien comprit ce que tu veux ...


Chromium-art.deviantart.com

Jeremiah ! Je la love ♥

Spoiler:


♥ Emma


The Boss is H-S93



Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


Banque
Crédits:
53/100  (53/100)

http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Re: Fond ajustable

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

Que le site soit visuellement identique sur différentes tailles d'écran

Freyjart
I.A. VIP
I.A. VIP

Windows 7 Firefox Photoshop


Banque
Crédits:
3/100  (3/100)

http://www.freyjart.fr

Revenir en haut Aller en bas

Re: Fond ajustable

Message par Nico' le 5/9/2010, 13: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 ...


Chromium-art.deviantart.com

Jeremiah ! Je la love ♥

Spoiler:


♥ Emma


The Boss is H-S93



Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


Banque
Crédits:
53/100  (53/100)

http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Re: Fond ajustable

Message par WT le 5/9/2010, 13: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 .Jin !


Spoiler:


WT
Fondateur
Fondateur

Windows XP Firefox Photoshop


Banque
Crédits:
0/100  (0/100)

Revenir en haut Aller en bas

Re: Fond ajustable

Message par Abarai Renji le 5/9/2010, 13: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
I.A. As
I.A. As

Mac OS Firefox Gimp


Revenir en haut Aller en bas

Re: Fond ajustable

Message par Datebayo le 5/9/2010, 15: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.

Datebayo
I.A. Manager
I.A. Manager

Windows 7 Firefox Photoshop


Banque
Crédits:
5/100  (5/100)

http://datebayo.hebus.com/

Revenir en haut Aller en bas

Re: Fond ajustable

Message par Nico' le 5/9/2010, 17: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.


Chromium-art.deviantart.com

Jeremiah ! Je la love ♥

Spoiler:


♥ Emma


The Boss is H-S93



Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


Banque
Crédits:
53/100  (53/100)

http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Re: Fond ajustable

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

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

ERG.
Banni
Banni

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

Re: Fond ajustable

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

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


Chromium-art.deviantart.com

Jeremiah ! Je la love ♥

Spoiler:


♥ Emma


The Boss is H-S93



Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


Banque
Crédits:
53/100  (53/100)

http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Re: Fond ajustable

Message par Buldoz le 5/9/2010, 21: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)

Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Re: Fond ajustable

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

Tu peux nous montrer ce fond en question?


Chromium-art.deviantart.com

Jeremiah ! Je la love ♥

Spoiler:


♥ Emma


The Boss is H-S93



Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


Banque
Crédits:
53/100  (53/100)

http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Re: Fond ajustable

Message par Buldoz le 6/9/2010, 19:18

Voici http://www.picdo.net/fichiers/2010/9/6/fe3c5d08-4f8a-4d1b-9752-a05c30bb85cc_FONDDD.png

Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Re: Fond ajustable

Message par C.old S.mile le 6/9/2010, 19: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
I.A. Expert
I.A. Expert

Linux Navigateur Gimp


Revenir en haut Aller en bas

Re: Fond ajustable

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

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


Chromium-art.deviantart.com

Jeremiah ! Je la love ♥

Spoiler:


♥ Emma


The Boss is H-S93



Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


Banque
Crédits:
53/100  (53/100)

http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Re: Fond ajustable

Message par Fiouul le 6/9/2010, 20: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
I.A. Novice
I.A. Novice

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

Re: Fond ajustable

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

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

Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Re: Fond ajustable

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

C'est une balise html. La plus courante utilisée.


Chromium-art.deviantart.com

Jeremiah ! Je la love ♥

Spoiler:


♥ Emma


The Boss is H-S93



Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


Banque
Crédits:
53/100  (53/100)

http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Re: Fond ajustable

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

Sauf que sur mon site je ne peux que modifier le CSS

Buldoz
Banni
Banni

Windows Vista Google Chrome Photoshop


Revenir en haut Aller en bas

Re: Fond ajustable

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

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


Chromium-art.deviantart.com

Jeremiah ! Je la love ♥

Spoiler:


♥ Emma


The Boss is H-S93



Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


Banque
Crédits:
53/100  (53/100)

http://chromium-art.deviantart.com

Revenir en haut Aller en bas

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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