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.

Le Deal du moment : -27%
XIAOMI POCO X3 64Go – Gris
Voir le deal
176 €

    Chatbox latérale coulissante

    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Jeu 25 Mar 2010 - 10:35

    Rappel du premier message :

    Bonjour,

    Comme précisé dans ce topic : Chatbox Latérale, je vous offre une version avec animation fluide en jquery. Elle n'est pas beaucoup plus complexe d'utilisation.

    Je vous invite suivre ce lien pour en savoir plus et tester la slide box :
    http://www.creativejuiz.fr/juiz/plugins/juiz-slide-box/

    Si vous avez des remarques ou des problèmes n'hésitez pas à me le faire savoir.
    Merci.

    PS : pour l'implémentation sous Forum-actif, voici un sujet qui en parle et qui pourrait vous intéresser
    http://forum.forumactif.com/probleme-avec-un-script-un-code-f74/slidebox-t282413.htm


    On en parle aussi à la suite de ce topic.

    Problèmes résolus :
    - Compatibilité navigateurs
    - La chatbox semble disparaître
    - Une ligne vide et/ou une poignet de redimensionnement restent sur mon forum
    - Erreur 404 (fichier introuvable) sur le script javascript



    Dernière édition par Riku Asakura le Jeu 7 Juil 2011 - 15:25, édité 7 fois



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Madara uchiwa315
    Madara uchiwa315
    MasculinAge : 23Messages : 13

    Jeu 29 Juil 2010 - 14:55

    d'accord mais Up quand même
    Madara uchiwa315
    Madara uchiwa315
    MasculinAge : 23Messages : 13

    Ven 30 Juil 2010 - 13:11

    UP ??? personne peut m'aidé ?
    Sui'
    Sui'
    MasculinAge : 29Messages : 1865

    Ven 30 Juil 2010 - 16:54

    Les up sont toutes les 48 heures t'aura jamais d'aide avec une tel patience.

    C'est dommage pour toi.



    Merci beaucoup Woo pour ce kit *-*
    Chatbox latérale coulissante - Page 2 657955SignatureSuicopie
    Sui' Art's
    Madara uchiwa315
    Madara uchiwa315
    MasculinAge : 23Messages : 13

    Sam 31 Juil 2010 - 14:23

    ........ si tu le dit, je vais demander à des vrai pro qui aide les gent au moins ... et aussi au lieu de tt me reprocher tu aurais pu m'aidé...
    Sui'
    Sui'
    MasculinAge : 29Messages : 1865

    Sam 31 Juil 2010 - 18:14

    Je te reproche rien je te demande juste de respecter le règlement ^^ sa arrive par moment ce genre d'erreur c'est pas grave.

    Ensuite j'ai pas la solution à ton problème sinon je t'aurais aidé et à mon avis seul Riku ou peut être le captain la ici et vu que Riku bosse tu vas attendre encore un peu de temps donc demander à des "pro" comme tu dis peut être une solution.

    Soit juste plus patient et poli que tu ne la été ici Wink.

    Bonne chance pour ton problème.



    Merci beaucoup Woo pour ce kit *-*
    Chatbox latérale coulissante - Page 2 657955SignatureSuicopie
    Sui' Art's
    Madara uchiwa315
    Madara uchiwa315
    MasculinAge : 23Messages : 13

    Mar 10 Aoû 2010 - 11:56

    Ok tu sais quand Riku a le temps ? Et j'ai fais ma présentation
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Dim 15 Aoû 2010 - 20:00

    @Madara uchiwa315 a écrit:........ si tu le dit, je vais demander à des vrai pro qui aide les gent au moins ... et aussi au lieu de tt me reprocher tu aurais pu m'aidé...

    Hello,

    Bienvenue sur le forum,

    Si tu souhaites t'adresser à un vrai pro qui aide les gens tu es bien tombé. Justement c'est ma spécialité.
    Le plugin est proposé de manière complètement gratuite, tu ne vas pas en plus râler parce que personne ne t'aide.
    Bien, donc, un pro, ça se paye... tu veux toujours de l'aide d'un pro ?
    Franchement je te conseillerai plutôt d'utiliser mère patience qui te sera de meilleure compagnie que mes frais d'honoraires dont tu ne pourrais pas te dédouaner de si tôt !

    Bien, la meilleure chose dont tu aurais pu user pour éviter une attente aussi longue c'est l'utilisation de ta boîte de messagerie privée, qui même si elle n'est pas disponible de suite sur le forum aurais pu être activée si tu t'impliquais un peu plus.
    La deuxième solution était de me contacter directement sur le formulaire de contact qui se trouve en bas de page du site proposé.

    Le troisième chose à faire qui aurait pu nous aider à t'aider : préciser ton problème !

    J'attends donc ta réponse avec une précision sur ce que tu comprends et ne comprends pas, et sur les points que tu souhaites aborder avec nous/moi.

    Merci



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Madara uchiwa315
    Madara uchiwa315
    MasculinAge : 23Messages : 13

    Dim 15 Aoû 2010 - 20:13

    Un pro ^^ je voudrais savoir comment la mettre sur mon forum parce que
    je suis vraiment nul de chez nul en codage pour des sites. Ensuite, je
    n'avais même pas vu que l'on savait poser des questions sur le site proposer. Et enfin je ne me suis pas vraiment énerver mais, je déteste les gants qui font toujours des commentaire pour ne rien dire. J'allais me présenter j'attendais le bon moment ^^

    Edite: J'avoue que j'ai pris un mauvais départ désolé Chatbox latérale coulissante - Page 2 Icon_sad
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Dim 15 Aoû 2010 - 23:54

    No problem,

    c'est reconnu, c'est déjà ça Wink


    Pour l'installer sur un forum Forum-actif (comme tu ne m'as pas précisé le type de forum j'imagine que c'est un FA) tu n'as déjà pas besoin de rappeler le lien de jQuery (cf. étape 1 de cette page http://www.creativejuiz.fr/juiz/plugins/juiz-slide-box/ )

    Tu dois compléter le template de ton forum nommé overall_header_new (s'il n'a pas changé de nom depuis) et coller ce code :
    Code:
    <script type="text/javascript" src="http://www.creativejuiz.fr/juiz/plugins/juiz-slide-box/scripts/jquery-juizSB.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
       $("#aside").juizSlideBox();   
    });
    </script>
    juste avant ce code :
    Code:
    </head>

    Je conseille d'habitude de le mettre en pied de page HTML, mais pour les FA c'est un peu différent.

    Ensuite si tu veux personnaliser l'aspect de ta box il va falloir suivre les étapes de Personnalisation.

    J'espère que c'est assez clair ainsi.
    Logiquement si tu as besoin de t'y retrouver dans les templates, les autres doivent pouvoir t'aider.
    Je dis ça car je reprends le boulot demain, difficile donc de consulter le forum que je le souhaiterais...

    Au plaisir, et bon courage Wink



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Mer 18 Aoû 2010 - 0:23

    J'ai ajouté un petit lien sur mon premier post de ce sujet pour ceux que ça intéresse :
    http://forum.forumactif.com/probleme-avec-un-script-un-code-f74/slidebox-t282413.htm



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Kuro'
    Kuro'
    MasculinAge : 26Messages : 438

    Lun 23 Aoû 2010 - 7:33

    Yop,

    Whaaaaa ! ça m'prend la tête è_é.
    J'commence sérieusement à péter un cable ^^

    Bref exposition du soucis : J'ai mis le code suivant :
    Code:
    <script type="text/javascript" src="http://dl.toofiles.com/vaaoje/documents/xo7gwn-at73lt-9xxv96.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
      $("#chatbox_top").juizSlideBox({
       'boxPosition'    : 'fixed',
       'boxPosTop'    : '750',
       'boxPosLeft'    : '0',
       'boxWidth'    : '700px',
       'boxHeight'    : '350px',
       'boxPadding'    : '0px',
       'boxBg'      : 'transparent url(http://host.image.files.free.fr/host/4c013a7b30d63transp.png) repeat',
       'boxBorder'    : '2px solid #000000',
       'boxBorderRadius'    : '0',
       'boxShadow'       : '0',
      });
    });
    </script>


    Bien placé etc. Mais ça marche pas !
    Quand je laisse la code de base donc juste
    Code:
    <script type="text/javascript" src="http://dl.toofiles.com/vaaoje/documents/xo7gwn-at73lt-9xxv96.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
      $("#chatbox_top").juizSlideBox({
      });
    });
    </script>

    ça marche parfaitement, aucun soucis.
    Malheureusement au niveau de l'esthétique c'est vraiment immonde, la box est coupé avant la fin etc etc..

    Donc j'aimerais savoir quand j'rajoute un p'tit bordel pour la rendre plus belle la box disparait complètement du forum, pourquoi ? Et comment la faire ré-apparaitre ( jolie ). Pour le système d'enjolivement j'ai pris le système de personnalisation dispo' sur le site.

    Thanks !




    Chatbox latérale coulissante - Page 2 Raichu_loupay-3edc2d8276
    Merci Didi-senpai ! :)
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Mer 25 Aoû 2010 - 10:23

    Hello,

    Essayes avec ce code :
    Code:
    <script type="text/javascript" src="http://dl.toofiles.com/vaaoje/documents/xo7gwn-at73lt-9xxv96.js"></script>

    <script type="text/javascript">
    $(document).ready(function() {
      $("#chatbox_top").juizSlideBox({
      'boxPosition'    : 'fixed',
      'boxPosTop'    : '750px',
      'boxPosLeft'    : '0',
      'boxWidth'    : '700px',
      'boxHeight'    : '350px',
      'boxPadding'    : '0px',
      'boxBg'      : 'transparent url(http://host.image.files.free.fr/host/4c013a7b30d63transp.png) repeat',
      'boxBorder'    : '2px solid #000000',
      'boxBorderRadius'    : '0',
      'boxShadow'      : '0 0 0'
      });
    });
    </script>

    J'explique les modifications :
    - rajout de "px" sur la valeur boxPosTop, en effet les valeurs sont communes aux CSS. Ainsi lorsque tu mets 0, tu n'es pas obligé d'utilisé l'unité px. Lorsque tu mets un chiffre ou un nombre il te faut préciser l'unité.
    - les trois "0" sur box Shadow car il faut lui préciser 0 pour le décalage en x, 0 pour le décalage en y, et 0 pour l'étendue de l'ombre.
    - une virgule retirée : la dernière de la liste (pour être sûr que ça fonctionne sur tous les navigateurs)

    En espérant que cela fonctionne Wink
    Tiens moi au courant, merci.



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Kuro'
    Kuro'
    MasculinAge : 26Messages : 438

    Mer 25 Aoû 2010 - 12:44

    Hello, merci d'avoir répondu assez rapidement :)

    Alors, toujours le même soucis, j'ai d'abord copier/coller le code qui tu m'as donné, pas de box. J'ai testé sans personnalisation & elle est apparue.




    Chatbox latérale coulissante - Page 2 Raichu_loupay-3edc2d8276
    Merci Didi-senpai ! :)
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Mer 25 Aoû 2010 - 16:00

    Oui en fait je viens de me rendre compte que ce sont tes valeurs qui ne sont pas bonnes :
    Code:
    <script type="text/javascript" src="http://dl.toofiles.com/vaaoje/documents/xo7gwn-at73lt-9xxv96.js"></script>

    <script type="text/javascript">
    $(document).ready(function() {
      $("#chatbox_top").juizSlideBox({
       boxPosTop    : '400px',
       boxWidth    : '750px',
       boxHeight    : '350px',
       boxPadding    : '0px',
       boxBorder    : '2px solid #000000',
       boxBorderRadius    : '0',
       boxShadow       : '0'
      });
    });
    </script>
    Comment placer une box à 750px du haut de ta page si celle-ci fait 600px de haut ?... (un des problèmes possible.
    Avec ce code ça devrait le faire.
    Normalement j'ai retiré les valeurs que tu as reprécisé alors que ce sont celles par défaut, mais tu peux les remettre si tu veux les modifier par la suite, en fait le seul problème semblait venir de boxPosTop.

    Au plaisir Wink



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Kuro'
    Kuro'
    MasculinAge : 26Messages : 438

    Mer 25 Aoû 2010 - 16:39

    Parfait Very Happy ( enfin y reste deux trois soucis esthétique mais ça devrait pas poser de soucis ^^ )... J'ai presque envi de te dire " Je t'aime " ! Merciiiii beaucoup.




    Chatbox latérale coulissante - Page 2 Raichu_loupay-3edc2d8276
    Merci Didi-senpai ! :)
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Jeu 26 Aoû 2010 - 16:55

    lol
    Je t'en prie, amuses-toi bien Wink



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Kuro'
    Kuro'
    MasculinAge : 26Messages : 438

    Sam 28 Aoû 2010 - 5:26

    Pim pom ... x)
    Alurs alurs, j'ai un dernier petit problème, après c'est promis j'en parle plus ! Very Happy

    Spoiler:
    Chatbox latérale coulissante - Page 2 Sans_titre-3557f9d331

    Comme tu peux le voir la slidebox n'a plus de problème :) ( le noir c'est pour cacher le reste de mon forum ^^' )

    Donc le problème est ce qui est dans l'encadré rouge. Ce qui à dedans est l'emplacement de base de la chatbox, mais vu qu'elle à été transféré dans la slidebox elle n'y est plus ... Donc ma question est : comment supprimé ce cadre tout moche ?




    Chatbox latérale coulissante - Page 2 Raichu_loupay-3edc2d8276
    Merci Didi-senpai ! :)
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Sam 28 Aoû 2010 - 21:38

    Hello,

    Soit il te faut cibler plus large et faire rentrer tout le bloc dans la slidebox, soit il va te falloir jouer avec du CSS.
    Dans les deux cas il me faudrait le lien vers ton site, ça serait plus facile Wink

    Merci



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Kuro'
    Kuro'
    MasculinAge : 26Messages : 438

    Lun 30 Aoû 2010 - 17:11

    Je t'ai envoyé le lien par mp, encore merci de ton aide :)




    Chatbox latérale coulissante - Page 2 Raichu_loupay-3edc2d8276
    Merci Didi-senpai ! :)
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Lun 30 Aoû 2010 - 18:51

    Ok bien reçu, je réponds là, j'ai fermé la boite de messagerie, la flemme :p
    Pourrais-tu afficher la box au public temporairement, sinon je ne peux pas la voir.

    Merci Wink



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Kuro'
    Kuro'
    MasculinAge : 26Messages : 438

    Ven 3 Sep 2010 - 21:18

    J'ai cherché .. Cherché, et rien trouvé è_é. Si tu pouvais me dire comment faire ? ^^' ( Sinon je te file directement mon compte )

    PS : Désolé de la longueur, avec la reprise des cours j'avais pas vu le message ..




    Chatbox latérale coulissante - Page 2 Raichu_loupay-3edc2d8276
    Merci Didi-senpai ! :)
    Kuro'
    Kuro'
    MasculinAge : 26Messages : 438

    Mer 8 Sep 2010 - 20:37

    Up ~ J'attends toujours ton aide :p




    Chatbox latérale coulissante - Page 2 Raichu_loupay-3edc2d8276
    Merci Didi-senpai ! :)
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Jeu 9 Sep 2010 - 10:15

    PA > Modules > Portail&Widget | Chatbox...

    Ah ben non j'ai rien dit.. j'étais persuadé qu'il y avait une option d'affichage par niveau d'utilisateur.

    Je suis preneur de ton compte admin, je t'invite à changer le mot de passe avant, l'idée serait éventuellement de voir directement dans les templates aussi (du coup...).

    Tu n'es pas obligé d'accepter, mais si tu acceptes il faudra passer par MP pour éviter de rendre publiques ces informations.

    Tu me préviendras sur ce topic quand tu m'auras envoyé le MP (ouais j'ai désactivé le suivi MP mais activé le suivi sur ce topic ;p)

    Merci



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Kuro'
    Kuro'
    MasculinAge : 26Messages : 438

    Jeu 9 Sep 2010 - 11:22

    Plop, merci de la réponse :p

    Donc c'est pour ça que je trouvais pas, ça existe pas xD.

    Mp envoyé avec le nom de compte / mdp. Par contre j'ai oublié de mettre le lien, dit moi si tu a supprimé l'mp avec ^^'




    Chatbox latérale coulissante - Page 2 Raichu_loupay-3edc2d8276
    Merci Didi-senpai ! :)
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 5736

    Ven 10 Sep 2010 - 15:36

    Hello,

    Merci pour ta confiance, c'est corrigé.

    Dans overall_header_new j'ai rajouté ceci avant l'appel de la slideBox :
    Code:
    var chatbox = $("#chatbox_top").closest("table.forumline");
    $(chatbox).next("table").hide();

    ça veut dire que je sélectionne le parent de #chatbox_top le plus proche (closest) étant un table de classe "forumline" (c'est ce qui restait et faisait le ligne vide dans ton forum).
    J'enregistre tout ça dans la variable chatbox.
    Puis je planque le table juste après (next) ce que j'ai sélectionné (c'est ce qui contient la poignet de redimensionnement) et je la cache (hide).

    Ensuite j'appelle la fonction slideBox sur l'ensemble de la table sélectionnée dans la variable "chatbox".

    Cela peut sembler complexe mais c'est la base de la navigation dans le dom proposé par jQuery.

    Si ça t'intéresse :
    http://jquery.developpeur-web2.com/documentation/manipulation.php

    Au plaisir



    Chatbox latérale coulissante - Page 2 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Contenu sponsorisé


      La date/heure actuelle est Ven 16 Avr 2021 - 5:00