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
  Bilder der Website von Mobirise werden nicht angezeigt nur der Text mobikfx750 48 2.996 Vor 3 Stunden
Letzter Beitrag: Steffen
  Mobirise Publikationsproblem nof15us 5 78 Vor 7 Stunden
Letzter Beitrag: nof15us
  Mobirise-mp3 Datei abspielen Thomas Saake 1 28 Vor 11 Stunden
Letzter Beitrag: Tommy Herrmann
  Mobirise-Backstretch Hintergrund Video Thomas Saake 2 70 16.06.2019, 15:06
Letzter Beitrag: Thomas Saake
  Mobirise-Meinung zur Gestaltung einer Gaststätten und Restaurantseite gesucht. Thomas Saake 3 110 29.05.2019, 12:50
Letzter Beitrag: c-laus
  Mobirise einzelne Seite lässt sich nicht publizieren Hansi151 4 105 29.05.2019, 10:52
Letzter Beitrag: Hansi151
  Visual Lightbox in Mobirise 4 einbinden UlfH 5 150 25.05.2019, 08:31
Letzter Beitrag: stobi_de
  Mobirise-Download Anzeige funktioniert nicht mehr Thomas Saake 11 189 21.05.2019, 16:16
Letzter Beitrag: Thomas Saake
  Mobirise-Code Editor Update Thomas Saake 4 158 20.05.2019, 12:04
Letzter Beitrag: Tommy Herrmann
  Wunsch an Mobirise c-laus 6 190 17.05.2019, 09:57
Letzter Beitrag: c-laus



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!