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 - Hoverfarbe WRH 21 231 14.09.2019, 09:15
Letzter Beitrag: WRH
  Mobirise-Navbar Bootsnipp bearbeiten Thomas Saake 2 61 12.09.2019, 11:35
Letzter Beitrag: Thomas Saake
  Mobirise- Seite darf nicht im Internet gefunden werden Thomas Saake 9 160 09.09.2019, 14:52
Letzter Beitrag: Thomas Saake
  Alte Mobirise Website verlinken blubbs84 1 50 08.09.2019, 11:58
Letzter Beitrag: Rancher
  Mobirise 4 Parallax: Bilder auf mobilen Geräten pixelig CeDe 6 86 07.09.2019, 18:37
Letzter Beitrag: stobi_de
  Lexikon - Script von Mobirise? Utz29 6 97 07.09.2019, 18:16
Letzter Beitrag: Utz29
  Mobirise-Hamburger zentriert unter Logo Thomas Saake 2 79 05.09.2019, 15:35
Letzter Beitrag: Thomas Saake
  Mobirise-Hamburger Menü zentrieren und Beschriften Thomas Saake 6 121 03.09.2019, 21:19
Letzter Beitrag: Thomas Saake
  Mobirise-Hamburger Menü Thomas Saake 2 93 02.09.2019, 10:10
Letzter Beitrag: Thomas Saake
  Mobirise-Toogle Formatierung 2 Thomas Saake 13 299 24.08.2019, 21:06
Letzter Beitrag: stobi_de



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!