Re : imagehover [Design et CSS] - Mon XOOPS (https://www.monxoops.fr)

S'inscrire

Re : imagehover

Pascal C. 431
20/10/2021 10:51

#11

Pascal C. 431
20/10/2021 10:51

j'ai donc rajouté la balise <head> en entête de nav-menu.tpl, mais c'est pas mieux.
Par contre je ne vois toujours pas mon <body> en trop.

Je suis entrain de m'embrouiller tout seul en fait

Re : imagehover

Alain T 608
20/10/2021 11:05

#12

Alain T 608
20/10/2021 11:05

Je crois que tu ne comprends pas.
Le fichier global généré doit être de la forme


< html>

< head >

< /head>

< body >

< /body >

< /html >

chacune des ces balises en 1 seul exemplaire, 1 SEUL !

Or si dans ton fichier theme.tpl tu as un < head > puis un < body >
puis dans le < body > tu fais un < include css/nav.tpl >

et que dans ton fichier include css/nav.tpl il y a encore un < body > puis un < head >
ben le fichier généré va devenir :


< html>

< head >

< /head>

< body >



<!-- ici include nav.tpl qui génère les lignes ci-dessous -->

< head >

< /head>

< body >

< /body >



<!-- ici on reprend la suite du fichier theme.tpl -->



< /body >

< /html >

Tu comprends ton problème ?

Re : imagehover

Alain T 608
20/10/2021 11:17

#13

Alain T 608
20/10/2021 11:17

Oui, j'ai bien compris ton erreur.

Tu as repris un exemple AUTONOME de ton MEGAMENU que tu as intégré dans le fichier css/nav.tpl.

Autonome, j'entends par là, avec les balises < body > et < head >.
Il faut donc que tu reprennes ton fichier nav.tpl
que tu sortes toutes les déclarations css pour les mettres dans la balise head du fichier theme.tpl
puis que tu supprimes dans nav.tpl toute la balise < head > et son contenu.

En fait, tu n'as qu'a imaginé que ton megamenu, c'est équivalent à la librairie fontawesome,
Donc tu procèdes de la même façon que dans le tuto Utiliser les icônes Font Awesome dans un thème XOOPS.

Il faut que tu prennes du recul sur ce que tu fais avant de mettre les mains de le "camboui".
Tu auras une vision globale et tu comprendras mieux pourquoi tu dois faire ci ou çà.

PS : si ton megamenu utilise des scripts, idem, s'ils sont placés dans le head de ton nav.tpl, tu devras les déplacer au bon endroit.

Re : imagehover

Pascal C. 431
20/10/2021 11:32

#14

Pascal C. 431
20/10/2021 11:32

Ho punaise... ça va pas être simple cette histoire, mais je pense avoir compris le principe.
j'étais persuadé qu'il fallait des balises head et body dans chaque fichier, alors qu'il faut juste qu'il en reste un seul sur le fichier généré.

Je vais corriger ça (espérant pas tout mettre en l'air).

Mais je suppose que ce n'est pas cela qui crée mon problème initial de "imagehover"
Du coup, on n'a rien réparé mais découvert plein de nouvelles erreurs

Re : imagehover

Alain T 608
20/10/2021 11:45

#15

Alain T 608
20/10/2021 11:45

Comme je t'ai dit,
j'ai essayé hier,
avec la méthode vendor,
un copier coller du dossier complet dans /themes/xswatch4/vendor/imagehover
(même si on pas besoin de tout)

l'ajout de la ligne css dans mon fichier theme.tpl et les bonnes lignes sur mon article,
et c'est tout!
Tout a fonctionné.

Je te conseille de faire tes essais sur un thème propre, ainsi, les erreurs que tu as faites ou les modifs non correctes ne perturberons pas ton test.
Tu dois toujours garder le thème xswatch4 propre (celui fournit avec le core).
Il te suffit de copier le dossier xswatch4 en theme-testimghover et de faire tes modifs sur ce nouveau thème.
Evidemment, il faudra l'activer dans les préférences générales,
mais au moins tu pars sur une base propre pour tester.
Tu comprends la démarche ?
Au moins, tu n'auras pas d'effets de bord possible avec le reste.
Et si dans ce thème de test tout fonctionne, tu pourras passer à ton thème de production.
Si tu rencontres des soucis c'est que ton thème de prod n'est pas propre...
Reste à voir où ! lol

Re : imagehover

Pascal C. 431
20/10/2021 12:21

#16

Pascal C. 431
20/10/2021 12:21

Ok ,je vais faire ça.
J'ai laissé ce thème, il me suffit de l'activer depuis l'admin.

Merci, je reviens lorsque j'ai du nouveau

Re : imagehover

Alain T 608
20/10/2021 13:05

#17

Alain T 608
20/10/2021 13:05

Citation :

Pascal Coulougnon a écrit :
Ok ,je vais faire ça.
J'ai laissé ce thème, il me suffit de l'activer depuis l'admin.

Ce n'est pas ce que j'ai indiqué.
Il faut en faire une copie.
Citation :

Il te suffit de copier le dossier xswatch4 en theme-testimghover et de faire tes modifs sur ce nouveau thème.

Re : imagehover

Pascal C. 431
20/10/2021 13:11

#18

Pascal C. 431
20/10/2021 13:11

Oui Alain, je comptais bien conserver l'originel en l'état et tester sur un clone

Re : imagehover

Alain T 608
20/10/2021 13:36

#19

Alain T 608
20/10/2021 13:36

Alors c'est parfait !

Avoir les bons réflexes,
avoir une démarche structurée, c'est la bonne direction.

Re : imagehover

Pascal C. 431
20/10/2021 15:13

#20

Pascal C. 431
20/10/2021 15:13

Je conserve toujours des copies, car c'est souvent bien plus tard que je m'aperçoit que j'ai fusillé un truc, donc...
Après, le soucis des copies multiples est qu'il m'arrive de me mélanger dans les fichiers

Bref, ça ne fonctionne pas plus avec le thème xswatch4 (renommé xswatch4_testimagehover dans ce cas précis).

Donc le thème en lui même, malgré ses erreurs qu'il me faudra corriger ne semble pas en cause.

Si ça fonctionne chez toi dans Xmnews, et aussi sur mon serveur (en dehors de Xoops)... c'est que je dois mal faire un truc.
J'ai pourtant vraiment l'impression de tout faire bien pour le coup :

j'ai ajouté la ligne


<link rel="stylesheet" href="<{xoImgUrl}>vendor/imagehover/css/imagehover.min.css">

dans mon theme juste avant la balise


</head>

et extrais tous les fichiers l'archive sous vendor/imagehover/
donc je retrouve bien sur mon serveur le cheminement ...xswatch4_testimaghover/vendor/imagehover/css/imagehover.min.css

J'ai bien entendu copié le texte qui va bien dans mon article...

.... et toujours rien. Donc manifestement je merde quelque part.
C'est pénible d'être nul !!

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Re : imagehover

Discussions récentes

Commentaires récents