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 :
Xiaomi Mi Smart Camera 2K Standard Edition (design ...
Voir le deal
11.39 €

    Demande : Onglet volant avec hover

    FROSTendoloris
    FROSTendoloris
    FémininAge : 30Messages : 206

    Jeu 30 Nov 2017 - 11:38

    Bonjour à tous <3

    ONGLET VOLANT AVEC HOVER



    Bonjour habitants de NU. Je poste une petite demande toute rikiki, merci d'avance à celui ou celle qui s'en occupera <3. C'est un petit onglet volant en hover qui sera présent sur le côté droit de mon forum.


    Schéma(s) et Eléments


    Schéma et explications :
    schémas:
    Tailles des éléments : Image : 150 x 150. - Zone de texte : environ 130 x 160
    Version de votre forum : PHPBB2


    Ressources


    image de base:


    Autres précisions ?


    J'aimerais que la transition de l'apparition du texte soit vers le bas et que la transition fasse 2 secondes



    Demande : Onglet volant avec hover 3oov
    Koray Allister
    Koray Allister
    MasculinAge : 28Messages : 71

    Lun 18 Déc 2017 - 17:13

    Hello !
    Je me suis aussi occupé de ton système d'onglet, que je viens de terminer, ça utilise un peu de Javascript, donc je te reporte à cet article pour savoir comment l'activer sur ton forum.

    Maintenant installons tout ça, dans Modules > HTML & Javascript > Gestion des codes Javascript, tu crée un nouveau code JS avec le nom de ton choix, dans lequel tu colles ceci :


    Ensuite le CSS :


    Et enfin, dans le template overall_header après ces trois lignes :
    Code:
    <!-- END switch_login_popup -->

       <a name="top"></a>
       {JAVASCRIPT}

    Tu colle ceci :


    Normalement l'onglet devrait être placé en haut à droite de ton forum, tu peux modifier cet propriété en changeant le top et le right de la balise #chronology_container dans ton CSS.
    Voilà, si t'as une question, comme toujours, n'hésite pas :)



    Avatar par Aredx
    FROSTendoloris
    FROSTendoloris
    FémininAge : 30Messages : 206

    Lun 18 Déc 2017 - 18:46

    Re saaalut toi !
    Eh beh, t'es puissant !
    Ça marche parfaitement, il est parfait Very Happy

    Merci encore :omg: :omg: :omg:



    Demande : Onglet volant avec hover 3oov
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 19:03