Tooltip bei image mouseover krriiieessseee

Allgemeiner Support zum phpBB 2 Board und phpBB 2 Modifikationen
Forumsregeln
Auch wenn hier der Support für phpBB 2 weiterhin aufrecht erhalten bleibt, weisen wir darauf hin, dass das phpBB 2 nicht mehr offiziell unterstützt und weiterentwickelt wird!
Antworten
moe
Beiträge: 77
Registriert: Sa 06.Jan, 2007 23:24

Tooltip bei image mouseover krriiieessseee

Beitrag von moe »

Hallo.

Habe dieses Template gesehen und wollte unbedingt das mouseover-hinweisfeld haben für die images!

leider hab ich es nicht geschafft es zu includen, irgendein style oder script scheint es nicht durchzulassen, denn wenn ich es auf eine neue seite mache, läuft alles ohne probs!

im anhang mal die dateien!

so, vorgehensweise von mir! habe das css und js geupped, dann habe ich im overall_header vom template das ganze included wie im html (anhang), ABER es läuft nich, egal was ist! natürlich habe ich auch bei einem image in der index_body.tpl GANZ UNTEN für doe Folder-Legende den title="..." gesetzt, aber tut sich leider nichts! Text wird genau SO angezeigt, aber nich mit dem Style.

was könnte da bloggen?
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Welcher Anhang und welcher Title?

Wenn Du in einem Image den title-Tag angibst, wird die Quickinfo nur nach den Style-Vorlagen des eigenen Browsers/Betriebssystems angezeigt.
Das ginge nur anders formatiert mit Libaries wie z. B. overlib
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
moe
Beiträge: 77
Registriert: Sa 06.Jan, 2007 23:24

Beitrag von moe »

sodele, hier nun die daten
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Du hast noch nicht eine Frage beantwortet, wie soll ich dann den Fehler finden?
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
moe
Beiträge: 77
Registriert: Sa 06.Jan, 2007 23:24

Beitrag von moe »

aso sorry!

wenn man ein bild inkludiert alla

Code: Alles auswählen

<img ... href=... alt=... DANN kommt noch dieser befehl title="der später angezeigte text sollte hier stehen so viel ich weis" </img>
eine idee?
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

<img href
???

Wenn dann <img src...

Und was soll da stehen, ich denke, Du hast den title-Tag bereits gefüllt?
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
moe
Beiträge: 77
Registriert: Sa 06.Jan, 2007 23:24

Beitrag von moe »

ja, das einbinden is schon klar, ich hab ja eigentlich alles eingemoded, ABER nur der layer bei mouseover wird normal dargestellt un nich dynamisch!

in einem anderen forum irgendwo, war die rede von einem script, das blockieren könnte, aber lösung wurde nicht gepostet
JaneDoe
Beiträge: 230
Registriert: Sa 16.Jul, 2005 12:18

Beitrag von JaneDoe »

Die tooltips in dem template sind javascrits erzeugte divs ähnlich overlib.

Code: Alles auswählen

<img tiptitle="No new posts" src="ifolder_big.gif" height="25" width="46">
tiptitle wird dann durch eine tooltips.js ausgewertet.
moe
Beiträge: 77
Registriert: Sa 06.Jan, 2007 23:24

Beitrag von moe »

DICKES DANKE, das wird wohl genau der schnipsel sein, den ich gesucht hab!

habe es immer nebenbei mit mouseover/out versucht, habe auch mal class="tiptitle" zum spaß versucht, ging nichts!

hab onload="tiptitle.init();" usw. versucht, alles half nich, werde dein befehl ma testen!

DANKE nochmal


P.S. daraus könnte man einen Mod machen @ oxpus ^^

css-datei, ja-datei uploaden, im index_body.tpl und overall_header.tpl abändern was man braucht



EDIT:

so habe das getestet, GEHT NICHT ;) das is nich die gesucht funktion

SEHR SEHR merkwürdig, nun hab ich das ma direkt in den header gezogen, siehe da es geht ^1
Zuletzt geändert von moe am So 11.Mär, 2007 19:25, insgesamt 2-mal geändert.
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

P.S. daraus könnte man einen Mod machen @ oxpus ^^
Sorry, aber ich verstehe es immer noch nicht:
Die kompletten Images in einem phpBB haben einen title-Tag denn der ist auch alleine durch die HTML-Definitionen vorgeschrieben.
Und diese werden alle auch dynamisch erstellt, nämlich mit sinnreichen Texten.
Auch hier auf OXPUS.de haben die Folder-Icon auf dem Index nach dem jeweiligen Zustand auch die passenden Texte in der Quickinfo.

Also was soll denn daran bitte schön gemoddet werden?
Gestalterisch geht es neben den "Standard"-Quickinfos eben nur mit Libaries wie overlib, was ich ja bereits nannte, oder das hier zuletzt angesprochene tiptitle, welches auch "nur" eine Javascript-Box erzeugt. Ist dann Javascript abgeschaltet, kommt keine Box und nur noch die Quickinfo würde dann funktionieren.

Inhaltlich kommen die Texte vom PHP-Script oder auch fest verdrahtet (weniger schön).

Nochmal, damit auch ich es verstehe (und wenn, dann bitte mal mit einer Grafik erklärt):
Was soll denn nun gemoddet werden, wenn doch schon alles da ist?
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
JaneDoe
Beiträge: 230
Registriert: Sa 16.Jul, 2005 12:18

Beitrag von JaneDoe »

Beispiel

Code: Alles auswählen

 <html><head>

<link rel="stylesheet" href="saphir.css" type="text/css" media="all">
<script type="text/javascript" src="tooltips.js"></script>
</head>
<body>

<img alt="blubb" title="blubb" src="folder_new_big.gif" height="25" width="46">

</body></html>
Dazugehörende Anweisung in der saphir.css ist

Code: Alles auswählen

div#tooltipDiv {
	padding:2px;
	border:solid 1px #82A2CB;
	display:none;
	background:#FFFFFF;
	color:#006699;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	position: absolute;
	left:0;
	top:0;
	z-index: 100;
}
Also die tooltip.js in der overall_header.tpl einbinden, in der subsilver.css das div#tooltipDiv entsprechend anpassen.

Ähnlich wie bei overlib. tiptitle wird nicht gebraucht.
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
Zuletzt geändert von JaneDoe am So 11.Mär, 2007 20:15, insgesamt 1-mal geändert.
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Also gehts wirklich nur um die Formatierungen?
Sorry, aber dafür gibts schon genug Werkzeuge (css wie mein "Vorschreiber" schon nannte oder eben overlib), als daß ich selber da auch noch was modde ...
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
Antworten