Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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
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
Dernière édition par selas le Mer 4 Avr 2012 - 14:32, édité 1 fois
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
Bonjour
Vous pouvez essayez ceci
Grace à Exécuter un code javascript sous certaines conditions
Et cette partie qui nous concerne
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
Les parties que vous devez modifier:
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.
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")
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.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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
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
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
Bonjourselas a écrit: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?
Vous avez le lien de votre background?
Il ne s'adapte pas que voulez vous dire?
Cordialement.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
Re,
Yep le voici :
Euh et bien qu'il s'adapte a toutes les résolution d'écran (Possible?)
Cordialement
Yep le voici :
Euh et bien qu'il s'adapte a toutes les résolution d'écran (Possible?)
Cordialement
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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.
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.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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
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
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
Bonjour
il faut procéder de la même manière en changeant de script
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.
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.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
Re,
Tankiou bien pour le code.
Parc contre ça marche pas ^^.
Voici mon code.
Cordialement
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
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
Bonjour
Il ne fonctionne pas du tout ?
Rien n'apparait ?
Cordialement.
Il ne fonctionne pas du tout ?
Rien n'apparait ?
Cordialement.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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
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
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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.
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.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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
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
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
Bonjour
Vous pouvez mettre un lien vers le forum concerné?
Vous avez d'autres scripts?
Cordialement.
Vous pouvez mettre un lien vers le forum concerné?
Vous avez d'autres scripts?
Cordialement.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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
*et peut être mettre des fonds plus haut en hauteur..
Cordialement.
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.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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.
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.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
Bonjour
Je ne vois plus de background sur votre forum de test.
Cordialement.
Je ne vois plus de background sur votre forum de test.
Cordialement.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
Re,
Ahhh merdouille,
Euhhh je viens de jeter un cout d'oeil au forum il s'affiche bien chez moi.
Cordialement
Ahhh merdouille,
Euhhh je viens de jeter un cout d'oeil au forum il s'affiche bien chez moi.
Cordialement
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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
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
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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.
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.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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.
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.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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
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
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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é..
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é..
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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é
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é
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
bonjour
Ah c'est pas facile
il faut faire des tests mais c'est toujours un soucis de hauteur..
Ah c'est pas facile
il faut faire des tests mais c'est toujours un soucis de hauteur..
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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
Je rajoute cette ligne
??????
Cordialement
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
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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 ...
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 ...
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
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 ^^.
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 ^^.
Re: Comment faire pour avoir un fond différent pour chaque sous forum :Edit:[photos]
[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
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
Page 1 sur 2 • 1, 2
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum