Comment gérer la taille de son fond d'écran?

par RGI Sam 25 Sep 2010 - 1:20

Bonjour!

Je suis l'admin de mon forum et j'aimerais en refaire le design complet. Actuellement mon forum à un skin complet venant de chez Hitskin et j'aimerais récupérer le fond d'écran que je veux retravailler mais j'ai un problème avec la taille de l'affichage.
En effet si je copie le fond d'écran dans sa taille originelle (2000x1800px) et que je le remet une fois retravaillé, au lieu de s'afficher correctement il est beaucoup trop grand et si je change la taille pour être à la résolution de mon écran (1280x1024px) le fond n'est plus juste non plus. Je pense qu'il doit exister un moyen pour que le fond d'écran soit afficher dans la résolution de l'écran des personnes se connectant au forum mais je n'ai pas trouvé où......

Voici le lien vers mon forum:

http://chasseursdetoiles.forumactif.org/index.htm

D'avance merci pour votre aide! Very Happy

par Threax Sam 25 Sep 2010 - 15:24

Bonjour,

Malheureusement, cette question a souvent été posée sans que nous ne puissions trouver une solution convenable... Confused

Actuellement ce que vous demandez n'est pas réalisable facilement, et "proprement".

par quierra Sam 25 Sep 2010 - 16:04

Coucou, et bien il y a une solution... Je te colle un tuto fait à cet effet.

Ce script vous permet de mettre des fonds différents selon résolution d'écran de vos membres !

Préparation :

Il vous faut préparer les fonds pour les résolutions que vous voulez assurer :

► 801px de large pour les résolutions à 800px

► 1025px de large pour les résolutions à 1024px

► 1601px de large pour les résolutions à 1024px

► 1281px de large pour les résolutions à 1280px

► 1601px de large pour les résolutions à 1600px

► Et une dernière image pour les très grandes résolutions d'environ 2200/1300px (les écrans étant de plus en plus grand) elle sera affichée dès que ça dépasse les 1601px.

(on rajoute 1px par rapport à la résolution à couvrir)

Pour la hauteur, tout va dépendre de votre image ! Si elle doit être fixe ou en scrool, c'est à dire défiler avec la page.

Le script :

A placer dans :

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

► Repérer : (ctlr+f)

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

► Juste en dessous coller le script :

Code:: <script type="text/javascript">  </script>

A placer vos images selon la taille indiqué.

Enregistrer puis Valider votre template, ne pas prévisualiser !

► Encore un peu de css

Je pars du principe que vos images sont des fonds à centrer sur la page et sont à fixer sur la page.

Affichage --> Couleurs --> Feuille de style CSS

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

Là le fond est fixe, ne va pas se répéter, part du haut et est centré.

A vous de définir d'autres paramètres selon le fond à afficher.

PS : Oui Toto, tu peux le rajouter aux astuces si tu veux, car en effet cette question revient souvent ! Very Happy

Comment gérer la taille de son fond d'écran?

Comment gérer la taille de son fond d'écran?

Re: Comment gérer la taille de son fond d'écran?

Re: Comment gérer la taille de son fond d'écran?