WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.12.x) »
  • Modules »
  • Item - teaser-grid
  • Print
Pages: [1]   Go Down

Author Topic: Item - teaser-grid  (Read 11712 times)

Offline peitman

  • Posts: 142
Item - teaser-grid
« on: April 29, 2020, 01:26:52 PM »


Hallo zusammen,

folgende Frage: Ich möchte gerne, dass sich beim Hover über ein Wort / ein Grafik ein Fenster mit Textinfos über die Webseite legt, Effekt wie bei der Colorbox zum Bsp.

Gibt es dafür einen Lösungsansatz?

Vorab schon mal Danke für Lösungsansätze
Bleibt gesund
dp
Logged

Offline hgs

  • WebsiteBaker Org e.V.
  • **
  • Posts: 1883
    • EFG MG
Re: Item - teaser-grid
« Reply #1 on: April 29, 2020, 02:31:14 PM »
Schau mal hier (oder bei Tange google allgemein gesucht)
https://www.chefblogger.me/2019/09/26/bilder-text-hover-effekt-text-overlay-nur-css-und-html-anleitung-tutorial/
Meintest du sowas?
oder
https://www.digitale-offensive.de/glossar/tooltip/
sowas?
Logged
LG Harald

"Fange nie an, aufzuhören - höre nie auf, anzufangen." Marcus Tullius Cicero (106-43 v.Chr.)

"Never begin to stop - never stop beginning." Marcus Tullius Cicero (106-43 BC)

Offline peitman

  • Posts: 142
Re: Item - teaser-grid
« Reply #2 on: April 29, 2020, 11:09:38 PM »
nein ehr so etwas wie auf dieser Seite:

https://te-schmidt.de

Im unteren Bereich sind 5 Icons mit einem Link (mehr). Wenn man den anklickt legt sich ein Fenster über die Seite.
Logged

Offline dbs

  • Betatester
  • **
  • Posts: 8914
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Item - teaser-grid
« Reply #3 on: April 29, 2020, 11:40:10 PM »
Das ist dort mit Bootstrap gemacht. Falls du Bootstrap bereits nutzt, ist es eher leicht abzuschauen.
Logged
https://onkel-franky.de

Offline peitman

  • Posts: 142
Re: Item - teaser-grid
« Reply #4 on: April 29, 2020, 11:45:03 PM »
Bootstrap hatte ich auch bereits herausgefunden. Leider verwende ich das nicht!

Habe was gefunden mit jQuery, mal schauen ob ich das irgendwie einbinden kann.

https://joaopereirawd.github.io/animatedModal.js/
https://jquerymodal.com/

Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.12.x) »
  • Modules »
  • Item - teaser-grid
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2