Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

leichter und besser machen

Hi

also ich mache im moment eine Seite die für rollenspieler sein soll
http://www.wow-zocker.de/rp/gasthaus/eingang.htm

wie ihr da sehen könnt kann man alles mögliche benutzen wie in einem spiel.
und jetzt zu meinem Problemen :

1. wir ihr seht musste ich das sehr kompliziert machen in dem ich die Bilder immer kleiner schneiden muss damit man da was anklicken kann aber irgendwann geht das nicht mehr wie an einem Bücher Regal das sind ja dann mind. 30 Bilder.
und jetzt zu meiner frage ich benutze frontpage und habe mich gefragt ob es nicht so geht das ich ein bild einfüge (ein ganzes) und dann eben auf dem bild die links einfüge so das die Tür ein link ist oder der Mensch ohne das bild klein zu schneiden
gibt es so was?

2. und nun 2tes Problem wie ihr sehen könnt musste ich in das bild schreiben was man machen kann ansprechen und so aber ich möchte gerne das sich wen ich über den link geht das sich dann ein kleines Fenster an der maus öffnet wo die Beschreibung steht.
geht das?

MfG
ChaosX


Antworten zu leichter und besser machen:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

die Möglichkeiten mit HTML sind zwar begrenzt aber doch schon vielfältig... und alles was du hier brauchst/willst gibt eigentlich der HTML-Standard her.

Zu 1.) Google mal nach "Image Maps", da geht praktischerweise der erste Link direkt zu SelfHTML...
Wenn du es komfortabler haben möchtest, gibts auch Programme, mit denen du die erstellen kannst.

Zu 2.) Es gibt für diverse HTML-Tags, so auch für den <img>-Tag das Attribute "title", damit kannst du diese Tooltipps realisieren. Wenn denn allerdings die normalen nicht mehr ausreichen, dann gibts dafür auch schicke JavaScript Codes...
Den Einbau des "title" findest du auch auf SelfHTML:
http://de.selfhtlm.org

http://de.selfhtml.org/html/grafiken/einbinden.htm

Mario 8) 

cool danke werde ich mir mal anschauen

also bei 1 habe ich jetzt schon verstanden wie es geht nur ich weis nicht woher ich die formel für den link bekomme gibt es da einen trick ?

<area shape="rect" coords="?, ?, ?, ?" href="http://www._____.de/" alt="seite">

woher weis ich was bei ? rein kommt ?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Nee, ich glaube du hast das noch nicht verstanden... hast du das einfach kopiert oder hast du dir die Erklärungen dazu vielleicht auch mal durchgelesen? Letzteres glaube ich auch nicht, denn...

Zitat
Bei coords geben Sie die Koordinaten der verweis-sensitiven Flächen an. Die Pixelangaben bedeuten absolute Werte innerhalb der Grafik, die verweis-sensitiv sein soll. Trennen Sie alle Pixelwerte durch Kommata.
...steht so 1:1 hier
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm und darunter sogar noch ein Beipiel für jede Form...

Und die Koordinaten zeigt dir jedes Bildbearbeitungsprogrqamm an, bspw. IrfanView...

Mario 8) 

jop ^^
habe es jetzt aber ich bekomme da irgent wie kein tooltip rein weil das ja keine Standard links sind weis ich nicht wie ich da jetzt tooltips hinzufüge ?

hier das hier habe ich vergessen,
so sieht jetzt mein html code aus :

<html>
<head></head>
<body background="eingang/bg.GIF">
<p align="center">&nbsp;</p>
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
   <tr>
      <td>
      <p align="center">
<map name="Name">
<area shape="rect" coords="496, 415, 521, 486" href="frau" alt="Frau">
<area shape="rect" coords="553, 412, 599, 482" href="pferd1" alt="Pferd">
<area shape="rect" coords="656, 405, 754, 481" href="pferd2" alt="Pferd">
<area shape="rect" coords="110, 394, 162, 493" href="post" alt="Briefkasten">
<area shape="rect" coords="193, 356, 330, 484" href="drin1.htm" alt="Gasthaus Eingang">
<area shape="circle" coords="418, 475, 20" href="fass" alt="Stehendes Fass">
</map>
      </p>
      <p align="center">
&nbsp;</p>
      <p align="center">
<img src="eingang/gasthaus.GIF" width=800 height="564" border="0" alt="Grafikname" usemap="#Name"></p>
      <p align="center">&nbsp;</td>
   </tr>
</table>
</body>
</html>
 

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Eieiei ;D Hats bei euch heute 30°C oder was? :)

http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm

Zitat
Damit beim Überfahren einer verweis-sensitiven Fläche mit der Maus ein kleines Info-Fenster ("Tooltip") erscheint, können Sie in jeweils das Kapitel Universalattribut title="angezeigter Text" verwenden. Im Beispiel haben die title-Attribute jeweils dieselben Werte wie die alt-Attribute.

Und wo ist das bei dir? ;) Da kanns ja nix werden.
Also bspw.:
<area shape="rect" coords="496, 415, 521, 486" href="frau" alt="Frau" title="Ich bin ein Tooltipp...">

Mario 8)
....
 

kann man das aussehen ändern ?
und es dauert 1 sec zu lang bis es auftaucht es soll direkt kommen wen man drüber geht, kann man das machen ?

der editor butten fehlt mir hier im forum XD

hier mal der link zur seite

http://www.wow-zocker.de/rp/gasthaus/eingang.htm

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Also... das sind eben die "normalen" Tooltipps, die vom Browser aus kommen, wenn du eine größere Funktionalität möchtest (sei es im Layout der Tipps oder der Anzeigegeschwindigkeit) musst du schon etwas mehr Zeit investieren und dich mit JavaScript befassen.
Schau einfach mal hier:
http://www.walterzorn.de/tooltip/tooltip.htm
da gibts verschiedene Anzeigemöglichkeiten von den Tipps, und den entsprechenden Code gleich dazu.

Zitat
der editor butten fehlt mir hier im forum XD
Das Forum musst du mir zeigen, wo du als Gast hinterher deine eigenen Beiträge editieren kannst ;) (ohne ein Passwort zugesendet zu bekommen). Wenn du dich hier anmeldest, kannst du das natürlich dann alles und noch viel mehr ;D

Mario 8)

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
Genau, @Mario keine 30° bei dir? Hier schon...
http://www.walterzorn.de/tooltip/tooltip.htm

habe ich auch schon gefunden
aber ich glaube ich bin zu doof dafür ^^
ich kann das ausehen nicht verändern :(
Offline zeigt er das tooltip aber wen ich es hochlade geht es nicht mehr:(
(Ja ich habe alles hochgeladen auch die java dateien und auch überprüft das die richtig sind)
hier kannst ja mal schauen:
Link :
http://www.wow-zocker.de/rp/gasthaus/eingang.htm

Code :
<html>
<head></head>
<body background="eingang/bg.GIF">
<script type="text/javascript" src="tooltip/wz_tooltip.js"></script>
<p align="center">&nbsp;</p>
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
   <tr>
      <td>
      <p align="center">
<map name="Name">
<area shape="rect" coords="496, 415, 521, 486" href="frau" alt="Frau" <a href="index.htm" onmouseover="Tip('Frau')" onmouseout="UnTip()"> </a>
<area shape="rect" coords="553, 412, 599, 482" href="pferd1" alt="Pferd" <a href="index.htm" onmouseover="Tip('Pferd')" onmouseout="UnTip()"> </a>
<area shape="rect" coords="656, 405, 754, 481" href="pferd2" alt="Pferd" <a href="index.htm" onmouseover="Tip('Pferd')" onmouseout="UnTip()"> </a>
<area shape="rect" coords="110, 394, 162, 493" href="post" alt="Briefkasten" <a href="index.htm" onmouseover="Tip('Brifkasten Öffnen')" onmouseout="UnTip()"> </a>
<area shape="rect" coords="193, 356, 330, 484" href="drin1.htm" alt="Gasthaus Eingang" <a href="index.htm" onmouseover="Tip('Gasthaus betretten')" onmouseout="UnTip()"> </a>
<area shape="circle" coords="417, 474, 20" href="fass" alt="Stehendes Fass" <a href="index.htm" onmouseover="Tip('Fass untersuchen')" onmouseout="UnTip()"> </a>
<area shape="circle" coords="380, 477, 20" href="fass" alt="Liegendes Fass" <a href="index.htm" onmouseover="Tip('Fass untersuchen')" onmouseout="UnTip()"> </a>
</map>
      </p>
      <p align="center">
&nbsp;</p>
      <p align="center">
<img src="eingang/gasthaus.GIF" width=800 height="564" border="0" alt="Grafikname" usemap="#Name"></p>
      <p align="center">&nbsp;</td>
   </tr>
</table>
</body>
</html>

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

@Dr.Nope
Also aktuelle Wetterlage hier im Süden von München... gerade ist ein Schauer durch, und wenn ichs auf Thermometer schaue, zeigt das aktuelle 16,5°C ... :o

@ChaosX
Keine Ahnung was da sein kann, aber dein HTML ist nicht valid. Du hast auf der Seite schonmal bei jedem <area>-tag das abschließende ">" vergessen, es geht dann gleich mit dem "<a href=..." weiter. Korrigiere das mal.
Stimmt der Pfad zu dem JS??

Mario 8) 

« Letzte Änderung: 08.06.08, 18:19:02 von Mario »

Keine Ahnung was da sein kann, aber dein HTML ist nicht valid. Du hast auf der Seite schonmal bei jedem <area>-tag das abschließende ">" vergessen, es geht dann gleich mit dem "<a href=..." weiter. Korrigiere das mal.
Stimmt der Pfad zu dem JS??

also ich habe das > eingefügt was aber nicht korekt ist schau mal auf meinem link oben jetzt sind da oben
>>>>>>>

und ja der pfad ist richtig

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Nee, falsch... das ">" muss nicht ans Ende der Zeile hinter den </a> sondern noch vor dem <a href="" ...

So hier:
<area shape="rect" coords="496, 415, 521, 486" href="frau" alt="Frau"> <a href="index.htm" onmouseover="Tip('Frau')" onmouseout="UnTip()"> </a>

wo eben noch
>>>>>
war ist jetzt
onmouseover="Tip('Frau')" onmouseout="UnTip()"> onmouseover="Tip('Pferd')" onmouseout="UnTip()"> onmouseover="Tip('Pferd')" onmouseout="UnTip()"> onmouseover="Tip('Brifkasten Öffnen')" onmouseout="UnTip()"> onmouseover="Tip('Fass untersuchen')" onmouseout="UnTip()"> onmouseover="Tip('Fass untersuchen')" onmouseout="UnTip()">


ich lass das mit den Extras kann ich den irgentwas an den Standard tooltip ändern ?
oder kann ich enter reinmachen so das texte untereinander stehen ?

HUHU

was du vor hast kann man auch mit "onemouseover" "onemouseout" realisieren. im prinzip ist die navigationsleiste meiner page

www.toprevail.de

nichts anderes einfach mal Firefox installieren. mal die menüleiste makieren , dann rechtsklick , quellcode anzeigen .... und abgucken .

am besten geht das was du da realisieren willst mir fireworks. da ziehst du segmente über das was du als "linkbild" haben willst konvertierst das als schaltfläche... exportierst das ganze in ein programm ähnlich dreamweaver und setzt dann einfach noch die "mouseoverbefehle" "mouseoutbefehle"

dann könntest du noch die "segmente" über die du fährst immer hervorheben, wenn die mouse over is zb.....  

wenn du hilfe brauchst einfach mal anmailen [email protected]


« videoplayer 2 stück untereinander BITTE BITTE HELFT MIR ^^varchar() - MySQL »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Graustufenbilder
Als Graustufenbilder bezeichnet man digitale Bilddateien. Graustufenbilder werden auch Halbtonbilder beziehungsweise 8-Bit-Bilder genannt. In Graustufenbilder muss ein Pi...

HTML
HTML steht für Hyper Text Markup Language, ist die Sprache, mit der Internetseiten kodiert werden. Es handelt sich dabei um ASCII Text, in den die HTML Befehle einge...

XHTML
Die Extensible Hypertext Markup Language, kurz XHTML, ist eine textbasierte Auszeichnungssprache zur semantischen Auszeichnung von Bildern, Texten und Hyperlinks in Dokum...