Espace en bas du forum

[MR-vercitty]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 14/02/15
Lien du forum : http://www.team-r.fr

Description du problème

Bonjour,

je viens de changé le design de mon forum et j'ai un souci car j'ai un énorme espace entre la fin du forum et le bas de la page du menu scroll,c'est à dire quand on est en bas du forum avec le scroll sa continue de descendre pour rien .

Pour l'image de fond j'utilise un code java script

Code:

(function(a){a.backstretch=function(k,i,l){function m(c){try{g={left:0,top:0},d=e.width(),b=d/j,b>=e.height()?(h=(b-e.height())/2,f.centeredY&&a.extend(g,{top:"-"+h+"px"})):(b=e.height(),d=b*j,h=(d-e.width())/2,f.centeredX&&a.extend(g,{left:"-"+h+"px"})),a("#backstretch, #backstretch img:last").width(d).height(b).filter("img").css(g)}catch(o){}typeof c=="function"&&c()}var n={centeredX:!0,topY:!0,speed:0},c=a("#backstretch"),f=c.data("settings")||n;c.data("settings");var e="onorientationchange"in window?a(document):a(window),j,d,b,h,g;i&&typeof i=="object"&&a.extend(f,i);a(document).ready(function(){if(k){var b;c.length==0?c=a("<div />").attr("id","backstretch").css({left:0,top:0,overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999}).bind("load",function(b){var d=a(this),e;d.css({width:"auto",height:"auto"}); e=this.width||a(b.target).width();b=this.height||a(b.target).height();j=e/b;m(function(){d.fadeIn(f.speed,function(){c.find(".deleteable").remove();typeof l=="function"&&l()})})}).appendTo(c);a("body #backstretch").length==0&&a("body").append(c);c.data("settings",f);b.attr("src",k);a(window).resize(m)}});return this}})(jQuery);$.backstretch("http://nsa33.casimages.com/img/2015/02/14/150214022757857273.png");

.

Et pour l'image de fond dans "PA > Affichage > Gestion d'image >Image de fond" j'utilise cet image https://nsa33.casimages.com/img/2015/02/14/150214061204120842.png ,j'ai déjà essayé plusieurs taille d'image de fond pour réduire l'espace mais ça revient toujours au même avec un grand espace en bas du forum !

Si quelqu'un peut m'aider ce serait sympa

[MR-vercitty]

Premier

[gigi68]

salut MR Vercitty ,

C'est un code pour avoir une image de fond sur ton forum c'est sa ???
Si oui, et si tu veux bien je peut te proposer autre choses ...

[Kallindra]

Bonjour,

Je ne rencontre pas ce soucis sur votre forum.
Avez-vous pensé à suivre ce tuto : https://forum.forumactif.com/t286701-image-de-fond-qui-s-adapte-a-la-resolution-du-visiteur

Bonne journée.

AdminSL

[MR-vercitty]

Bonjour,

Je ne rencontre pas ce soucis sur votre forum.
Avez-vous pensé à suivre ce tuto : https://forum.forumactif.com/t286701-image-de-fond-qui-s-adapte-a-la-resolution-du-visiteur

Bonne journée.

AdminSL

Merci je n'avais pas vu ce tuto,du coup mon souci est résolu

[MR-vercitty]

salut MR Vercitty ,

C'est un code pour avoir une image de fond sur ton forum c'est sa ???
Si oui, et si tu veux bien je peut te proposer autre choses ...

Que me propose tu ?

[gigi68]

Je te propose de mettre ceci dans :
Affichage => Généralité => "message sur la page d'accueil"

Code:

<div style="text-align: right;">
                                                                                         <span class="gen"><span style="color: rgb(0, 0, 153);"><span style="font-size: 11px;"><strong><br /></strong></span></span></span>
</div>
<div style="text-align: right;">
                                                                                           <span class="gen"><span style="color: rgb(0, 0, 153);"><span style="font-size: 11px;"><strong>Choix de l'image de fond:</strong></span></span></span><select onchange="_change_bg(this.value)">
                          <option value="Url de l'image">Version Original</option>
                          <option value="Url de l'image">Fond 1</option>
                          <option value="Url de l'image">Fond 2</option>
                          <option value="Url de l'image">Fond 3</option>
                      </select><br />
</div>

Tu peux ensuite rajouté images avec ceci :

Code:

        <option value="Url de l'image">Fond 4</option>

à la suite de fond 3 ex ... ..

Tes membres pourront alors choisir le fond d'écran parmi les choix disponible dans ton code, qu'ils souhaitent pour leur forum sans jamais gêner les autre membres

[MR-vercitty]

Ok merci,donc je colle ce code mais je ne met aucune image dans fond 1,2,3 et 4 c'est ça ?

[gigi68]

Il faut modifier "Url de l'image" mais sans enlever les guillemets ..

[MR-vercitty]

Donc je met le liens de mon fond de forum 4x c'est ça ?

[gigi68]

Non c'est pas ça !!
il faut mettre une image et pas le lien de votre forum !!
comme ceci :

Code:

<div style="text-align: right;">
                                                                                        <span class="gen"><span style="color: rgb(0, 0, 153);"><span style="font-size: 11px;"><strong><br /></strong></span></span></span>
</div>
<div style="text-align: right;">
                                                                                          <span class="gen"><span style="color: rgb(0, 0, 153);"><span style="font-size: 11px;"><strong>Choix de l'image de fond:</strong></span></span></span><select onchange="_change_bg(this.value)">
                          <option value="http://nsa33.casimages.com/img/2015/02/14/150214061204120842.png">Version Original</option>
                          <option value="http://www.online-image-editor.com//styles/2014/images/example_image.png">Fond 1</option>
                          <option value="http://www.kazeo.com/sites/fr/photos/397/le-forum-asvas_3975297-M.gif">Fond 2</option>
                          <option value="http://www.tamahereforum.co.nz/wp-content/uploads/2008/06/Forum-pens.jpg">Fond 3</option>
                      </select><br />
</div>

De plus j'avais oublier qu'il vous fallait un JS en plus pour que cela fonctionne ;

Code:

function _change_bg(i){
  $('#_style_bg').replaceWith('<style id="_style_bg">body{background:url('+i+')}</style>');
    $('body').css('background','url('+i+')');
    if(window.localStorage)
        localStorage.setItem('_body_bg', i);
}
$('<style id="_style_bg"></style>').appendTo( "head" );
if(window.localStorage && localStorage.getItem('_body_bg'))
    _change_bg(localStorage.getItem('_body_bg'));

A instaler comme suit : PA => module =>gestion des codes javascript => créer nouveau javascript : Mettre un titre explicite & Cochez sur toutes les pages

Cordialement

[MR-vercitty]

Merci gigi68 pour l'aide apporter

Mais c'est le lien AdminSL qui fonctionne chez moi