Changer le fond du forum du portail uniquement pour les invités

[Guilde-Egregore]

Bonjour, je souhaite que le fond du forum soit différent pour les invités et seulement sur le portail.

Le CCS

Code:


        .fond_forum3{
        background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/maison10.jpg');
        background-size: cover;
        }

Le code que j'ai ajouté dans un widget du portail (avec permission que pour les invités)

Code:

    <script type="text/javascript">
        $(function(){
            $('body').addClass('fond_forum3');
            $("#wrap").css("background-color","transparent").addClass( "fond_cadre2" );
        });
        </script>

Mais ça ne fonctionne pas avez vous une idée ?

Merci

[Ange Tuteur]

Bonsoir Guilde-Egregore,

Rendez-vous dans Panneau d'administration > Modules > Gestion des codes JavaScript > Créer un nouveau javascript

Titre : Votre choix
Placement : Sur le portail
Ajoutez le code suivant :

Code:

$(function() {
  var fond = 'http://i38.servimg.com/u/f38/19/06/98/92/bg111.png';
  if (!_userdata.session_logged_in) {
    document.body.style.background = 'url(' + fond + ')';
    document.getElementById('wrap').style.background = 'none';
  }
});

Remplacer https://i.servimg.com/u/f38/19/06/98/92/bg111.png par l'URL de votre image.

Bonne soirée

[Guilde-Egregore]

Merci pour votre rapidité, après le message je suis allé me coucher ! Je ne pensais pas que la communauté forumactif est aussi active que ça !

Je vais tester !

Édition : non ça ne fonctionne pas, peut être que je n'ai pas compris entièrement la démarche.

Merci quand même !

[Ange Tuteur]

Essayez ce code :

Code:

$(function() {
  var fond = 'http://i38.servimg.com/u/f38/19/06/98/92/bg111.png';
  !_userdata.session_logged_in && (document.body.style.background = 'url(' + fond + ')');
});

Si cela ne fonctionne pas, qu'est l'URL de votre forum ?

[Guilde-Egregore]

Ça marche ! Je viens de me rendre compte que l'autre marche aussi ! Pardon ! Sauf qu'il désactive un mon cadre du forum avec ce jvs (donc ça tombe bien !)

Code:

$(function (){
                $("#wrap").css("background-color","transparent");
                $("#wrap").addClass("fond_cadre1");
                });

Mais par contre, serait-il possible d'avoir le "cover"

Comme ici :

Code:

   body {
        background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/maison10.jpg');
        background-size: cover;
   }

Et le fond de page fixe ?

http://guilde-egregore.forumactif.org/

Merci

[Ange Tuteur]

Remplacer le JavaScript par :

Code:

$(function() {
  !_userdata.session_logged_in && (document.body.className += ' invite-bg');
});

alors vous pouvez utiliser CSS :

Code:

body.invite-bg {
  background-image:url(http://i38.servimg.com/u/f38/19/06/98/92/bg111.png);
  background-size:cover;
  background-attachment:fixed;
}
body.invite-bg #wrap { background:none }

[Guilde-Egregore]

Super c'est exactement ça ! Merci beaucoup !

Bonne nuit !