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

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

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

Message par RGI le 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

RGI
Nouveau membre

Messages : 5
Inscrit(e) le : 20/09/2010

http://chasseursdetoiles.forumactif.org
RGI a été remercié(e) par l'auteur de ce sujet.

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

Message par Threax le 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".

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

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

Message par quierra le 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">
  <!--
  if(screen.width < 801) document.body.style.backgroundImage="url('ADRESSE DE L'IMAGE')";
  else if(screen.width < 1025) document.body.style.backgroundImage="url('ADRESSE DE L'IMAGE')";
  if(screen.width < 1281) document.body.style.backgroundImage="url('ADRESSE DE L'IMAGE')";
  if(screen.width < 1601) document.body.style.backgroundImage="url('ADRESSE DE L'IMAGE')";
  else document.body.style.backgroundImage="url('ADRESSE DE L'IMAGE')";
  //-->
</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

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.

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