Re : imagehover
Oui, je viens de voir que ce imagehover est enfin opérationnel. Super !
Et oui, tout ça pour ça !
Mais au moins tu en tires quelques leçons :
- Pour une nouvelle fonctionnalité sur un thème, tester sur un clone d'un thème récent et propre (intact)
- Le fichier général généré à partir de la base theme.tpl ne doit comporter qu'une seule balise (ouvrante / fermante) "head" and "body"
- Si tu utilises l'éditeur TinyMCE, attention d'être vigilant et d'utiliser le bouton source ("Afficher la source", pas "Insérer un code") quand tu veux mettre du code A INTERPRETER dans ton texte afin d'être sur que l'éditeur ne transforme pas ton code.
- Afficher la source de ta page pour vérifier que les liens vers les fichiers css et javascripts sont atteignables (ce qui signifie que le chemin est ok)
Donc, oui, on a passé un peu de temps pour régler ce problème, mais tu en ressorts plus expérimenté, avec une meilleure approche pour la suite, non ?
Et oui, tout ça pour ça !
Mais au moins tu en tires quelques leçons :
- Pour une nouvelle fonctionnalité sur un thème, tester sur un clone d'un thème récent et propre (intact)
- Le fichier général généré à partir de la base theme.tpl ne doit comporter qu'une seule balise (ouvrante / fermante) "head" and "body"
- Si tu utilises l'éditeur TinyMCE, attention d'être vigilant et d'utiliser le bouton source ("Afficher la source", pas "Insérer un code") quand tu veux mettre du code A INTERPRETER dans ton texte afin d'être sur que l'éditeur ne transforme pas ton code.
- Afficher la source de ta page pour vérifier que les liens vers les fichiers css et javascripts sont atteignables (ce qui signifie que le chemin est ok)
Donc, oui, on a passé un peu de temps pour régler ce problème, mais tu en ressorts plus expérimenté, avec une meilleure approche pour la suite, non ?
Re : imagehover
Citation :
NON !
Il faut utiliser le bouton "source", ainsi, il laissera le texte/code en brut, sans l'interpréter.
Si j'active Tiny, pour du texte standard, c'est bon, mais si tu veux y ajouter des élément supplémentaires (balises html, css),
il faut utiliser le bouton "source code". (< >).
Attention, ne pas confondre avec l'intégration de ligne de code (bouton insertion de code, idem a insertion d'une citation)
C'est fou. J'utilise l'icone html de tinyeditor pour rentrer mon code .
On dirait qu'il ne retiens pas mon code et le transforme.
NON !
Il faut utiliser le bouton "source", ainsi, il laissera le texte/code en brut, sans l'interpréter.
Si j'active Tiny, pour du texte standard, c'est bon, mais si tu veux y ajouter des élément supplémentaires (balises html, css),
il faut utiliser le bouton "source code". (< >).
Attention, ne pas confondre avec l'intégration de ligne de code (bouton insertion de code, idem a insertion d'une citation)
Re : imagehover
Ok,
sur ton site de test, j'ai choisi le thème xswatch4_testimaghover
et j'ai choisi la page :
http://lumieresdefrance.com/phpv2/mod ... ws/article.php?news_id=22
mais en éditant la source, je ne trouve nul part de "figure"
donc dis moi sur quel article tu utilises cette librairie.
sur ton site de test, j'ai choisi le thème xswatch4_testimaghover
et j'ai choisi la page :
http://lumieresdefrance.com/phpv2/mod ... ws/article.php?news_id=22
mais en éditant la source, je ne trouve nul part de "figure"
donc dis moi sur quel article tu utilises cette librairie.
Re : imagehover
Citation :
Ce n'est pas ce que j'ai indiqué.
Il faut en faire une copie.
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
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
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
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.
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
Je crois que tu ne comprends pas.
Le fichier global généré doit être de la forme
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 :
Tu comprends ton problème ?
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 ?
