« 1 2 (3) 4 5 6 ... 10 »
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
20/10/2021 16:10
#21
Alain T 608
20/10/2021 16:10
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.
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
20/10/2021 17:45
#22
Pascal C. 431
20/10/2021 17:45
Bien tiens... c'est bien cet article. Et effectivement il y a un soucis !

Je rentre le code suivant :
<figure class="imghvr-hinge-right">
    <
img src="http://www.lumieresdefrance.com/phpv2/acontenu/img/v_x1.jpg">
    <
figcaption>
       
texte Alain
    
</figcaption>
    <
a href="#"></a>
</
figure>


Mais lorsque j'édite l'article, je me retrouve avec celui-ci :
<p><img src="http://www.lumieresdefrance.com/phpv2/acontenu/img/v_x1.jpg" /> texte Alain <a href="#"></a></p>


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.

Les autres articles passent super bien en html, comme celui-ci (avec les images survolées des lanternes en bas) :
http://lumieresdefrance.com/phpv2/mod ... ws/article.php?news_id=21
Re: imagehover
Alain T
Alain T

Re: imagehover

Alain T 608
20/10/2021 18:01
#23
Alain T 608
20/10/2021 18:01
Voila pourquoi je n'aime pas utiliser tinyMceeditor,
il transforme le texte et le code.

Préfère dhtml
et là, ça marchera !
Re: imagehover
Alain T
Alain T

Re: imagehover

Alain T 608
20/10/2021 18:03
#24
Alain T 608
20/10/2021 18:03
Voila, on a trouvé le problème !
Je suis sur à 100% que c'est ça lol !
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
20/10/2021 18:10
#25
Alain T 608
20/10/2021 18:10
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
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 08:13
#26
Pascal C. 431
21/10/2021 08:13
Pwoaaaa, super Alain, ça marche du feu de dieu! J'ai envie de dire tout ça pour ça

Un grand MERCI encore une fois

Je désespérais sur le coup, pour une fois que j'avais compris l'intégration propre d'un code tiers dans un thème.
Bon, maintenant que tout fonctionne bien à ce niveau, je vais m'atteler à essayer de faire du propre dans mes body & mes head...
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
21/10/2021 08:47
#27
Alain T 608
21/10/2021 08:47
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 ?
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 09:05
#28
Pascal C. 431
21/10/2021 09:05
Oui carrément, j'avance progressivement avec ton aide
Re : imagehover
Alain T
Alain T

Re : imagehover

Alain T 608
21/10/2021 09:35
#29
Alain T 608
21/10/2021 09:35
Et j'ai oublié quelque chose !

Pour chaque nouveau dossier, quelque soit sa position dans l'arborescence (excepté à la racine),
il faut penser à ajouter un fichier index.php contenant :
<?php
header
("HTTP/1.0 404 Not Found");


Tu peux en faire une copie depuis un autre dossier existant.
Ici, il faut ajouter ce fichier dans les dossiers :
- /themes/LDF_Bleu2/vendor/
- /themes/LDF_Bleu2/vendor/imagehover/
- /themes/LDF_Bleu2/vendor/imagehover/css/

A la racine, le fichier index.php est le fichier d'initialisation, il est bien différent.
Re : imagehover
Pascal C.
Pascal C.

Re : imagehover

Pascal C. 431
21/10/2021 09:51
#30
Pascal C. 431
21/10/2021 09:51
A quoi sert-il ce fichier?