| Wiliwilliam | fond d'écran page web |
0 #1 |
|---|---|---|
|
La loi c'est moi
 
Inscrit: 07/04/2012 19:19
Post(s): 37191
Karma: 17455 |
J'aimerais coller une image background avec un format prédéfini (disons 1920x1080) à mon site
Comment je fais pour qu'elle se place automatiquement en fonction du format de l'écran des visiteurs de mon site, ou de leur fenetre de navigateur ...
Contribution le : 28/06/2013 01:48
|
|
 Signaler 
|
|
|
| Invité | 0 #2 |
|
|---|---|---|
|
FantômeInvité
|
Avec un script qui modifie la base de registre du visiteur pour qu'il ait la bonne résolution
Contribution le : 28/06/2013 05:47
|
|
|
Signaler
|
|
|
| Wiliwilliam | 0 #3 |
|
|---|---|---|
|
La loi c'est moi
Inscrit: 07/04/2012 19:19
Post(s): 37191
Karma: 17455 |
ok donc galère quoi :S
Contribution le : 28/06/2013 11:30
|
|
|
_________________
 |
||
|
Signaler
|
|
|
| Poum45 | 0 #4 |
|
|---|---|---|
|
Je poste trop
 
Inscrit: 03/12/2007 23:03
Post(s): 59592
Karma: 4214 |
Evidement il faut parler de la taille du navigateur (et son zoom) et non de la taille de l'écran
Normal, ton site apparaît dans le navigateur (sauf si F11). Après 5 minutes de réflexion intense, voilà une méthode que je viens de tester, elle n'est pas parfaite mais c'est un bon départ. On est également d'accord que si tu adaptes une image à une taille elle sera déformée (o ne travail pas en vectoriel sur ce coup) En CSS : #dessous{ ....position:relative; ....z-index:10; ....} #fond{ ....width:100%; ....height:100%; ....} #dessus{ ....width:100%; ....height:100%; ....z-index:100; ....position:absolute; ....left:0; ....top:0; ....} En HTML <body> ....<div id="dessous"> ........<img src="ton-image.jpg" id="fond" /> ........<div id="dessus">Ici, ton site</div> ....</div> </body> Attention, il y a des cochonneries dans ce code (des points blancs pour simuler l'indentation) Le défaut vient du height:100% (je ne sais même pas si c'est valide)
Contribution le : 28/06/2013 12:26
|
|
|
Signaler
|
|
|
| Wiliwilliam | 0 #5 |
|
|---|---|---|
|
La loi c'est moi
Inscrit: 07/04/2012 19:19
Post(s): 37191
Karma: 17455 |
je vais tester ton code, mais je pense que j'ai trouvé une solution qui convient à mon problème (qui n'était e-x-a-c-t-e-m-e-n-t celui énoncé plus haut)
body { background-attachment: fixed; background-color: black; background-image: url("lien image"); background-position: center top; background-repeat: no-repeat; text-align: center; } j'ai centré mes éléments donc y'a plus le problème de largeur que j'avais avant c'était pour cette page là, http://lesjoiesdelarchi.fr/garorock#.Uc1pnZybq8A
Contribution le : 28/06/2013 12:47
|
|
|
_________________
|
||
|
Signaler
|
|
|
| Poum45 | 0 #6 |
|
|---|---|---|
|
Je poste trop
Inscrit: 03/12/2007 23:03
Post(s): 59592
Karma: 4214 |
Ah ouais, tu voulais juste la centrer quoi:-x
Contribution le : 28/06/2013 13:03
|
|
|
Signaler
|
|
|
| Wiliwilliam | 0 #7 |
|
|---|---|---|
|
La loi c'est moi
Inscrit: 07/04/2012 19:19
Post(s): 37191
Karma: 17455 |
non pas simplement, je voulais que ce soit absolute
(en fait je sais pas ce que je voulais et je suis arrivé à un résultat qui me convenait grace au background noir , système D) dans tous les cas, ton code est copié et save en lieu sur  ça me servira c'est évident
Contribution le : 28/06/2013 13:05
|
|
|
_________________
|
||
|
Signaler
|
|
|
| Blackjackdavey | 0 #8 |
|
|---|---|---|
|
Je poste trop
Inscrit: 05/01/2010 17:02
Post(s): 10748
Karma: 1080 |
si jamais chez moi le fond de la page coupe le 7 du 17 et le A du LJDA et on voit pas la flèche rouge à droite c'est normal ou c'est justement ce que tu voulais éviter?
Contribution le : 28/06/2013 13:45
|
|
|
Signaler
|
|
|
| Flowwlol | 0 #9 |
|
|---|---|---|
|
Je m'installe
 
Inscrit: 18/06/2008 00:44
Post(s): 231
|
Je suis au boulot sur un 15", et l'image est pas parfaitement center sur la droite.
essaye : background:url('background.jpg') no-repeat center center; min-height:100%; background-size:cover;
Contribution le : 28/06/2013 13:48
|
|
|
Signaler
|
|
|
| Wiliwilliam | 0 #10 |
|
|---|---|---|
|
La loi c'est moi
Inscrit: 07/04/2012 19:19
Post(s): 37191
Karma: 17455 |
t'as un screen?
(parce que l'image background est en partie noir d'un côté pour éviter que l'affiche "EN LIVE" soit sous le live stream) 
Contribution le : 28/06/2013 13:52
|
|
|
Signaler
|
|
|
| Flowwlol | 0 #11 |
|
|---|---|---|
|
Je m'installe
Inscrit: 18/06/2008 00:44
Post(s): 231
|
Contribution le : 28/06/2013 13:56
|
|
|
Signaler
|
|
|
| Blackjackdavey | 0 #12 |
|
|---|---|---|
|
Je poste trop
Inscrit: 05/01/2010 17:02
Post(s): 10748
Karma: 1080 |
Contribution le : 28/06/2013 13:58
|
|
|
Signaler
|
|
|
| Wiliwilliam | 0 #13 |
|
|---|---|---|
|
La loi c'est moi
Inscrit: 07/04/2012 19:19
Post(s): 37191
Karma: 17455 |
et bah? c'est bien non?
(NB: la petite image en bas, c'est uniquement pour le partage sur les réseaux sociaux, pour qu'il y ait une image affiliée dans la timeline)
Contribution le : 28/06/2013 14:13
|
|
|
Signaler
|
|
|
| Flowwlol | 0 #14 |
|
|---|---|---|
|
Je m'installe
Inscrit: 18/06/2008 00:44
Post(s): 231
|
C'est plutôt sur la droite que c'est coupé
Contribution le : 28/06/2013 14:17
|
|
|
Signaler
|
|
|
| Remiw | 0 #15 |
|
|---|---|---|
|
J'aime glander ici
 
Inscrit: 03/01/2011 18:43
Post(s): 5707
Karma: 312 |
Chez moi c'est bon
Contribution le : 28/06/2013 14:20
|
|
|
_________________
Cette signature a été vue  
|
||
|
Signaler
|
|
|