[Misc] overlib hofplan

Alex96

hi leute,
also ich hab gerade versucht mit tut aus dem internet meinen hofplan zu coden(hald mit overlibs).
jetzt nach knapp einem tag "harter arbeit" check ich nix mehr.
also ich möchte gerne diesen hofplan coden:

also ich bräuchte ein beispiel wo sich das overlib öffnet und man auf den link drücken kann und sich was öffnet.
und einmal das man draufklicken kann was man will sich aber kein link öffnet.

ja also meine konkrete frage wäre jetzt:
kann mir jemand vill. einen fertigen code geben den ich versuche dann auf meinem hofplan anzupassen und natürlich bischen zu verändern (im internet waren auch immer die farben für bg und rahmen und so zum angeben also wen das auch noch mit dabei wäre were genialst)?

und vill. dann später auch noch ein paar fragen beantworten kann Augenzwinkern

also schonmal danke im vorraus

lg eure null checkerin alex traurig

Alex96

kann mir da den keiner helfen?

Julia712

code:

1:
2:
3:
4:
5:

<a 
href="LINK-URL" 
onmouseover="return overlib('OVERLIB-TEXT', CAPTION, 'OVERLIB-TITEL', FGCOLOR, '#edf1cc', BGCOLOR, '#00547a', BORDER, 3, CAPTIONFONT, 'verdana', CAPTIONSIZE, 2, WIDTH, '300',  TEXTFONT, 'verdana', TEXTSIZE, 1, HPOS=RIGHT) ;" 
onmouseout="return nd();"
>LINKNAME</a>

Meintest du das?

Alex96

BlackTear: ja (dachte overlib is das gleiche) Augen rollen

Julia712: ich suche einen code wo ich die coordinaten angeben kann, denn ich möchte auf meinem hofplan verschiedene Links einsetzen.

wie bei der http://zg-schoeneberg.de.vu/

Julia712

Also, ganz einfach geht das mit diesem Programm:
http://www.pcfreunde.de/download/d3945/fast-image-map/

Oder online auch hier:
http://www.image-maps.com

Da gibst du bei beidem einfach die Stellen vor und der macht dir daraus die Links. Musst du dann halt nur noch das overlib hinzufügen smile

Alex96

stimmt mit dem fast image map hab ich ja da Augenzwinkern

nur das problem ist wen ich ins onMouseOver rein schreibe z.b. in dem nahe gelegenem Dorf...blablabla... dann kommt aber kein text wenn ich drüber fahre. Augen rollen

das is der code beim Image Map:

code:

1:
2:
3:
4:

<map name="Hofplan" id="Hofplan">
 <area shape="rect" coords="11,210,85,236" href="http://rvliquide.bplaced.net/menue/liquide/stadtplan.html" target="_self" onMouseover="in dem nahe gelegenem Dorf..." alt="insDorf" title="insDorf" />
</map>
<img src="http://rvliquide.bplaced.net/grafiken/hofplan.png" width="600" height="600" border="0" alt="" title="" usemap="#Hofplan" />

habs auch verscuht wen ich titel und alt weg tue dan kommt aber der text umgebung fröhlich

Julia712

code:
1:	onMouseover="in dem nahe gelegenem Dorf..."

So kannst du das doch auch nicht schreiben?! Wenn du mit OverLib arbeitest, musst du schon die Funktion verwenden.

code:
1:	onmouseover="return overlib('in dem nahe gelegenem Dorf...');"

Oder was meinst du jetzt?

Alex96

ok
kann man so mouse over nicht auch ohne overlib nur mit html machen?

Tonder

Hey, ich hab dir wegen deinem Problemchen mal ne PN geschrieben Augenzwinkern

Alex96

Zitat:

Original von Alex96
ok
kann man so mouse over nicht auch ohne overlib nur mit html machen?

*push*

Oli

Hi,

ohne overlib ja, mit "nur HTML" nein, denn HTML kann keine Inhalte ändern. Das wäre dann schon Javascript. Allerdings vermute ich, dass du nicht vor hast, etwas wie overlib selbst nachzuprogrammieren....

LG

Oli

Zitat:

Original von BlackTear
Doch, du kannst ein mouseover ohne Javascript machen. Dafür benötigst du dann allerdings noch CSS. In dem Fall wären :hover und display dein Freund Augenzwinkern

Stimmt.. wo war ich nur mit meinen Gedanken? Naja egal. Zu beachten bei der CSS-Variante ist jedoch, sofern es im IE6 funktionieren soll, dass :hover in diesem nur auf <a> wie erwartet funktioniert Augenzwinkern

.

LG

Alex96

ok erst mal danke an alle die was geschrieben haben Freude

also ich habs jetzt mal versucht zum umsätzen
das kommt raus:
Klick mal und kuk das Specktackel an Augenzwinkern

da den code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:

<html>
<head>
  <title>hofplan</title>


</head>


<body>

<link href="http://www.rvliquide.bplaced.net/styl.css" rel="stylesheet">

<style type="text/css">A:hover {
LEFT: 0px; COLOR: #fdfdfd; POSITION: relative; TOP: 0px; TEXT-DECORATION: underline overline
}</style>
<img style="width: 600px; height: 600px;" alt="" src="http://www.rvliquide.bplaced.net/grafiken/hofplan2.png">

<div style="position: absolute; left: 30px; top: 225px; text-align: center;">
<a href="#" 
onmouseover="Tip('klick um in Dorf zu gelangen und dir sachen zu kaufen oder auch Pferde.')" 
onmouseout="UnTip()" id="insdorf"><small><span style="font-family: Arial;">&laquo;ins Dorf</span></small></a></font></div>

</font>
</body>
</html>

was ist falsch? der link is zwar da wo er hin gehört aber das mouse over is glaub ich im urlaub großes Grinsen

Alex96

Zitat:

Original von Alex96
ok erst mal danke an alle die was geschrieben haben Freude

also ich habs jetzt mal versucht zum umsätzen
das kommt raus:
Klick mal und kuk das Specktackel an Augenzwinkern

da den code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:

<html>
<head>
  <title>hofplan</title>


</head>


<body>

<link href="http://www.rvliquide.bplaced.net/styl.css" rel="stylesheet">

<style type="text/css">A:hover {
LEFT: 0px; COLOR: #fdfdfd; POSITION: relative; TOP: 0px; TEXT-DECORATION: underline overline
}</style>
<img style="width: 600px; height: 600px;" alt="" src="http://www.rvliquide.bplaced.net/grafiken/hofplan2.png">

<div style="position: absolute; left: 30px; top: 225px; text-align: center;">
<a href="#" 
onmouseover="Tip('klick um in Dorf zu gelangen und dir sachen zu kaufen oder auch Pferde.')" 
onmouseout="UnTip()" id="insdorf"><small><span style="font-family: Arial;">&laquo;ins Dorf</span></small></a></font></div>

</font>
</body>
</html>

was ist falsch? der link is zwar da wo er hin gehört aber das mouse over is glaub ich im urlaub großes Grinsen

+schieb+

kext

Der simpelste tooltip wird in HTML mittels des title-Attributs erzeugt. Er erscheint allerdings in den meisten Browsern nicht sofort, sondern erst, wenn man mit der Maus auf dem Link kurz anhält.

code:
1:	<a href="#" title="Hier klicken, um ins Dorf zu gelangen und Dir Sachen oder auch Pferde zu kaufen.">« Ins Dorf</a>

Alex96

kext:
schonmal danke für melden Augenzwinkern

nur im titel_attribut kann man ja z.b. keine bilder einfügen
oder die farben ändern.

kann mir noch einer bei meinem code helfen? großes Grinsen

LG ALex

Alex96

*schubs*

Alex96

push

Alex96

kann mir keiner mehr helfen?

Alex96

Zitat:

Original von Alex96
kann mir keiner mehr helfen?

Forensoftware: Burning Board, entwickelt von WoltLab GmbH