Adapter un fond d'écran à tous les écrans

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

Résolu Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 12:30

Bonjours, je suis actuellement confronter à un problème avec mon fond d'écran, j'aimerais savoir si il était possible d'utiliser un script pour ajuster une image à toute les dimmensions d'écrans possibles comme celà tout le monde pourrait l'aperçevra de la même façon.
L'image de fond d'écran est : http://i24.servimg.com/u/f24/14/64/87/22/alextr10.jpg

Cordialement,

Rezzert.


Dernière édition par Rezzert le Ven 27 Mai 2011 - 14:04, édité 1 fois

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Convivialite le Ven 27 Mai 2011 - 13:30

Bonjour

peut tu me mettre le contenu de la page html que tu as fait

comme expliqué dans le tuto

http://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur?highlight=couleur+de+fond+de+pub

Amicalement

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 13:40

Je n'ai pas encore créer de page HTML actuellement.

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 13:42

Merci pour le tuto je vais le lire je pense que celà devrait m'aider je te recontact si jamais.

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Convivialite le Ven 27 Mai 2011 - 13:49

alors , suis le tuto pour en créer une

et copie /colle le code que je te mets dessous ,dans ta page html

il est fait avec ton image


Code:
var bg= "http://i26.servimg.com/u/f26/13/66/42/68/192010.jpg";
 
  if(screen.width < 801) bg="http://i26.servimg.com/u/f26/13/66/42/68/80012.jpg";
  else if(screen.width < 1025) bg="http://i26.servimg.com/u/f26/13/66/42/68/102411.jpg";
  else if(screen.width < 1281) bg="http://i26.servimg.com/u/f26/13/66/42/68/128011.jpg";
  else if(screen.width < 1601) bg="http://i26.servimg.com/u/f26/13/66/42/68/160013.jpg";
 
  document.body.style.backgroundImage="url(" bg ")";

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 13:51

Ok, merci beaucoup. Smile)) (j'étais entrein de faire les dimmensions différentes)

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 13:52

Par contre quand ils me demandent "Voulez-vous utiliser le haut et le bas de page de votre forum ?" et "Utiliser cette page en tant que page d'accueil ?" je coche oui ou non ? ci oui pour le ou lesquel(s) ?

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Convivialite le Ven 27 Mai 2011 - 13:54

tu laisse coché non

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 13:55

Ok.

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 13:56

Aussi pour : Installation du script

Une fois la page HTML enregistrée, récupérez son identifiant. Pour information, l'identifiant de la page se trouve à deux endroits : dans la liste des pages HTML, et dans l'URL de la page.

Il faut que je copie "h1" (pour la mienne) ou tout le lien ?

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Convivialite le Ven 27 Mai 2011 - 13:57

essaye h1 et si ça ne fonctionne pas avec h1
tu mettras tout le lien

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 13:58

ok

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 13:58

Merki beaucuoup Smile

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 14:00

Par contre j'ai un dernier problème l'image apparait 2 fois, elle se répète l'une en dessous de l'autre. Est-ce que c'est parce que l'image était trop petite de base où que le script n'a pas fonctionné ?

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Convivialite le Ven 27 Mai 2011 - 14:01

le lien du forum que je vois

tu as mis dans ton css

Code:
body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 14:03

Ok nikel c'est bon j'ai compris. Il suffisait de mettre le script :
body{
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

Dans le feuille de style css

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 14:04

Je te remercie encore de ta patience et de ton aciduité sur ce problème bonne journée et bonne continuation.

Cordialement,

Rezzert.

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Convivialite le Ven 27 Mai 2011 - 14:05

tu vois , ce n'est pas si compliqué

je t'avais promis de t'aider Wink


Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un fond d'écran à tous les écrans

Message par Rezzert le Ven 27 Mai 2011 - 14:30

@Rezzert a écrit:Je te remercie encore de ta patience et de ton aciduité sur ce problème. Encore merci, bonne journée et bonne continuation à toi.

Cordialement,

Rezzert.

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

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


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