[Suche] Wie erscheint der ToolTip ?=

[da_makkus]

Hallooo,

ich bin gerade auf der Seite

//LUDK.DE - GESTALT UND DESIGN

gesurft. Wenn man über die Grafik mit dem Surfer fährt, erscheint ein kleiner schwarzer "Tooltip". Wie krieg ich den auch auf meiner Seite zum laufen ?=
Ich habe mir schon den Quelltext / Css-Dati / Script angesehen :

Quelltext:

Script:

window.addEvent('domready', function(){
/* Tips 1 */
var Tips1 = new Tips($$('.Tips1'));

/* Tips 2 */
var Tips2 = new Tips($$('.Tips2'), {
initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
}
});

/* Tips 3 */
var Tips3 = new Tips($$('.Tips3'), {
showDelay: 400,
hideDelay: 400,
fixed: true
});

/* Tips 4 */
var Tips4 = new Tips($$('.Tips4'), {
className: 'custom'
});
});

CSS:

#introIMG4 img {
border:medium none;
height:356px;
width:740px;
}
#introIMG4 {
background:transparent url(images/shadflow4.png) no-repeat scroll right bottom;
float:left;
height:345px;
margin:12px 0 -141px -2px;
padding:1px 7px 18px 8px;
width:741px;

Sollte eigentlich das wichtigste gewesen sein. Aber irgendwas überseh ich ?
Ich finde die "class="Tips2"" nicht!


Herzlichen Dank
Makkus

 

[Broken Sword]

Hi,
ich weiß echt nicht, was du nun von uns willst. Hab mir dein Thread mehrmals durchgelesen und finde einfach keine Frage, die es zu beantworten gillt. Bitte äußere dich genauer. Was willst du machen? Wo liegt wann dein Problem?

Gruß
Broken Sword

 

[da_makkus]

ganz am Anfang steht :

Wie krieg ich das Script auch auf meiner Seite zum laufen ?=

Ich habe schon die css-dateien kopiert (soweit wie nötig), das Script als auch den
in mein html document. Aber bei mir funktioniert der ToolTip nicht, d.h er erscheint nicht.

Vielleicht kann mir einer sagen was ich alles davon brauche , bzw was mir noch fehlt dass er angezeigt wird!

Ich hoffe so ist die frage besser verständlich

 

[Broken Sword]

Achso.

gehört auch zu dem tips.js Das einfach auch einfügen und es müssten theoretisch funktionieren.

Gruß
Broken Sword

 

[da_makkus]

Funktioniert bei mir leider trotzdem nicht.
Hab alles richtig "verlinkt/Pfade angegeben".


Aus der Zeile:

schließe ich dass es eine css datei mit :

#introIMG4

geben muss, und eine

.Tips2

!

Jedoch finde ich diese .Tips2 in keiner der verlinkten css-dateien ?
Vielleicht kann es ja mal einer bei sich probieren (wenn er zu viel zeit hat)

Danke aber schonmal

 

[Broken Sword]

Die CSS-Angaben sind, wie gesagt nur für die formatierung zuständig - haben eher wenig mit JavaScript zu tun. Eine id kommt in der ganzen HTML-Seite nur einmal vor, darum macht sich das gut, um Abschnitte zu kennzeichenen, die mit JavaScript ausgewertet werden können. Auch können Klassen von JavaScript benutzt werden, um eine Reihe spezifischer Elemente zu erfassen. Ergo müssen Klassen und IDs nicht immer etwas mit CSS zu tun haben

Dein Problem wird wahrscheinlich sein, dass du mootools.js nicht als erstes einbindest. Denn das ist Pflicht, da in tips.js die Funktionen aus mootools gebraucht werden. Bei mir funktioniert es jedenfalls einwandfrei.

Gruß
Broken Sword

 

[da_makkus]

Sodala:

nun krieg ich den ToolTip auch hin :

CSS:

.tool-tip {
Z-INDEX: 10; 
WIDTH: 400px; /* Länge des Rechtsecks*/
COLOR: black; 
}
.tool-title {
PADDING-RIGHT: 8px; 
PADDING-LEFT: 8px; 
PADDING-TOP: 8px;
PADDING-BOTTOM:5px;

FONT-WEIGHT: bold;
FONT-SIZE: 15px; 
background-repeat:repeat-x;
COLOR:#0099cc; 

border-left:2px black solid; 
border-top:2px black solid;
border-right:2px black solid;

}

.tool-text {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 15px;
PADDING-BOTTOM: 8px; PADDING-TOP: 4px; 

border-left:2px black solid; border-bottom:2px black solid;border-right:2px black solid;

}

HTML:

[IMG]https://finale.freesoft-board.to/Pics/****[/IMG]alt="Crewphoto">

Mein Letztes Problem:​

Wie kriege ich eine 3.Zeile ?​

tool-title gibt mir die erste zeile, tool-text die zweite.
title=" *** :: ***", mit zwei Doppelpunkten trenne ich die Absätze im Title . Wenn ich aber noch 2 Doppelpunkte anhänge ensteht leider keine dritte Zeile.

 

[maulwurf_xxx]

Sorry, mal ganz dumm gefragt, kannst Du nicht weitere Zeilen per
erreichen?
Klar direkt als ALT funktioniert das nicht aber das andere wird ja als Container dargestellt, also rein HTML denke ich.

 

[da_makkus]

ne funktioniert nicht, er stellt keine 3.Zeile dar ...


nja egal
-can b closed-

 

[Broken Sword]

-can b closed-

=> done!

Gruß
Broken Sword