AccueilRechercherS'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.


    Sidebar qui empiète sur le forum

    Nono123
    Nono123
    FémininAge : 29Messages : 3

    Aujourd'hui à 10:11

    Bonjour =)

    Alors je viens vous voir car j'ai un problème avec ma sidebar.
    En fait pour les écrans à très bonne résolution je n'ai aucun problème, mais pour les PC qui ont une résolution moins bonne, ma sidebar empiète sur le forum (comme dans la photo ci-dessous) du coup c'est hyper relou, surtout qu'à chaque changement de page, même si on l'a fermée avant, elle se réouvre ^^)

    Du coup j'aurai voulu savoir comment :
    1/ Soit réduire la barre de manière à ce qu'elle n'empiète plus
    2/ Soit pouvoir la fermer et éviter qu'elle se rouvre à chaque changement de page
    3/ Soit l'avoir par défaut fermée et l'ouvrir que lorsqu'on le souhaite (en fait l'inverse de ce qui est possible présentement ^^)

    Voilà le screen : Sidebar qui empiète sur le forum Screen11


    Pour le code, je ne peux pas le poster car y'a des liens externes et je suis nouvelle :/


    Merci d'avance :)
    'Christa
    'Christa
    FémininAge : 35Messages : 139

    Aujourd'hui à 10:49

    Hello !

    Retire les liens de ton code pour le partager, comme ça on pourra le regarder plutôt que d'essayer de deviner ^^ Tu peux également indiquer où tu as trouvé cette sidebar, si c'est sur un forum de libre services ya moyen qu'on puisse aller regarder. Et donner le lien de ton forum, aussi :p

    Selon comme elle est codée (pur CSS ou javascript), la façon de résoudre le problème sera sans doute différente. En tout cas, juste réduire la barre ne sera probablement pas suffisant pour régler ton problème, je pense.
    Nono123
    Nono123
    FémininAge : 29Messages : 3

    Aujourd'hui à 10:59

    Coucou ^^

    Alors ce n'est pas moi qui gère le graphisme habituellement donc je ne sais pas où a été trouvée la base ^^

    Par contre je n'arrive pas à poster le code. Je vais voir avec une autre admin qui doit avoir un compte ici depuis plus longtemps pour qu'elle vienne le poster
    'Christa
    'Christa
    FémininAge : 35Messages : 139

    Aujourd'hui à 12:09

    Hum, si je me base sur les similitudes, ta sidebar est potentiellement celle proposée sur le forum de LS Terrible, il y a même tout un tutoriel sur le sujet :)

    A noter que je te conseille vivement de faire une liste des sources des éléments qui constituent ton forum, ça peut aider pour leur maintenance (et, accessoirement, c'est généralement plus poli envers les créateurs des LS que de leur adresser une mention quelque part sur ton forum)
    Tchii
    Tchii
    FémininAge : 34Messages : 259

    Aujourd'hui à 14:43

    Coucou!
    Commençons par donner le code de notre side-bar.

    Code:
                <div id="sidebar">
        <a class="active" id="sidebar-trigger" href="#"><span></span></a>
        <h2>
            Periode RPG <strong>du forum</strong>
        </h2>

        <div class="sidebar-txt contexte">
            Nous sommes en Septembre, Octobre et Novembre 2015.
    L'automne est arrivé sur Huntfield et les pluies qui vont avec. Les journées raccourcissent et les habitants se rhabillent chaudement.
        </div>

        <div class="title">
            Missions intrigues & avancements
        </div>

        <div id="liens" class="sidebar-block">
            <a href="http://oo-supernatural-oo.forumactif.org/t12009-la-meute-allemande-mission-au-xveme-siecle">La meute allemande <span style="color:red;">  ✘  </span></a>
            <a href="http://oo-supernatural-oo.forumactif.org/t12008-reconstruction-et-avenir-radieux">Reconstruction et avenir radieux <span style="color:red;">  ✘  </span></a>
            <a href="http://oo-supernatural-oo.forumactif.org/t12007-thanksgiving">Thanksgiving <span style="color:red;">  ✘  </span></a>
            <a href="http://oo-supernatural-oo.forumactif.org/t12005-le-village-des-zombies">Le village des Zombies <span style="color:red;">  ✘  </span></a>
            <a href="http://oo-supernatural-oo.forumactif.org/t12004-le-rassemblement">Le rassemblement <span style="color:red;">  ✘  </span></a>
            <a href="http://oo-supernatural-oo.forumactif.org/t12107-la-tache-mission-1-mission-avancement-de-diana">La tache <span style="color:green;"> :heavy_check_mark:</span></a> 
          <!-- <a href="#">Lien</a> <span style="color:red;">  ✘  :heavy_check_mark:</span>      -->
        </div>

        <div class="title">
            Top membres intrigue
        </div>

        <div class="sidebar-block" id="staff">
          <div class="staff-info">
                <img src="https://zupimages.net/up/20/37/o3fg.png" />
                <div class="staff-tooltip">
                    <h3>Kessen</h3>
                    1ére Place
                </div>
          </div><br />
       
          <div class="staff-info">
                <img src="https://zupimages.net/up/20/37/d0l5.png" />
                <div class="staff-tooltip">
                    <h3>Seth</h3>
                    2e Place
                </div>
            </div>
            <div class="staff-info">
                <img src="https://zupimages.net/up/20/37/jmfr.png" />
                <div class="staff-tooltip">
                    <h3>Asaliah</h3>
                    3e Place
                </div>
            </div>
          <div class="staff-info">
                <img src="https://zupimages.net/up/20/37/a7ou.png" />
                <div class="staff-tooltip">
                    <h3>Brian</h3>
                    4e Place
                </div>
            </div>
        <div class="staff-info">
                <img src="https://zupimages.net/up/20/37/wulm.png" />
                <div class="staff-tooltip">
                    <h3>Calli</h3>
                    5e Place
                </div>
            </div>
         
        </div>

    </div>


    Ensuite pour les crédits, ils sont sur le site, il ne faut pas s'en faire. Sauf qu'on a pris plusieurs code de Terrible en effet, et d'Halloween aussi, sauf que je sais pas qui a fait quoi. Quel genre de codes à été pris chez qui, ni où.
    Donc effectivement notre side-bar se superpose sur le forum, et qui "coupe" des zones importantes du forum.
    Est-ce qu'il y a moyen de la rendre, moins large par exemple ?
    Merci pour votre aide à tous.
    A trés vite!
    Tchii.

    'Christa
    'Christa
    FémininAge : 35Messages : 139

    Aujourd'hui à 15:26

    Alors, je confirme, c'est bien celle de Terrible, le code est le même. Du coup, en fait, Awful avait répondu à votre problème à la suite de son LS, quand quelqu'un lui a posé la question (il y a la réponse tant pour l'option "réduire la sidebar" que pour "fermer la sidebar par défaut", et le tutoriel que j'ai lié plus haut ajoute même une explication sur la mémorisation du statut de la sidebar) donc je vous renvoie vers son sujet. Si vous n'y arrivez pas malgré ça, je vous aiderai, mais il faudra partager tous les codes (CSS, HTML et javascript) et le lien vers votre forum (celui sur lequel le code est installé, si vous avez un forum de test) ah non je suis pas futée il est écrit directement dans le code XD.

    (Note : Je n'ai pas testé mais je pense qu'il suffit de retirer le http://www des liens pour éviter que FA envoie paitre les comptes récemment inscrits, je peux me débrouiller pour mettre la partie qui manque XD)
    Contenu sponsorisé


      La date/heure actuelle est Jeu 22 Oct 2020 - 22:27