Yahoo Clever wird am 4. Mai 2021 (Eastern Time, Zeitzone US-Ostküste) eingestellt. Ab dem 20. April 2021 (Eastern Time) ist die Website von Yahoo Clever nur noch im reinen Lesemodus verfügbar. Andere Yahoo Produkte oder Dienste oder Ihr Yahoo Account sind von diesen Änderungen nicht betroffen. Auf dieser Hilfeseite finden Sie weitere Informationen zur Einstellung von Yahoo Clever und dazu, wie Sie Ihre Daten herunterladen.
mouseover bei grafik?
hey leute,
ich möchte den gleichen effekt wie auf dieser seite erzielen, wenn man über das fragezeichen fährt.
http://all-inkl.com/webhosting/start/
das fragzeichen am mauszeiger soll aber nicht sein, es reicht einfach eine kleine box mit ein bisschen text drin
ich habe mich schon bei google umgesehen und habe auch etwas gefunden, kam damit als anfänger aber überhaupt nicht klar. ich brauche schnellstens eine Lösung, bitte helft mir
@ regal_findu: klappt nich
3 Antworten
- treibeisLv 4vor 1 JahrzehntBeste Antwort
Ich meine sowas ähnliches mal auf CSS4you gesehen zu haben. Sieh dich dort mal um, es gibt da reichlich Beispielseiten, wo du dann den Code auch in Aktion sehen kannst.
http://www.css4you.de/trickkiste/index.html
Kleiner Tipp:
Öffne mal auf deiner Beispielseite den Quelltext, such dort <link rel="stylesheet" type="text/css" media="screen" href="/css/1279900418.css" />
und öffne die 1279900418.css.
Darin im Abschnitt "Tooltip" solltest du die verwendete Funktion finden.
In der HTML wird mit class="tooltip" title="Inhalt des Tooltips" der jeweilige Text definiert.
Sieh dir wie gesagt mal den Quelltext der Seite genauer an.
Quelle(n): Um Webseiten zu analysieren kann ich dir das Firefox Addon Firebug empfehlen. https://addons.mozilla.org/de/firefox/addon/1843/ Tutorials zum Umgang mit diesem Addon kannst du durch eine Google-Video suche nach "Firebug" finden. - ehklarLv 6vor 1 Jahrzehnt
das ist ein tool tip...
hier die dazu benötigst du diesen code!
- vor 1 Jahrzehnt
<a href="irgendwohin.html" title="Hier steht der Info-Text beim Mouseover">ein Link mit Infotext<a>
thats it
Cool. 2 Minuten der Tipp online und schon ein Daumenrunter. Scheint ja eine nette Comunity hier zu sein...
@ tvstaveren:
jow: die Frage war ja mouseover bei grafik:
also das gleiche nochmals bei einer grafik:
<img src="http://l.yimg.com/a/i/brand/purplelogo/ans/de.gif%... alt="Yahoo! Clever" width="234" height="33" title="Der Infotext im gelben Feld dazu">
code in voller länge: http://paste2.org/p/929076
alles was du bei title reinschreibst, wird beim Mouseover angezeigt. Das Fragezeichen am Mauszeiger und die farbliche Darstellung ist reines css, schau dir dazu quelltext und das css http://all-inkl.com/css/1279900418.css an, der Bereich /* Tooltip */ definiert dazu alles wesentliche
