Gegen Bilderklau - Das Original | Druckvorschau: overlib hofplan

Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [Misc] overlib hofplan (https://www.gegen-bilderklau.net/thread.php?threadid=174594)

Geschrieben von Alex96 am 16.08.2010 um 21:13:

overlib hofplan

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

Geschrieben von Alex96 am 19.08.2010 um 21:34:

kann mir da den keiner helfen?

Geschrieben von Julia712 am 19.08.2010 um 22:45:

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?

Geschrieben von Alex96 am 20.08.2010 um 09:53:

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/

Geschrieben von Julia712 am 20.08.2010 um 11:57:

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

Geschrieben von Alex96 am 20.08.2010 um 15:12:

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

Geschrieben von Julia712 am 20.08.2010 um 15:25:

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?

Geschrieben von Alex96 am 20.08.2010 um 16:48:

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

Geschrieben von Tonder am 20.08.2010 um 17:21:

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

Geschrieben von Alex96 am 21.08.2010 um 17:28:

Zitat:

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

*push*

Geschrieben von Oli am 21.08.2010 um 18:08:

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

Geschrieben von Oli am 21.08.2010 um 18:35:

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

Geschrieben von Alex96 am 21.08.2010 um 19:01:

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

Geschrieben von Alex96 am 23.08.2010 um 13:47:

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+

Geschrieben von kext am 23.08.2010 um 14:10:

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>