AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
Jeux, jouets et Lego : le deuxième à -50% (large sélection)
Voir le deal

    Bannière de fond aléatoire.

    Nunna
    Nunna
    FémininAge : 27Messages : 48

    Sam 9 Avr 2016 - 12:20

    Ma demande



       Bonjour et merci de vous pencher sur ma demande ! Alors ce que je veux est assez simple, c'est une bannière aléatoire. CEPENDANT, uniquement avec deux images et bien précises sur son emplacement. ^_^

    Je me suis permise d'enlever certains champs inutiles par rapport à ma demande. (:

    J'aimerai que ma bannière (elle est utilisée en tant que fond car elle décore aussi les catégories du forum) -> https://www.zupimages.net/up/16/14/jak2.png ne soit UNIQUEMENT sur l'index (en gros, on arrive sur le forum, elle est là, et dès qu'on retourne sur l'index après avoir été sur des catégories, elle soit toujours là. En gros, elle ne quitte jamais la première page) mais qu'une fois qu'on rentre dans des catégories, sous-catégories, forums, liste de sujets, liste des membres (toutes les autres parties), cette image devienne cet header sans les autres petites images sur les côtés.  :ange: -> https://www.zupimages.net/up/16/14/yio8.png


       Schéma(s) et Eléments
       Schémas : Voilà comment j'aimerais que soit l'index : https://www.zupimages.net/up/16/14/bpre.png
    Et que les catégories/sujets/rp/fiches membres/messageries (toutes autres pages que celle principale qui est http://shinobi-no-seiki.forumactif.be/ ) soient dépourvues des images du manga à côté ainsi : https://www.zupimages.net/up/16/14/q517.png
    Pour visualiser, voilà ce qu'il se passe actuellement ^^" > https://www.zupimages.net/up/16/14/vi9x.png Pas très beau quoi u_u
       Version de votre forum : PHPBB2.




       Autres précisions ?
       Non ^_^ Merci d'avance ♥
       


    Dernière édition par Nunna le Sam 9 Avr 2016 - 19:53, édité 1 fois
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Sam 9 Avr 2016 - 19:43

    Coucou Nunna :)

    Je voudrais bien me charger de cette demande de LS, si ça te convient :3
    Par contre, pour moi ce n'est pas une "bannière aléatoire" dans la description. Je dirais plutôt une bannière spéciale sur l'index. Wink

    Si c'est bien ça, j'ai fait un essai dans le navigateur, qui a l'air de bien fonctionner ! :)
    Avec le codage actuelle de ton forum, on peut le faire en CSS pur, même pas besoin de JS, c'est cool !

    Le CSS à rajouter :
    Code:
    body {
       position: relative;
       margin: 0;
       /* Banniere par défaut */
       background-image: url("http://www.zupimages.net/up/16/14/yio8.png");
    }

    /* Fausse banniere sur l.index */
    .bannIndex {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;
      bottom: 0;
      background-image: url(http://www.zupimages.net/up/16/14/jak2.png);
      background-position: top center;
      background-repeat: no-repeat;
    }

    Ensuite, dans ton template index-body, on va rajouter ceci au tout début :
    Code:
    <div class="bannIndex"><!-- Banniere qui n'apparait que sur l'index --></div>

    Nunna
    Nunna
    FémininAge : 27Messages : 48

    Sam 9 Avr 2016 - 19:53

    OH MY GOD. Tu es juste parfaite ! :O Et en plus super rapide ! Pouah merci beaucoup ♥ . Du coup, ma commande est terminée haha. ^_^ Bonne soirée. =)
    Nunna
    Nunna
    FémininAge : 27Messages : 48

    Sam 9 Avr 2016 - 20:18

    Cependant, pardon je viens de remarquer °° Un bug apparaît au niveau de la box, et cette dernière a cette forme Arrow

    https://www.zupimages.net/up/16/14/tyn9.png

    ><
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Sam 9 Avr 2016 - 20:23

    Coucou :)

    Si le soucis n'était pas là avant, tu peux essayer de rajouter ceci :
    Code:
    body.chatbox {
        margin: 8px;
    }

    Nunna
    Nunna
    FémininAge : 27Messages : 48

    Sam 9 Avr 2016 - 20:25

    Ca ne marche toujours pas, pourtant avant de remettre le code ça marchait haha x)
    Je peux te c/c mon css si tu veux pour voir s'il y a une erreur quelque part ? ^^"

    Edit : C'est le code de css qui fait buguer, pas celui de template, car quand je l'enlève, la cb se remet °°

    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Sam 9 Avr 2016 - 20:37

    Tu peux remplacer ceci :
    Code:
    body.chatbox {
        margin: 8px;
    }

    Par ceci :
    Code:
    body.chatbox {
       position: static;
    }

    Nunna
    Nunna
    FémininAge : 27Messages : 48

    Sam 9 Avr 2016 - 20:40

    ... Merci ;_; T'étais toute mimi aussi sur la cb, en mode petite héroïne. Bon voilà, commande vraiment terminée ! ♥
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Sam 9 Avr 2016 - 20:43

    Super (merci d'avoir supprimé mon compte temporaire ♡) :)

    Contenu sponsorisé


      La date/heure actuelle est Dim 28 Avr 2024 - 14:42