Demande : Onglet volant avec hover

Jeu 30 Nov 2017 - 11:38

FROSTendoloris

Age : 31Messages : 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

Lun 18 Déc 2017 - 17:13

Koray Allister

Age : 29Messages : 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::  <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 :)