Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Hotspots in Mobirise?
#16
Moment,
das sieht auf den ersten Blick gut aus

https://github.com/SaulBurgos/angular-re...ot-creator
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#17
... ist ein wenig schwierig und muss noch etwas verbessert werden.

Hier mein Anfang vom responsiven Hotspot, nur mit CSS:

http://www.mobirise-tutorials.com/Lawyer...tspot.html
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#18
Der Herr Herrmann, schon jenseits von genial.... thumbs up
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#19
Embarrased

... habs selber noch nicht ganz verstanden :D

Was mir aber richtig gut daran gefällt - NUR CSS !!!

Hilfe zur Hilfe ist immer willkommen thumbs up
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#20
Tja "Hilfe zur Hilfe" gerne.
Rätsel aber gerade etwas am css rum.
Nachvollziehen klappt so ansatzweise.... Undecided
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#21
Mach Dir nichts draus - ich habe auch 3 Stunden dran gesessen :D

Die Koordinaten sind absolut in Bezug auf die relative Bild-Größe von 100%.

Du stellst diese also eigentlich nur in den (z.Zt. drei) ID's ein, z.B.:

Code:
#spot-01 {
position: absolute;
top: 10%;
left: 40%;
}

10% auf die Bildhöhe und 40% auf die Bildbreite, die immer 100% ist (auch wenn Du nur 77% der Bildbreite zeigst).
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#22
Soweit klar, ist nur a bissl Rechnerei.
Hatte bis gerade gerätselt, warum bei dem Blockquote so unterschiedliche Werte stehen, aber klar, steht ja manchmal drunter und manchmal daneben.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#23
ja - das ist beispielhaft mal von links, rechts, oben als "Blockquote" da eingetragen. Diesen kann man aber auch pixelgenau justieren - ich habe das jetzt noch ein wenig nachgestellt und auch noch eine Animation eingebaut.

http://www.mobirise-tutorials.com/Lawyer...tspot.html

... das ist schon toll, wie das mit reiner CSS auch geht - ganz ohne diese doofen Koordinaten und ganz ohne JavaScript Smiling
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#24
Nachtrag 2019 zu Hotspots und responsive Grafiken/Fotos

Habe doch mal etwas zur Frage "responsive Hotspots für  responsive Grafiken/Fotos" gefunden, vielleicht von Interesse für @Tommy und @stobi

Artikel auf deutsch:
http://maddesigns.de/responsive-imagemap-2194.html

dazu gehörendes responsives Hotspot-Beispielfoto:
http://maddesigns.de/responsive-image-map/

Klingt mir aber etwas kompliziert, weil ich nichts basteln möchte, was ich nicht "verstehe"...
Moin und Gruß
Wolfgang
-----
Den Kopf hat man nicht nur für den Hut oder den Friseur
-----
500 C/M bis A77
Z270-A i5-7600K und SSD's, GTX1050Ti
Win 7 + 10, u.a. PS & LR
NOF post mortem:
Bootstrap vs openElement


Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#25
danke Wolfgang thumbs up
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Mobirise-Kann man die Timeline Linie ändern Thomas Saake 10 175 19.07.2019, 18:01
Letzter Beitrag: Tommy Herrmann
  Mobirise-Dünner Rahmen um Text Thomas Saake 2 53 18.07.2019, 17:39
Letzter Beitrag: Thomas Saake
  Mobirise-PopUp Builder Thomas Saake 2 87 18.07.2019, 09:31
Letzter Beitrag: Thomas Saake
  Mobirise-Fehlermeldung app.asar Thomas Saake 3 84 16.07.2019, 16:21
Letzter Beitrag: Thomas Saake
  in mobirise eingrückte Auflistung im Text geht das funsport 2 98 16.07.2019, 11:12
Letzter Beitrag: Martin73
  Mobirise-Zeilenabstand Thomas Saake 9 115 16.07.2019, 10:55
Letzter Beitrag: Martin73
  Mobirise-Timeline mit Bildern gesucht Thomas Saake 5 127 16.07.2019, 10:15
Letzter Beitrag: Thomas Saake
  Mobirise-Suchfunktion im Forum Thomas Saake 4 115 09.07.2019, 16:14
Letzter Beitrag: Thomas Saake
  Mobirise-Menüleiste gesucht Thomas Saake 3 106 08.07.2019, 17:38
Letzter Beitrag: Thomas Saake
  Mobirise-Backstretch Full Screen Hintergrund Thomas Saake 5 169 01.07.2019, 15:43
Letzter Beitrag: Thomas Saake



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!