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

Page 1 sur 2 1, 2  Suivant

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

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

Message par selas le Lun 2 Avr 2012 - 7:27

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


Dernière édition par selas le Mer 4 Avr 2012 - 14:32, édité 1 fois

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Lun 2 Avr 2012 - 9:28

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.


Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Lun 2 Avr 2012 - 11:21

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

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Lun 2 Avr 2012 - 11:24

@selas 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?

Bonjour

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

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Lun 2 Avr 2012 - 12:01

Re,

Yep le voici :

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

Cordialement

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Lun 2 Avr 2012 - 12:40

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
http://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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mar 3 Avr 2012 - 2:47

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

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Adam_sfp le Mar 3 Avr 2012 - 10:18

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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mar 3 Avr 2012 - 11:44

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

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mar 3 Avr 2012 - 11:58

Bonjour

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

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mar 3 Avr 2012 - 12:53

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 Confused .

LOL


selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mar 3 Avr 2012 - 13:35

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
http://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript#edit-temp

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mar 3 Avr 2012 - 14:42

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.

pale pale Sad Sad

Cordialement

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mar 3 Avr 2012 - 14:54

Bonjour

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

Cordialement.


Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mar 3 Avr 2012 - 15:09

Re,

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

Non c'est le seul Script.

Cordialement

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mar 3 Avr 2012 - 16:18

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://i40.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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mer 4 Avr 2012 - 0:21

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.

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mer 4 Avr 2012 - 10:25

Bonjour

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

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mer 4 Avr 2012 - 11:01

Re,

Ahhh merdouille,

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

Cordialement

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mer 4 Avr 2012 - 11:07

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

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

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mer 4 Avr 2012 - 11:37

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.

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mer 4 Avr 2012 - 12:18

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://i40.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://i49.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.





Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mer 4 Avr 2012 - 12:37

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

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mer 4 Avr 2012 - 12:46

Bonjour

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

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

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



Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mer 4 Avr 2012 - 13:17

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 Sad Smile Smile Smile

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

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mer 4 Avr 2012 - 13:29

bonjour

Ah c'est pas facile Wink

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

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mer 4 Avr 2012 - 13:48

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

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par Adam_sfp le Mer 4 Avr 2012 - 13:59

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://i40.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 ...

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mer 4 Avr 2012 - 14:04

Re,

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

Grooooos Grosss ZOOMM Shocked Sad Very Happy

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

Je reviens ^^.

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

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

Message par selas le Mer 4 Avr 2012 - 14:18

[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é Shocked Very Happy Very Happy Shocked .

Encore merci à toi Adam.

Cordialement

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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