Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]

[selas]

Re Bonjour a tous,

Alors je m'explique, voila sur mon forum nous discutons des jeux vidéo, organisons des soirée enfin en gros tout tourne autour des jeux.
Dans un forum nommer Les futurs sorties PC PS3 360
Je présente les futurs sorties

A ce jour je doit en avoir 6 ou 7

voila j'aurais aimer savoir s'il était possible de leurs attribué un fond personnel.
Par exemple dans le forum,

Max Payne 3 = un fond de page sur max payne
Gta V = un fond de page sur max payne

1:
2:
3:

Vous voyez.

Je ne c'est pas si je peu parler de fond de page ou de background de forum.

Merci pour l'aide que vous m'apporterez

Cordialement

[Adam_sfp]

Bonjour

Vous pouvez essayez ceci

Grace à Exécuter un code javascript sous certaines conditions

Et cette partie qui nous concerne

Code:

Tout d'abord il faut mettre le script juste sur les pages de sujet. Ensuite chaque sujet à un numéro qu'on retrouve dans l'adresse de la page, par exemple /t40- pour le sujet 40 ( ou /t40p15- pour une page du sujet ).

Ensuite on va utiliser ce Script

Qui affiche un background en fonction de la résolution.

On va donc créer un script dans module gestion des codes javascript en cochant sur les sujets.

On colle ensuite le script

Code:

if(document.location.pathname=="/t1-votre-1er-sujet")
        {
 (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,centeredY:!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,position:"fixed",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://brimborion2.free.fr/b/band_of_brothers_01.jpg");
           
               
        }

Les parties que vous devez modifier:

Code:

if(document.location.pathname=="/t1-votre-1er-sujet")

changez /t1-votre-1er-sujet par l'id de votre page.

A la fin du script changez l'adresse de l'image par la votre
http://brimborion2.free.fr/b/band_of_brothers_01.jpg

refaire l'opération pour chaque page en changeant L'id de la page et le lien de l'image.

Cordialement.

[selas]

Re,

AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH je te kiff Adam-Sf (non non je suis pas P. ^^)

Vraiment un grand merci a toi.

Par contre j'utilise un background trouvé sur le net celui ci ne s'adapte pas a mon écran, aurais tu une idée pour changer cela?

Encore merci a toi.

Cordialement

[Adam_sfp]

Re,

Par contre j'utilise un background trouvé sur le net celui ci ne s'adapte pas a mon écran, aurais tu une idée pour changer cela?

Bonjour

Vous avez le lien de votre background?
Il ne s'adapte pas que voulez vous dire?

Cordialement.

[selas]

Re,

Yep le voici :

Euh et bien qu'il s'adapte a toutes les résolution d'écran (Possible?)

Cordialement

[Adam_sfp]

Bonjour

Le script redimensionne l'image à partir du centre il me semble..

il faut faire des essais en redimensionnant votre image..
*l'aperçu ne sera pas le même en fonction des tailles d'écran.

Sinon peut être utiliser ce script
https://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur?highlight=fond+changeant

avec plusieurs images en fonction des tailles d'écran.


Cordialement.

[selas]

Re,

Ok Adam bien reçu.

Par contre avec le script des différentes résolutions.
Comment je l’insère dans le code que tu ma fournie au début.

Merci d'avance

Cordialement

[Adam_sfp]

Bonjour

il faut procéder de la même manière en changeant de script

Code:

if(document.location.pathname=="/t2-votre-2eme-sujet")
        {


$(function(){

var bg= "Adresse image (largeur plus grande que 1600px)";

if(screen.width < 801) bg="Adresse image (largeur 800px)";
else if(screen.width < 1025) bg="Adresse image (largeur 1024px)";
else if(screen.width < 1281) bg="Adresse image (largeur 1280px)";
else if(screen.width < 1601) bg="Adresse image (largeur 1600px)";

document.body.style.backgroundImage="url(\""+bg+"\")";

});
               
             
        }

en changeant l'id avec celle de votre page /t2-votre-2eme-sujet

et en complétant le code avec les liens vers les images.

Cordialement.

[selas]

Re,

Tankiou bien pour le code.

Parc contre ça marche pas ^^.

Voici mon code.

Code:

if(document.location.pathname=="/f1-annonces-et-regles-du-forum")
        {
 
 
$(function(){
 
var bg= "http://i40.servimg.com/u/f40/17/40/12/74/1600_a10.jpg";
 
if(screen.width < 801) bg="http://i40.servimg.com/u/f40/17/40/12/74/80010.jpg";
else if(screen.width < 1025) bg="http://i40.servimg.com/u/f40/17/40/12/74/102410.jpg";
else if(screen.width < 1281) bg="http://i40.servimg.com/u/f40/17/40/12/74/128010.jpg";
else if(screen.width < 1601) bg="http://i40.servimg.com/u/f40/17/40/12/74/160010.jpg";
 
document.body.style.backgroundImage="url(\""+bg+"\")";
 
});
             
           
        }

Cordialement

[Adam_sfp]

Bonjour

Il ne fonctionne pas du tout ?
Rien n'apparait ?

Cordialement.

[selas]

Re Adam,

Non rien du tout.

Cordialement

EDIT: Au temps pour moi, j'avais omis de cocher la case sur les sujets dans la boite JAVA ^^. Bon alors sa remarche mais les images sont toujours pareille , elle ne s'adapte pas. BAD .

LOL

[Adam_sfp]

Bonjour

De mon coté si je teste votre code il fonctionne...
Avez vous bien activé
Activer la gestion des codes Javascript : cocher oui
Vous avez appliquer le script sur quel partie?
Sur l'index Sur le portail Sur les sous-forums Sur les sujets Sur la galerie?


il faut activer en fonction de ou cette page se trouve /f1-annonces-et-regles-du-forum


vérifier aussi ceci
https://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript#edit-temp

Cordialement.

[selas]

Re Adam,

Le gestion des codes est sur Oui.
J'ai cocher sur les sujets

J'ai aussi vérifier mon template Overall-Header celui-ci est bien à jour.



Cordialement

[Adam_sfp]

Bonjour

Vous pouvez mettre un lien vers le forum concerné?
Vous avez d'autres scripts?

Cordialement.

[selas]

Re,

Voici le forum (TEST): http://testpourgamernc.frbb.net/

Non c'est le seul Script.

Cordialement

[Adam_sfp]

Bonjour

Quand on va sur
http://testpourgamernc.frbb.net/t1-les-regles

on a bien le fond du forum
Moi il m'affiche cette image de fond
https://i.servimg.com/u/f40/17/40/12/74/128010.jpg

donc c'est que le script fonctionne..

il faut aussi mettre ceci dans le CSS

Code:

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

*et peut être mettre des fonds plus haut en hauteur..

Cordialement.

[selas]

Re Adam,

Effectivement tout s'affiche bien la.

Par contre sa ne prend toujours pas en compte la résolution. Par exemple la mienne (1366x768), le background est complètement décalé, (peu être parce-qu’il ne la prend pas en compte? par rapport au script?).

Vous de vote coté l'image s'affiche bien? Vous pouvez profiter de l'image en entier ou trop zoomé?

Cordialement

Encore Merci de votre aide Adam.

[Adam_sfp]

Bonjour

Je ne vois plus de background sur votre forum de test.

Cordialement.

[selas]

Re,

Ahhh merdouille,

Euhhh je viens de jeter un cout d'oeil au forum il s'affiche bien chez moi.

Cordialement

[Adam_sfp]

Bonjour

Rien de mon coté...essayez de vider le cache..
Afin de ne pas s'embrouiller vous utiliser quel script..?
CAr en dernier vous étiez parti sur celui ci

https://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur?highlight=fond+changeant

[selas]

Re,

Rohhhh le mauvais, pour faire quelque test cette après-midi j'ai remis le 1er code.

Je vais remette le 2ièm, il faut que je réupload les images ARF ^^.

Je te tiens au courant.

Cordialement

[EDIT]: Ok j'ai tout remis en face, avec le deuxième script, pour les résolution.

[Adam_sfp]

Bonjour

Ok on part sur celui ci

Cela fonctionne mais les images ne sont pas assez haute..

par exemple si je me connecte vu la taille de mon écran le script m'affiche celle ci
https://i.servimg.com/u/f40/17/40/12/74/128011.jpg

c'est bon pour la largeur mais elle ne prend pas le bas de mon écran..

en mettant celle ci
https://i.servimg.com/u/f49/12/69/24/33/image114.jpg

C'est ok elle prend tout l'écran...

il faut donc refaire les images avec une hauteur plus grande..

Cordialement.

[selas]

Re,

Oki doc.

Donc je rajoute de la hauteur a chaque image.

Mais petite question. Toi (si tu me le permet) tu vois l'image en entier?? pas un gros zoom?

Parce que moi de mon coté je vois pas les image en entier, mon fond est bien remplie par l'image mais en mode ZOOM je profite pas de l'image en entier.

Cordialement

[Adam_sfp]

Bonjour

la résolution de mon écran est de 1280 par 1024
donc avec ton image
https://i.servimg.com/u/f40/17/40/12/74/128011.jpg
elle ne prend pas tout l'écran (le bas )

avec celle ci
https://i.servimg.com/u/f49/12/69/24/33/image114.jpg

elle prend tout mon écran sans être déformé ou zoomé..

[selas]

Re,

Arf, j'ai surement du me gouré avec les résolution.

Dit moi si elle sont bonne.

Pour la 800: 800 x 600
Pour la 1024: 1024 x 768
Pour la 1280: 1280 x 800
Pour la 1600: 1600 x 900
Au dessus de 1600: 1680 x 1050

Baaaaaaaaaaaaahhhhhh j'en peu plus

Moi je suis sur du 1366 x 768 et mon fond est complètement zoomé

[Adam_sfp]

bonjour

Ah c'est pas facile

il faut faire des tests mais c'est toujours un soucis de hauteur..

[selas]

Re,

Bon bon bon il me reste plus qu'a hun ^^.

Ah oui pendant que j'y pense, et il possible de rajouté des ligne dans le script.

Genre une ligne pour ma résolution???

Exemple

Code:

if(document.location.pathname=="/t2-votre-2eme-sujet")
        {
 
 
$(function(){
 
var bg= "Adresse image (largeur plus grande que 1600px)";
 
if(screen.width < 801) bg="Adresse image (largeur 800px)";
else if(screen.width < 1025) bg="Adresse image (largeur 1024px)";
else if(screen.width < 1281) bg="Adresse image (largeur 1280px)";
else if(screen.width < 1601) bg="Adresse image (largeur 1600px)";
 
document.body.style.backgroundImage="url(\""+bg+"\")";
 
});
             
           
        }

Je rajoute cette ligne

Code:

else if(screen.width < 1367) bg="Adresse image (largeur 1366px)";

??????

Cordialement

[Adam_sfp]

Bonjour

Oui mais je pense que le soucis provient plus de la taille de vos images..

Vous devriez voir celle ci en vous connectant avec votre taille d'écran
https://i.servimg.com/u/f40/17/40/12/74/160011.jpg

elle n'est pas assez haute pour votre écran...

Pour vérifiez laquelle s'affiche clic droit afficher l'image ...

[selas]

Re,

Justement c'est celle-ci qui s'affiche chez moi .

Grooooos Grosss ZOOMM

Je vais testé avec la ligne en plus pour voir.

Je reviens ^^.

[selas]

[double post j'avoue ^^]

Re,

Bon comme tu a dit il va falloir que je joue avec toutes les tailles des images, c'est vraiment très très chaud mais bon. Au pire mes membres n'auront pas l'image en entier mais au moin une image en rapport avec le jeu et qui remplie le fond. Je vais m'y remettre quand je serais plus motivé .

Encore merci à toi Adam.

Cordialement