Lexi Help
Die neuesten Themen
» [Update] Neues Theme der mobilen Version V2
von Tierfreund-97 Gestern um 23:14

» Mobile Ansicht leider Fehlerhaft
von Br0adsw0rd Gestern um 19:31

» [phpBB2] Hintergrund festpinnen
von Fayé Gestern um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Do 29 Sep 2016 - 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

Partner
free forum

[phpBB2] bestimmter mouseover effekt

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] bestimmter mouseover effekt

Beitrag von Reiko-samaa am Do 11 Apr 2013 - 14:56

Hallo, ich bin heute auf der suche nach einem bestimmten mouse over effekt. hier im forum hab ich jedenfalls nichts gefunden, vielleicht liegt das auch daran das ich die genaue bezeichnung nicht kenne.
Es müsste mit HTML oder BBC gehen, wobei ich eher denke das BBc nicht funktioniert. Also ich suche einen Mouse Over effekt der mir erlaubt wenn ich mit der maus eben über ein bild oder wort gehe das sich dann eine art kleine box öffnet, neben der maus solange diese über dem namen oder bild ist, in dem bestimmte daten stehen die man eben selbst dort eintragen kann. Da ich ja oft forum RPGs mache würde das sehr platz sparend sein und mir einige bessere effekte mit html tabellen erlauben
weis jemand wie das geht, oder wo genau ich einen solchen effekt finde?

Reiko-samaa
Neuling
Neuling

Beiträge : 56
Anmeldedatum : 30.10.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] bestimmter mouseover effekt

Beitrag von Günther am Do 11 Apr 2013 - 15:03

Hallo,

zuerst bitte ich dich um Beachtung dieser Hinweise:
Hinweis bezüglich Templateänderungen, Scripten und HTML/ CSS-Codes

Dabei handelt es sich um einen sogenannten Javascript-Tooltip beim Hovern bestimmter Elemente.
Tooltips werden normalerweise mit title-Attributen umgesetzt:
http://de.selfhtml.org/html/attribute/allgemeine.htm#uebersicht

Wenn sie optisch ansprechender und selbst anpassbar sein sollen, dann sind allerdings die genannten Javascript-Tooltips notwendig. Hier habe ich eine solche Umsetzung bereits erklärt:
http://hilfe.forumieren.com/t34111-charakteranzeige-durch-anvisieren-des-bildes#223256
http://hilfe.forumieren.com/t34236-phpbb2-tooltip-problem
http://hilfe.forumieren.com/t34202-avatar-tooltip
Lies dich dort mal ein, dann sollten alle Fragen dazu geklärt werden. Wink

Liebe Grüße
Günther

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] bestimmter mouseover effekt

Beitrag von Reiko-samaa am Do 11 Apr 2013 - 15:08

Ja eine frage habe ich noch, geht das auch ohne Java? sonst dürfte es nutzlos sein da die user sowas nicht in ihren Post verwenden können wen ich das richtig sehe

Reiko-samaa
Neuling
Neuling

Beiträge : 56
Anmeldedatum : 30.10.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] bestimmter mouseover effekt

Beitrag von Günther am Do 11 Apr 2013 - 15:14

Ja, es funktioniert auch ohne Javascript, wie ich in meinem Beitrag zuerst erklärt habe ("title"-Attribut).

In den Beiträgen können auch Javascript-Toolbars verwendet werden:
@Günther schrieb:Nachdem du das Script und die CSS-Einträge gemacht hast, kannst du im Forum an allen Stellen, an denen HTML erlaubt ist (Startseitennachricht, Module, Templates, ggf. Beiträge...) nach folgendem Schema arbeiten:
Code:
<div data-ot="INHALT DES TOOLTIPS">GEHOVERTES OBJEKT</div>
In beiden Fällen müssten deine User aber an diesen Stellen ihrer Beiträge mit HTML arbeiten, wozu du HTML in den Beiträgen auch erstmal erlauben musst (Lexi Help "HTML aktivieren").
Arrow Wenn die Tollbars nicht nur für das Forendesign bzw. offizielle Beiträge gedacht sind, sondern auch für normale Userbeiträge, dann sind aber beide Umsetzungen nicht wirklich geeignet. Ob erster oder zweiter Weg, Tooltips lassen sich nur durch den Gebrauch und die Kenntnis von HTML einsetzen. Du musst davon ausgehen, dass ein Großteil deiner User diese Kenntnisse nicht mitbringt und deshalb damit nichts anfangen könnte.

Wenn dieser Effekt also für die Beiträge deiner User gedacht ist, dann gibt es dazu keine optimale und einfache Lösung, weil deine User großteils sicherlich nicht HTML-kundig sind.

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] bestimmter mouseover effekt

Beitrag von Reiko-samaa am Do 11 Apr 2013 - 17:58

ok so weit so gut
jetzt habe ich aber zwei andere sachen
zum 1. da sollten Bilder rein, vielleicht hätte ich das als erstes erwähnen sollen. weder mit html noch mit bbcode für bild funktioniert dies
zum 2. hätte ich da gerne eine maximalgröße dieser tooltip box mit einem frei wählbaren bild hintergrund ähnlich wie man es an meiner homepage schon sehen kann bei der navigation rechts gemacht wurde.

Reiko-samaa
Neuling
Neuling

Beiträge : 56
Anmeldedatum : 30.10.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] bestimmter mouseover effekt

Beitrag von Günther am Do 11 Apr 2013 - 18:07

@Reiko-samaa schrieb:zum 1. da sollten Bilder rein, vielleicht hätte ich das als erstes erwähnen sollen. weder mit html noch mit bbcode für bild funktioniert dies
Wenn man die Anführungsstriche richtig setzt, lassen sich sogar Bilder einsetzen:
Code:
<div data-ot="<img src='BILDURL'>">GEHOVERTES OBJEKT</div>
Deinen zweiten Wunsch unterstützt dieses Tooltip-Script nicht. Du kannst dich ja mal auf die Suche begeben, ob du ein solches frei angebotenes Tooltip-Script findest. Wink

Da du nun weißt, wie du alle Codes eines solchen Tooltips (JS + CSS + HTML) in dein Forum einsetzen kannst, ist das Thema von der Forumieren-Seite aus geklärt und ich werde hier als erledigt abschließen.
Möchtest du noch weitere Sonderwünsche in den Tooltips verwirklichen, musst du nach geeigneten Codes suchen bzw. bei deren Anbietern nachfragen, da das mit dem Forumieren-Support nichts mehr zu tun hat. Smile
-closed-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten