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 du moment : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.99 €

    Chat box latéral bouton fermeture

    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Jeu 12 Fév 2015 - 22:16

    Ma demande



    Bonjour, j'aimerais savoir si c'était possible de mettre le bouton fermeture de l'image à gauche de ma chat box latéral qui est à droite du forum (voir schéma)

    Schéma(s) et Eléments
    Schémas : http://www.pixenli.com/images/1423/1423775732008704100.png
    Tailles des éléments :rien
    Version de votre forum : PHPBB2

    Ressources
    rien

    Autres précisions ?
    rien


    Dernière édition par reshiram44 le Ven 13 Fév 2015 - 10:18, édité 1 fois



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 13 Fév 2015 - 6:50

    Salut!

    Il faudrait avoir ton code et ton CSS pour savoir où le modifier Wink



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Ven 13 Fév 2015 - 10:18

    C'est du javascript

    Code:
    jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom; left;"><img src="http://www.pixenli.com/images/1423/1423749839044580900.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://www.pixenli.com/images/1423/1423749839044580900.png\')?\'block\':\'none\';this.src=(this.src==\'http://www.pixenli.com/images/1423/1423749839044580900.png\')?\'http://www.pixenli.com/images/1423/1423749953090237200.png\':\'http://www.pixenli.com/images/1423/1423749839044580900.png\';"/></td></tr></table>'); } );



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 13 Fév 2015 - 19:41

    C'est dans un tableau avec l'image à droite et la CB à gauche. On inverse les deux cellules du tableau et le tour est joué ^^

    Une fois inversé, ça donne ceci :
    Code:
    jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;z-index:10000;"><tr><td style="vertical-align: bottom; left;"><img src="http://www.pixenli.com/images/1423/1423749839044580900.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://www.pixenli.com/images/1423/1423749839044580900.png\')?\'block\':\'none\';this.src=(this.src==\'http://www.pixenli.com/images/1423/1423749839044580900.png\')?\'http://www.pixenli.com/images/1423/1423749953090237200.png\':\'http://www.pixenli.com/images/1423/1423749839044580900.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td></tr></table>'); } );

    PS: N'oublie pas de mettre l'icône "terminé" Wink



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Ven 13 Fév 2015 - 21:38

    Merci Onyx, toujours aussi ingénieux ^^



    • Revenir en haut
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Ven 13 Fév 2015 - 21:53

    Puis-je demander un autre problème en éditant ce sujet s'il vous plait ?



    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 14 Fév 2015 - 1:33

    Une demande/problème = 1 sujet normalement. D'autant plus que pour demander une modification à un code existant, c'est habituellement dans "un problème avec un code" qu'il faut aller. Alors il faudra que tu ouvres un nouveau sujet là-bas Wink



    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Sam 23 Nov 2024 - 19:54