Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.08.2009 um 17:03 (UTC)    
Titel: Wie erstelle ich Tooltipp-Fenster / mouseover ?

Hallo - Auf diese Homepage "http://24939.de.tl/". Wenn man auf einen Bild drauf geht, kommt so einen zoom. Kann man das auch mit einen Text machen ? Wenn ja wer kann mir so ein Code geben ?

Danke in Voraus!


Zuletzt bearbeitet von habbo-thing am 11.08.2009, 18:14, insgesamt einmal bearbeitet
Beitrag11.08.2009 um 17:13 (UTC)    
Titel:

Hallööö

das nennt sich "Tooltip" Fenster Wink
Gut beschrieben hier : http://www.walterzorn.de/tooltip/tooltip.htm
Dort findest du auch die .js Datei, welche Du downloaden musst .
Die entsprechenden Codes befinden sich auch dort.

Gruß Wolfgang
______________
Beitrag11.08.2009 um 17:39 (UTC)    
Titel:

Sry, aber kapiere dort nichts XD
Beitrag11.08.2009 um 20:03 (UTC)    
Titel:

Niemand ? >_<
Beitrag12.08.2009 um 16:24 (UTC)    
Titel:

*push*
Beitrag14.08.2009 um 18:39 (UTC)    
Titel:

Hi,

die Bibliothek von Walter Zorn kann ich nur empfehlen, ich komme damit super zurecht. Siehe http://www.digital-arts.de.tl (unter "Links") Wink

Zum einbauen:
Auf der seite ist es eigendlich schon sehrgut beschrieben. Jedoch für einen webspace, und nicht für den HPBK. Dazu müssen wir es extern Hochladen. falls du eine website bei einem Freehoster hast, kannst du die Datein dort hochladen. (Free hoster nur als Dati-Lager zu benutzen ist nicht erlaubt, siehe http://www.homepage-baukasten.de/forum/viewtopic.php?t=102727 . )
Dann musst du die Datei aufrufen. (Über die http:// Adresse, nich ftp) Also zum beispiel http://benutzername.bplaced.net , NICHT ftp.benutzername.bplaced.net .
Dann bindest du die Dati wie auf http://walterzorn.de/tooltip/tooltip.htm#docu beschrieben ein. Also zum beispiel
Zitat:
<script type="text/javascript" src="http://benutzername.beplaced.net/wz_tooltip.js"></script>
Dies fügen wir bei Text über dem Design ganz oben ein.
Damit das tooltip nun auch erscheint benutzen wir folgenden Code:

Zitat:
<a href="http://adresse.de" onmouseover="Tip('Text im tooltip')" onmouseout="UnTip()">Text der Verlink ist</a>


Dies Fügen wir auf einer Beliebigen seite im Quellcode ein.

- Dies ist nur eine Serh kurze Anleitung. Bei weiteren Fragen kannst du dich gerne per PN an mich wenden. Der erklärungstext wäre hier im Forum sonst zu lang -
______________



Zuletzt bearbeitet von the-fun-factory am 26.09.2009, 11:46, insgesamt 2-mal bearbeitet
Beitrag27.08.2009 um 00:35 (UTC)    
Titel:

Aber mit Bilder möchte ich Sad
Beitrag27.08.2009 um 15:08 (UTC)    
Titel:

was"bilder"?
Bilder mouseovern oder im Tooltipfenser?

Bilder mouseovern:

Zitat:
<a href="#" onmouseover="Tip('Text im tooltip')" onmouseout="UnTip()"><img src="bild-adresse"/></a>

Bild im Fenster:
Zitat:
<a href="http://adresse.de" onmouseover="Tip('<img src="bild-adresse"/>')" onmouseout="UnTip()">Text der Verlink ist</a>


Du kannst sogutwie jedes HTMLelement mouseovern oder im Tooltipfenster anzeigen lassen. ACHTUNG: Die HTML-Codes müssen absolut valide sein!
______________

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de