Mon fond d'écran, l'ajuster pour tous les écrans

Page 2 sur 2 Précédent  1, 2

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

Résolu Mon fond d'écran, l'ajuster pour tous les écrans

Message par Helloman le Mar 15 Juin 2010 - 17:51

Rappel du premier message :

Bonjour,

Voilà, depuis quelques temps des membres de voient pas le fond d'écran partout sur la page, cela donne ceci :


Est-ce que vous le voyez aussi comme ça?
(oui je sais il se peut qu'il soit trop petit mais j'aimerais confirmation d'abord)


Merci d'avance!


Dernière édition par Helloman le Mer 16 Juin 2010 - 19:43, édité 1 fois

Helloman
****

Masculin
Messages : 340
Inscrit(e) le : 21/04/2010

http://www.forumnaruto.com
Helloman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Convivialite le Mer 16 Juin 2010 - 13:43

oui pour les url des images
valide ta page et mets l'url de la page dans le code css

Code:
.forumline . {
background-image:url(URL DE TA PAGE );

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: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Helloman le Mer 16 Juin 2010 - 17:02

Bon j'ai bien créer une page HTLM et mis dedans
Code:
<script type="text/javascript">
  <!--
  if(screen.width < 801) document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-13335925b7v.jpg')";
  else if(screen.width < 1025) document.body.style.backgroundImage="url('http://nsa05.casimages.com/img/2009/02/17/090217065505926611.jpg')";
  if(screen.width < 1281) document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-133011hph9f.jpg')";
  if(screen.width < 1601) document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-1331000v2f4.jpg')";
  else document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-133149lsamb.jpg')";
  //-->
</script>

Puis j'ai été dans Css et j'ai mis le code

Code:
.forumline . {
background-image:url(http://www.forumnaruto.com/Pannno-1-h2.htm);

Sauf que quand j'ai valider le Code Css cela m'a dit qu'il était invalide qu'il avait détecte un nombre invalides de { et } et qu'il fallait que je le retire

Helloman
****

Masculin
Messages : 340
Inscrit(e) le : 21/04/2010

http://www.forumnaruto.com
Helloman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Convivialite le Mer 16 Juin 2010 - 17:23

excuse c'est vrai
je l'avais mal recopié

Code:
.forumline . {
background-image:url(http://www.forumnaruto.com/Pannno-1-h2.htm);}

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: Mon fond d'écran, l'ajuster pour tous les écrans

Message par quierra le Mer 16 Juin 2010 - 18:18

Coucou, nan il ne faut pas s'y prendre de cette façon.

Ton script est juste, mais pas la façon de le placer. Tu dois coller ce script dans ton template "overall_header_new"

Affichage --> Template --> Général --> Overall_header_new

Repère cette ligne :

Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

et juste en dessous tu colles ton script :
Code:

 <script type="text/javascript">
  <!--
  if(screen.width < 801) document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-13335925b7v.jpg')";
  else if(screen.width < 1025) document.body.style.backgroundImage="url('http://nsa05.casimages.com/img/2009/02/17/090217065505926611.jpg')";
  if(screen.width < 1281) document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-133011hph9f.jpg')";
  if(screen.width < 1601) document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-1331000v2f4.jpg')";
  else document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-133149lsamb.jpg')";
  //-->
</script>

Tu enregistres, puis valide ton template.

Ensuite il te faut un peu de css pour bien placer ton image :

Affichage --> Couleurs --> Onglet feuille de style css

et tu colles ce code :

body{
background-position: bottom center;
background-repeat: no-repeat;
}

La elle est placer au centre et en bas, car je suppose que c'est tout le bas qui doit être visible !

Encore un ptit réglage dans :

Affichage --> Gestion des images --> Mode avancé --> à fond de page du coche "fixe"

J'ai testé et ça marche très bien ! du moins j'ai bien ton image en rapport avec mon écran 24 pouces.

Tu peux voir le résultat : http://brillance.forumactif.org/forum.htm

Bonne journée.

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Convivialite le Mer 16 Juin 2010 - 18:30

Merci Quierra Bizz

du coup de main , car j'ai ce lien depuis un moment mais je ne l'avais jamais testé
et grâce a toi ça marche

tu devrais le proposer comme tuto ici car il y a souvent des questions sur ce sujet

thumleft

j'ai un écran en 1024 et je vois très bien l'image aussi

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: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Helloman le Mer 16 Juin 2010 - 18:48

Je vais tester^^

Helloman
****

Masculin
Messages : 340
Inscrit(e) le : 21/04/2010

http://www.forumnaruto.com
Helloman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Helloman le Mer 16 Juin 2010 - 18:57

J 'ai suivi ce que tu a dit

Template :

Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<script type="text/javascript">
  <!--
  if(screen.width < 801) document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-13335925b7v.jpg')";
  else if(screen.width < 1025) document.body.style.backgroundImage="url('http://nsa05.casimages.com/img/2009/02/17/090217065505926611.jpg')";
  if(screen.width < 1281) document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-133011hph9f.jpg')";
  if(screen.width < 1601) document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-1331000v2f4.jpg')";
  else document.body.style.backgroundImage="url('http://moe.mabul.org/up/moe/2010/06/16/img-133149lsamb.jpg')";
  //-->
</script>

J'ai bien coller dans cc
Code:
body{
background-position: bottom center;
background-repeat: no-repeat;
}
Et cocher fond fixe et cela déforme l'image, je ne l'ai pas comme sur ton forum^^

Edit : s'il vous plait je désespère! Sad

Edit: Réussi


Dernière édition par Helloman le Mer 16 Juin 2010 - 19:22, édité 1 fois

Helloman
****

Masculin
Messages : 340
Inscrit(e) le : 21/04/2010

http://www.forumnaruto.com
Helloman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Helloman le Mer 16 Juin 2010 - 19:17

C'est bon je pense, je ne le mets pas en résolu, car j'attends la réponse des membres Smile

Helloman
****

Masculin
Messages : 340
Inscrit(e) le : 21/04/2010

http://www.forumnaruto.com
Helloman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par quierra le Mer 16 Juin 2010 - 19:23

De rien convivialité, c'est juste l'occasion de le tester.... A voir s'il fonctionne correctement !

Moi j'ai ça en regardant ton forum :

Spoiler:

Donc pas la même position que moi !

Tu as d'autres codes dans ton css ? si oui place le code tout en bas.

Tu peux faire une capture de ce que tu vois toi ?

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par quierra le Mer 16 Juin 2010 - 19:30

ben là c'est bon ! donc il semble bien fonctionner ce script.

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Helloman le Mer 16 Juin 2010 - 19:32

Bonjour,

J'avais un problème car j'avais mis un autre code pour fixer le fond ><

Voici je que je vois (Dans mon Ccs il y a un code pour changer le nom de la Cb et enlever le soulignement des pseudo)

Code:
a { text-decoration: none; }

body.chatbox {
background-image: url("http://i60.servimg.com/u/f60/15/20/78/29/fond_c10.png");
}

#chatbox_header .cattitle:before { content: "Le coin "; }

body{
background-position: bottom center;
background-repeat: no-repeat;
}


Voici ce que je vois ;


EDIT : oui, tu devrais proposer un Tuto, car nombre de personnes veulent faire la même chose^^

Helloman
****

Masculin
Messages : 340
Inscrit(e) le : 21/04/2010

http://www.forumnaruto.com
Helloman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Convivialite le Mer 16 Juin 2010 - 19:35

hihihi

moi ça va


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: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Helloman le Mer 16 Juin 2010 - 19:43

Bon, cela a l'air de fonctionner je êut donc mettre en résolu^^

Merci beaucoup de m'avoir aidé jusqu'au bout convivialite et quierra

A la prochaine peut être batman !!

Helloman
****

Masculin
Messages : 340
Inscrit(e) le : 21/04/2010

http://www.forumnaruto.com
Helloman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon fond d'écran, l'ajuster pour tous les écrans

Message par Convivialite le Mer 16 Juin 2010 - 19:51

c'est un forum d'entraide thumleft

et ça servira surement a d'autres personnes

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.

Page 2 sur 2 Précédent  1, 2

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