Panneau coulissant HTML impossible à installer

par Elenwë5722 Sam 30 Mar 2019 - 16:48

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://graphitest.kanak.fr/

Description du problème

Bonjour à tous !

Je me permet de venir avec un problème de code.
Sur notre forum, nous avons décidé d'installer des panneaux coulissants de chaque côté du forum grâce à ce code qui est donc une page HTML

Code::  <div id="overlayLeft"> <div id="contentLeft">  <p>Test</p> <p>Test</p> <p>Test</p>  </div> </div> <div id="overlayRight"> <div id="contentRight">  <p>Test</p> <p>Test</p> <p>Test</p>  </div> </div>  <style type="text/css"> #overlayLeft,#overlayRight{ position: fixed; height: 100vh; width: 35px; z-index: 1; top: 0; background-color: rgba(0,0,0,0.9); transition: 0.5s } #overlayRight{ right: 0; } #overlayLeft{ left: 0; } #contentLeft,#contentRight{ color: white; position: relative; overflow: hidden; visibility: hidden; text-align: center; } #overlayLeft:hover > #contentLeft,#overlayRight:hover > #contentRight{ visibility: visible; } #overlayRight:hover,#overlayLeft:hover{ width: 100px; } </style>

Le code fonctionne plus que parfaitement en visualisation
Mais... Après avoir essayé de l'installer dans les templates, la page d'accueil, en javascript... Je n'ai AUCUNE idée de comment l'installer... A chaque fois, cela revient à ce que je montre en screen (ici installé dans un Javascript)
Savez vous comment il est possible de faire ?

Merci !!

par Neptunia Sam 30 Mar 2019 - 17:06

Bonjour, et bienvenue sur le Forum des Forums Forumactif

Elenwë5722 a écrit:Mais... Après avoir essayé de l'installer dans les templates

Quel(s) template(s) et à quel endroit exact ?
Et en dehors de l'intégration du code, qu'avez vous fait dans le détail pour modifier le template ?

la page d'accueil

Là aussi quelles étapes précises avez-vous effectué pour intégrer votre code à celui de la page d'accueil ?

en javascript...

Comme vous l'aviez compris, la gestion des pages HTML permet de saisir du code HTML.
Bah pour la gestion des codes javascript c'est la même logique, ça sert à insérer des scripts en javascript (ainsi qu'en jQuery)

Edité à 17h26 :

Eh ben voilà ! A force de tester on finit par obtenir un résultat !

Sinon, juste comme ça, le code fourni n'est pas celui d'une page html (devrait comprendre au minimum <html> <head> et <body>) mais simplement du code HTML. Pour le mettre dans un template il suffit de le copier tel quel. Autrement dit l'iframe est non seulement inutile mais déconseillée.
Même chose pour le message de la page d'accueil, si le code n'est pas trop lourd, passer par une iframe ne présente pas un grand intérêt.

par **Chacha** Ven 5 Avr 2019 - 10:04

Panneau coulissant HTML impossible à installer 4qhGdLE

Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Panneau coulissant HTML impossible à installer UmaslZ4

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

par **Chacha** Sam 6 Avr 2019 - 10:26

Panneau coulissant HTML impossible à installer 8djze9q

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.

Panneau coulissant HTML impossible à installer