Carte interative sous fichier html

Résolu/Fermé
wmnovice Messages postés 8 Date d'inscription jeudi 4 février 2016 Statut Membre Dernière intervention 10 février 2016 - 4 févr. 2016 à 13:58
wmnovice Messages postés 8 Date d'inscription jeudi 4 février 2016 Statut Membre Dernière intervention 10 février 2016 - 9 févr. 2016 à 11:50
Bonjour à tous,

Je suis actuellement un peu perdu , voir même désespéré de ne pas trouver la solution... depuis 2 semaines tous les jours !!!

J'ai créer une carte interactive en HTML (tuto trouver sur youtube) pour mettre sur le site d'une association via wordpress.

Mais malheureusement je viens tout juste de reprendre le site en main (la personne avant étant parti), je n'ai jamais mis ce type de fichier et je ne comprends donc pas pourquoi je ne trouve pas !

Emplacement actuel de mon fichier : mon bureau

Si quelqu’un pourrait m'aider, celà serait vraiment super ...
A voir également:

7 réponses

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 324
4 févr. 2016 à 23:44
Bonjour
sur wordpress, tu peux importer ton code html dans l'éditeur d'article ou de page via onglet texte par contre tu ne dois mettre que la partie du code de ton fichier qui se trouve entre body et /body. les appels en css et javascript doivent être insérés dans le fichier header.php du thème (tu peux aussi coller directement le code css dans le fichier css du thème)

Pour l'image proprement dite, tu peux l'envoyer a la racine du site et modifier son adresse dans le code html
1
wmnovice Messages postés 8 Date d'inscription jeudi 4 février 2016 Statut Membre Dernière intervention 10 février 2016
5 févr. 2016 à 07:58
Bonjour elgazar
Merci pour ta réponse, j'essaye dans la journée
0
wmnovice Messages postés 8 Date d'inscription jeudi 4 février 2016 Statut Membre Dernière intervention 10 février 2016
5 févr. 2016 à 10:48
OK fait = sur wordpress, code html importé dans l'éditeur de page via onglet texte "entre body et /body"

Pour le reste c'est du petit chinois ou autre langue pour moi..... Désolé.

Est-il possible de m'aider un peu, svp ?


0
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 324
Modifié par elgazar le 5/02/2016 à 11:50
ensuite il faut que tu envoies les images à la racine de ton site ( dans le dossier www) puis que tu changes les liens dans le code html et dans les css pour qu'ils correspondent à l'emplacement de tes images (w.w.w.tonsite.tld/image1.jpg par exemple)

ensuite tu ouvre le fichier css et tu copie tout puis tu va dans wordpress=>menu apparence=>éditeur et tu colles le tout a la fin du fichier css du thème.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
wmnovice Messages postés 8 Date d'inscription jeudi 4 février 2016 Statut Membre Dernière intervention 10 février 2016
5 févr. 2016 à 13:00
encore quelque petit question en gras ci-dessous ? Désolé mais je suis blond..

je résume :

sur wordpress, importer le code html ci-dessous dans l'éditeur de page "entre body et /body".

les appels en css et javascript doivent être coller directement dans le fichier css du thème)
A quoi ressemble ces appels ?

envoyer l'image à la racine du site. Est-ce dans média ?
modifier son adresse dans le code html. A quel endroit ?



je copie le fichier css (cellui-ci)



dans wordpress=>menu apparence=>éditeur et je colles le tout a la fin du fichier css du thème.
0
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 324
Modifié par elgazar le 5/02/2016 à 15:49
les appels sont des lignes de code désignant le fichier css qui doit être pris en compte, comme tu n'en a pas , inutile de t'inquiéter .

tu peux l'envoyer dans la bibliothèque de wordpress via le menu medias=>ajouter. par exemple si tu envoies l'image base.png, tu va sur medias=>bibliothèque et tu cliques sur la vignette de l'image pour l'afficher en grand, en haut a droite tu auras alors l'adresse web de l'image.

copie cette adresse en entier, ouvre la page de ton code html et remplace <img src="base.png" par <img src="l'adressedetonimagebase.png"

envoie maintenant dans la bibliothèque l'image map.png, récupère son adresse et dans le code css tu remplace (map.png) par (ladressedelimagemap.png)
0
wmnovice Messages postés 8 Date d'inscription jeudi 4 février 2016 Statut Membre Dernière intervention 10 février 2016
5 févr. 2016 à 21:45
Super ;-) ça marche

Merci pour ton aide elgazar
0
wmnovice Messages postés 8 Date d'inscription jeudi 4 février 2016 Statut Membre Dernière intervention 10 février 2016
9 févr. 2016 à 11:50
Bonjour elgazar,

Je m'excuse de revenir vers toi, mais je me suis rendu compte que ma carte interactive du site fonctionne uniquement avec google chrome... et pas depuis internet explorer ou mozilla... !!!

Comment résoudre ce problème qui est bien problématique ?
0