Bonsoir, salutations, bonjour, etc etc.

Aujourd'hui l'heure est grave. Très grave même. Je ne retrouve plus mon disque de God of War III !

Oh et aussi, j'aimerais bien réaliser ce tuto en anglais : http://baijs.nl/tinyscrollbar/

Mais étant un noob en javascript je ne comprends pas trop l'affaire. Je ne saisis pas où mettre les codes de javascript qu'il donne, ni ceux qu'il faut utiliser, ni rien en fait. Alors si quelqu'un pourrait m'expliquer ce que je dois prendre au juste dans ce tuto pour réaliser une barre de défilement personnalisée sur une div, ce serait super !

Voilà tout

EDIT : Lien du forum où sera le code : http://jeuderole.jdrforum.com/

Hello, comme je l'ai déjà dit sur la CB, le principe de CSSActif est d'abord que tu tentes, et que tu nous montres ensuite ce qu'il en est si ça ne marche pas.

Tous les codes nécessaires (HTML, CSS et Javascript) sont donnés dans la partie "How to" de la page que tu lies

Tu dois également ajouter le script du plugin TinyScrollBar dans une page javascript sur ton forum

Le site présente également plusieurs exemples permettant de savoir quelles propriétés employer et à quoi elles servent, sachant que par défaut la seule utilisation de la fonction tinyscrollbar est utile.

PS : Tu es au courant que ton forum rend assez mal sur un écran large ?
PS2 : Tu sais que ta bannière fait 800Ko et que c'est très lourd ?

Salut.

J'ai testé ce tuto des centaines de fois mais en vain, ça ne marche pas. Inutile de le montrer si ça ne fonctionne pas

Le cadre et la barre apparaissent mais elle ne défile pas.

Pour la bannière : non je ne le savais pas o_o Comment remédier à ça ? Je suis pas trop graphisme ! Pour l'écran large = je vais voir ça plus tard, merci tout de même de m'avoir avertis.

Pour déboguer une erreur, il est généralement plus pratique pour nous de voir le résultat (installé sur le forum de préférence, ou bien en ayant les codes utilisés sous les yeux) que d'essayer d'imaginer très fort quelle bêtise a pu faire notre interlocuteur. Malheureusement, nous ne sommes que de modestes codeurs spécialisés FA, nous n'avons pas la capacité de lire dans les pensées x)

Puisque tu ne souhaites pas nous montrer ce qui en résulte, pourrais tu nous détailler étape par étape comment tu as procédé ?

Du peu que tu en dis, le problème réside dans le javascript, je vais radoter mais as-tu bien installé le plugin dans un fichier Javascript ?
As tu bien (de même) installé le script donné dans la partie JS du "How to", bien sûr en retirant les balises HTML <script> et </script> puisque la gestion des codes JS de ForumActif nous permet d'utiliser directement des fichiers javascript ?

Et bien voilà ce que j'ai : http://jeuderole.jdrforum.com/t82-scrollbar-test#296

1 - J'ai installé le HTML sur mon post.
2 - J'ai mis le CSS.
3 - J'ai mis le code Javascript sans les "script" dans la gestion des js sous "toutes les pages".

Et ça ne marche pas !

Plop !

Oui, c'est vrai j'avais remarqué pour la largeur aussi

Pour ce qui est du problème comme tel, si tu nous disais ce que tu as fait (ou ce que tu n'as pas fait) ça pourrait nous aider.

Comme 'Christa la mentionner, il faut d'abord installer le script comme tel sur le forum. En occurrence, celui-ci: http://baijs.nl/tinyscrollbar/js/jquery.tinyscrollbar.min.js copie-colle le code dans un nouveau code Javascript via le PA (démarche ici: http://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript) en t'assurant d'avoir coché l'option "Toutes les pages"

Et ensuite intéresse toi à la partie "How To" (titre en rouge) du bas de la page que tu nous as montré. Il y a trois codes à copier: l'un (HTML) à mettre dans ton template à l'endroit désiré (ou dans un message) l'autre à ajouter dans ta feuille de Style (CSS) et le dernier à mettre dans un nouveau code Javascript de FA (sans la partie

Code:

<script type="text/javascript">
    $(document).ready(function(){

        $('#scrollbar1').tinyscrollbar();

    });
</script>

ou juste au-dessus du

Code:

</head>

dans le template Overall_header.

Si ça ne marche pas, revient nous voir


EDIT: Je viens de voir ton dernier message. Je lis et je réponds.

Super, ça marche ! Je ne sais pas comment, mais osef, ça marche !

Merci vous deux, je vous revaudrai ça... Avec plus de trollings sur la chatbox la prochaine fois !

EDIT : En ce qui concerne la largeur, quel est le problème ?

Je me demande surtout pourquoi on est obligés de dire trois fois la même chose =.=

Par contre Orange faut éviter de mettre le JS au dessus de </head>, la gestion des fichiers JS est là pour ça @_@

Edit: Fais un Ctrl + quelques tours de molette de souris pour faire un zoom arrière sur ton forum, et tu verras. C'est tout "collé à gauche".
Edit 2 : Pour ta bannière, commence déjà par l'enregistrer au format JPG.

Super pour la barre de défilement.

Pour la largeur, et bien il s'avère que moi et 'Christa (en tant que bon geeks) avons de très grands écrans (moi j'ai deux moniteurs 1920px chaque, et toi 'Chri ?) et que ton forum est déformé pour nous. Il y a des espaces étranges qui se forme, notamment sur la structure des catégories et le QEEL.



Ce genre de truc survient lorsque l'on mélange valeur relatives (%) et absolues (px) du coup, tu te retrouves avec une div qui peut changer de grosseur selon la résolution et une autre, à l'intérieur qui reste fixe à X pixels et qui ne peut pas prendre toute l'espace qu'elle devrait.

Voilà c'est réglé pour la largeur. Merci encore.

Bonjour,

Merci d'avoir prévenu que le problème était résolu. A l'avenir, pense à éditer ton message pour faciliter le travail des modérateurs !
Je classe.

Bonne journée,