[Réglé] Image de fond, bande blanche

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Image de fond, bande blanche

Messagepar fructis75fr » 21 Mar 2010 à 14:49

Bonjour,

Je voudrais fixer l'image de fond de mon forum afin qu'elle prenne toute la page/ou plutot qu'elle se redimensionne selon l'écran, mais que dans tout les cas elle prennent toute la place possible, quitte a n'en avoir qu'une partie dans certains cas . Un peu comme ici : http://www.funny-stadium.com/forum/index.php

Voila ce que ca donne actuellement : http://img5.xooimage.com/files/c/4/c/liens1-1a19f70.png

J'ai agrandis l'image, et pourtant cette barre blanche reste la (j'ai fixé l'image en background-position: center top; ) mais en center center j'ai cette barre divisée en 2, la moitié en haut et la motiée en bas...

Comment faire pour que l'image prenne la page entièrement ? Merci pour votre aide.
Modifié en dernier par fructis75fr le 22 Mar 2010 à 14:10, modifié 3 fois.
fructis75fr
Apprenti-posteur
Apprenti-posteur
 
Messages: 147
Enregistré le: 14 Mar 2010 à 20:35

Re: Image de fond, bande blanche

Messagepar yonat » 21 Mar 2010 à 14:57

Il faut supprimer les border en bas dans le forum (c'est dans #Warp qui se trouve dans common.css si mes souvenirs sont bons.)

EDIT: C'est le padding qui contient cette marge et non le border (puisqu'il n'y en a pas)
Modifié en dernier par yonat le 21 Mar 2010 à 15:04, modifié 1 fois.
yonat
Posteur néophyte
Posteur néophyte
 
Messages: 7
Enregistré le: 21 Mar 2010 à 13:25

Re: Image de fond, bande blanche

Messagepar micka76 » 21 Mar 2010 à 14:59

Bonjour,

Il n' y a pas de bord dans l' id #wrap

Pour obtenir un support plus efficace, merci de préciser l'URL de votre forum.

Et sachez qu'une images de fond ne ce redimensionne jamais selon la résolution du visiteur, il faut soit une image très grande ou une images découpé pour qu'elle ce répète, mais en faisant comme ceci, il faut image avec des raccord libre pour ne pas voir de différence

A bientôt... :wink:
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
micka76
Graphiste
Graphiste
 
Messages: 8798
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Image de fond, bande blanche

Messagepar fructis75fr » 21 Mar 2010 à 15:03

Salut,

Le forum est encore en local et je ne peux pas vous fournir de liens pour l'instant :wink:

Je n'ai pas tout compris a votre réponse..


Ce que je peux dire c'est que l'image est tres grande (2320 * 1450) et que quelque soit la taille ces bandes restent.
fructis75fr
Apprenti-posteur
Apprenti-posteur
 
Messages: 147
Enregistré le: 14 Mar 2010 à 20:35

Re: Image de fond, bande blanche

Messagepar micka76 » 21 Mar 2010 à 19:28

Dans ce cas dîtes nous précisément la modif effectué et fournissez l'image de fond pour qu'on puisse tester
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
micka76
Graphiste
Graphiste
 
Messages: 8798
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Image de fond, bande blanche

Messagepar fructis75fr » 21 Mar 2010 à 19:56

Bonjour,

Voici les images utilisées :

http://img3.xooimage.com/files/c/b/c/test1-1a157df.jpg ( 1280*1800)

http://img5.xooimage.com/files/8/c/e/cs4-1a1d9fb.jpg (1856*1160)

http://img9.xooimage.com/files/e/0/6/cs5-1a1da18.jpg (2320*1450)



J'ai placé le fond dans colour.css puisque j'avais un autre probleme d'affichage dans common.css (l'image ne restait pas fixe)
fructis75fr
Apprenti-posteur
Apprenti-posteur
 
Messages: 147
Enregistré le: 14 Mar 2010 à 20:35

Re: Image de fond, bande blanche

Messagepar micka76 » 21 Mar 2010 à 20:01

D'accord et quels était les attributs ?
vu que l'on peut pas accéder au forum, il faut tout nous dire
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
micka76
Graphiste
Graphiste
 
Messages: 8798
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Image de fond, bande blanche

Messagepar fructis75fr » 21 Mar 2010 à 20:09

Ce qui est en place lors des derniers tests:

Code: Tout sélectionner
background-attachment: fixed; 
background-position: top;
 background-position: left;
 background-repeat: no-repeat; }


J'ai pas mal varié a part cela mais je n'ai pas trouvé !

Merci pour votre aide ;)
Modifié en dernier par micka76 le 21 Mar 2010 à 20:32, modifié 1 fois.
Raison: mise au norme avec balise code
fructis75fr
Apprenti-posteur
Apprenti-posteur
 
Messages: 147
Enregistré le: 14 Mar 2010 à 20:35

Re: Image de fond, bande blanche

Messagepar micka76 » 21 Mar 2010 à 20:40

ca fonctionne parfaitement en le mettant directement dans la colours.css au niveau de la classe html, body
Code: Tout sélectionner
background: url("{T_THEME_PATH}/images/fond.jpg") top left fixed no-repeat;
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
micka76
Graphiste
Graphiste
 
Messages: 8798
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Image de fond, bande blanche

Messagepar fructis75fr » 21 Mar 2010 à 23:19

Effectivement ca marche niquel , merci !


Edit : Finalement non tout ne vas pas, je n'ai plus les bandes blanches mais des que l'écran devient rectangulaire, l'image ne suit pas (ne s'étire pas) et il y a de nouveau une grande bande blanche a droite...

Comment faire en sorte que l'image s' étire ?

Merci pour votre aide ;)
fructis75fr
Apprenti-posteur
Apprenti-posteur
 
Messages: 147
Enregistré le: 14 Mar 2010 à 20:35

Re: Image de fond, bande blanche

Messagepar micka76 » 22 Mar 2010 à 11:15

Bonjour,

Comme je le disait plus haut, une image de fond ne ce redimensionne JAMAIS, pour palier a ce problème il faut que l'image soit la plus grande possible pour aller jusqu'à la plus grande résolution d'écran
ou avoir une image qui ce répète, mais on faisant ceci, il faut une image a raccord libre pour ne pas voir la répétition

A bientôt... :wink:
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
micka76
Graphiste
Graphiste
 
Messages: 8798
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Image de fond, bande blanche

Messagepar fructis75fr » 22 Mar 2010 à 11:23

Bonjour,

Je ne comprends pas comment sur ce forum : http://www.funny-stadium.com/forum/index.php , l'image se redimmensionne tres bien, que ce soit sur mon portable ou mon pc, alors que la taille de l'image est sensiblement la meme (1700*1160)

J'ai essayé de différentes manieres : Via javascript sur overallheader :

Code: Tout sélectionner
  <SCRIPT language="JavaScript" title="image resize">
    /*
    Affiche le fond ecran en mode RESIZE (etiré)
    */
    function makeIm(){
    NS4=(document.layers);
    IE4=(document.all);
    scaleWidth = true;
    scaleHeight = true;
    imSRC = "datas/images/fonds/acceuil_140.jpg"; // MODIFIEZ ICI VOTRE IMAGE
    if (NS4){
    origWidth = innerWidth;
    origHeight = innerHeight}
    function reDo(){
    if (innerWidth != origWidth || innerHeight != origHeight)
    location.reload()}
    if (NS4) onresize = reDo;
    if (IE4) onresize = reDoIE;
    function reDoIE(){
    imBG.width = document.body.clientWidth;
    imBG.height = document.body.clientHeight}
    winWid = (NS4) ? innerWidth : document.body.clientWidth;
    winHgt = (NS4) ? innerHeight : document.body.clientHeight;
    imStr = "<div id=elBGim"
    + " style='position:absolute;left:0;top:0;z-index:-100'>"
    + "<img name='imBG' border='0' src="+imSRC;
    if (scaleWidth) imStr += " width="+winWid;
    if (scaleHeight) imStr += " height="+winHgt;
    imStr += "></div>";
    document.write(imStr)}
    makeIm();
    </SCRIPT>


La, l'image prend bien toute la page. Seulement le scrolling ne va pas, quand je parcours les forums , je parcours également l'image (en gros elle n'est pas fixée) et j'atteins rapidement les limites...

Ou bien comme précisé ici : http://www.alsacreations.com/actu/lire/ ... rable.html

Seulement la, le forum en lui meme devient tout petit

Edit : Enfin il y a un truc que je capte pas, des dizaines sinon des centaines de personne ont du avoir ce probleme...Et des centaines de forum arrivent a afficher une page correctement...Peut etre que je m'y prends pas du tout de la bonne maniere ?
Modifié en dernier par fructis75fr le 22 Mar 2010 à 12:44, modifié 1 fois.
fructis75fr
Apprenti-posteur
Apprenti-posteur
 
Messages: 147
Enregistré le: 14 Mar 2010 à 20:35

Re: Image de fond, bande blanche

Messagepar micka76 » 22 Mar 2010 à 12:44

je me sert jamais de ces manière qui peuvent vite rendre très moche le résultat (pixelisation de l'image)
et l'image de l'exemple ne ce redimensionne pas mais ce déplace simplement
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
micka76
Graphiste
Graphiste
 
Messages: 8798
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Image de fond, bande blanche

Messagepar fructis75fr » 22 Mar 2010 à 12:46

Salut,

Que veut tu dire par elle se déplace ?


Si ca marche, comment faire pour obtenir le même résultat ?

Merci pour ton aide !
fructis75fr
Apprenti-posteur
Apprenti-posteur
 
Messages: 147
Enregistré le: 14 Mar 2010 à 20:35

Re: Image de fond, bande blanche

Messagepar micka76 » 22 Mar 2010 à 12:52

en faisant comme dit plus haut

Code: Tout sélectionner
background: url("{T_THEME_PATH}/images/fond.jpg") top left fixed no-repeat;


et en fait ces la fenêtre qui ce déplace l'image elle reste plaquer en haut a gauche (définis pas ces attributs top left )
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
micka76
Graphiste
Graphiste
 
Messages: 8798
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Suivante

Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Bing [Bot] et 3 invités