Hotspots mit Mobirise

Allgemeine Fragen
jan_in_korea
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 17
Registriert: Mi 10. Feb 2021, 19:19

Hotspots mit Mobirise

Ungelesener Beitrag von jan_in_korea »

Hallo und guten Abend,

ich habe Tommys tolle Hotspot-Lösung umgesetzt und dabei (siehe Tutorial) insgesamt
4 Hotspots in ein Bild gesetzt und pixelgenau ausgerichtet.
Alle Hotspots sind extern verlinkt und ein einziger Link funktioniert nicht.
Die Syntax ist bei allen Hotspots exakt gleich, zum Verzweifeln.

Es sieht genau so aus:

Code: Alles auswählen

<div id="spot-03">
<a class="spot" href="https://www.mobirise.com" target="_blank">+</a>
<blockquote>
<span class="mbri-link mbr-iconfont mbr-iconfont-btn"></span> RESTART
</blockquote>
</div>
Es ist der dritte von 4 Hotspots. Blockquote wird angezeigt, keine Verlinkung aktiv.
Wo liegt der Denkfehler?

Bin ganz neu im Forum, nehmt es mir nicht übel, wenn ich diesen Beitrag vielleicht nicht
richtig einordne/zuordne!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Hotspots mit Mobirise

Ungelesener Beitrag von Tommy Herrmann »

Moin Jan,

willkommen bei uns im Forum :hallo:

Meinst Du dieses Tutorial von mir?

https://mobirise-tutorials.com/LawyerM4 ... tspot.html

Bitte immer eine Link dazu schreiben, ich habe viele Tutorials um gleiche Dinge. Mindestens ein Dutzend um Hotspots.

Ein Link steht immer zwischen den <a> und </a> Tags. Hier ist also das "+" Zeichen verlinkt.

Dein Code sieht also so zunächst mal richtig aus. Hast Du vielleicht eine ID doppelt? Vielleicht durch Kopieren, eine ID darf niemals doppelt vorkommen.

Bitte schreibe uns mal einen Link zu Deiner Seite, sodass man in den Quelltext gucken kann.
jan_in_korea
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 17
Registriert: Mi 10. Feb 2021, 19:19

Re: Hotspots mit Mobirise

Ungelesener Beitrag von jan_in_korea »

Moin Tommy,

vielen Dank für die prompte Antwort - und
ja - genau dieses Tutorial habe ich verwendet.
Die Seite ist praktisch nur ein Deckblatt für einen
Erstversuch mit Mobirise, ich verlinke später auf
mein Testprojekt. Ich habe die Hinweise im
Forum aufgegriffen und das Gesamtpaktet
Extensions erworben.
Man sieht dort auch das Kompass Skript von Werner,
es passt zu meinem Berufsfeld.
Die Hauptseite läuft seit jetzt 17 Jahren mit NOF.
Jetzt ist Schluss und die Umstellung auf Mobirise
muss beginnen.

Hier ist der Link >>> http://www.jan-in-hamburg.de

Auch diese Domain verwende ich nur als Testgelände.

Der Hotspot oben in der Mitte (Hamburg-Pilot) funktioniert
nicht.

Außerdem habe ich festgestellt, das die Seite auf dem
Android-Handy in der Portrait-Position nicht
responsive ist, das mag am Mixcloud iframe liegen.

Ratschläge nehme ich gerne an. Ich beobachte Eure Foren
seit Jahren, ein großes Lob an dieser Stelle.
Das ist auch ein wichtiger Entscheidungsgrund, um
mit Mobirise zu arbeiten.
Ich versuche erst nach ein paar vergeblichen Stunden
Selbstversuch hier Beiträge einzustellen.

Danke im Voraus / Grüße aus Hamburg!

Jan

+++
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5746
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Hotspots mit Mobirise

Ungelesener Beitrag von Tommy Herrmann »

Moin,

also - da hätte ich mal die eine oder andere Frage:

> wieso wird Deine Seite in einem Frame angezeigt :eek:

hier ohne Frame:

http://www.japete.server1-abheyden-webhosting.de/

> wieso verwendest Du "AMP" - mit "AMP" kann ich Dir fast nicht helfen.

Solche Skripte wie meines oder irgendwelche Skripte vom Werner sind in "AMP" nicht einbaubar und die Seite wird zu einer "ungültige" AMP Seite, was sehr schlecht für die SEO (Suchmaschinen-Optimierung) ist:

Ungültiges AMP Format.JPG

> Bei Deinem nicht funktionierenden Link verlinkst Du auf eine ungültige URL:

http://www.japete.server1-abheyden-webh ... /home.html

Ich weiß gerade auch nicht, ob Du da einen relativen Link verwenden darfst. Versuche es mal mit einem absoluten Link - also der gesamten URL zur Startseite.


AMP ist eine eigene Google-Technologie und hat nichts mit dem eigentlichen Framework "Bootstrap" von Mobirise zu tun.

Ich würde Dir dringend raten von "AMP" Vorlagen Abstand zu nehmen. Da kannst Du nichts Eigenes einbauen.
jan_in_korea
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 17
Registriert: Mi 10. Feb 2021, 19:19

Re: Hotspots mit Mobirise

Ungelesener Beitrag von jan_in_korea »

Moin nochmal,

vielen Dank - damit ist mir geholfen.
Ich habe in dem großen Extension-Pack nach passenden
Blöcken gesucht - und bin da in das AMP-Paket geraten,
ohne zu wissen, was es eigentlich damit auf sich hat.
Ich baue das noch einmal neu mit dem Mobirise 5 Standard
Thema
Frame: aus NOF hatte ich den embedding-code für diese
Mixcloud-Zeile eingesetzt, vermutlich an die falsche Stelle.
Die Anzeige auf dem Android-Telefon kann nicht korrekt
sein, da ich den Block für Seite 2 auf die Home-Seite gezogen
habe - und nicht auf eine untergeordnete Seite.

Für die Verlinkung wurden allerdings im Laufe der Versuche
auch vollständige URLs verwendet - auch die haben nicht
funktioniert.

Ich baue das erst mal alles neu.
Benutzeravatar
Andyneu
Moderator
Moderator
Beiträge: 67
Registriert: Mi 9. Dez 2020, 16:40
Wohnort: Hoope
Kontaktdaten:

Re: Hotspots mit Mobirise

Ungelesener Beitrag von Andyneu »

Hallo,
grundsätzlich kannst du alle Vorlagen nehmen, die mit M4 im Namen bezeichnet sind und meistens auch untereinander kombinieren.
Hier hast du dann die Möglichkeit fremde / eigene Scripte einzubauen.
:tu:
Gruß Andy
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 26 Gäste