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.

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

    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



    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



    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>'); } );



    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



    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Ven 13 Fév 2015 - 21:38

    Merci Onyx, toujours aussi ingénieux ^^



    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 ?



    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



    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 19:18