RPG-Maker Quartier

Hier dreht sich alles um die RPG-Maker-Reihe von ASCII/Enterbrain. Der RPG-Maker ist ein Tool, mit dem du dir dein eigenes kleines Rollenspiel erstellen kannst. Du findest hier alles, was du dazu brauchst. Aber natürlich umfasst die Community noch mehr!
Aktuelle Zeit: Mo Sep 23, 2019 2:47

Alle Zeiten sind UTC + 1 Stunde



Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast



Ein neues Thema erstellen Auf das Thema antworten  [ 8 Beiträge ] 
Autor Nachricht
Offline
Heldenschreck
Heldenschreck
Benutzeravatar
Beiträge: 4294
 Betreff des Beitrags: Navigation mit Bildern
BeitragVerfasst: Sa Feb 16, 2008 18:08 
Also, ich habe mich mal an eine Navigationsliste gewagt, und diese auch soweit mit Java ermöglicht.
Ist halt nur eine kleine Auflistung an der Seite, die einen verlinken.

Nun wollte ich das nicht mit Schriftarten machen, sondern das stattdessen dort Bilder sind, die sich auch verändern sobald man mit der Maus da drüber fährt und einen auch beim anklicken verlinken.

Dies geht wohl mit CSS (denk ich doch), nur weiß ich nicht wirklich wie.

Kann mir jemand bitte einen Beispielcode geben? =o

_________________


Nach oben
 Profil ICQ  
Mit Zitat antworten  
Offline
Vollstrecker
Vollstrecker
Benutzeravatar
Beiträge: 5248
Alter: 29
Wohnort: Eiskronenzitadelle Geschlecht: w
 Betreff des Beitrags: Re: Navigation mit Bildern
BeitragVerfasst: Sa Feb 16, 2008 18:44 
Hier steht zumindest, wie du's in CSS anstellst, dass du die Links auf die Maus reagieren.

Btw... meinst du wirklich Java? Oder doch Javascript? Weil afaik kann man das
über Javascript auch regeln, was man dann gleich in den restlichen Code einbauen
könnte.

_________________
I'M NOT TROLLING, I'm /IMPROVING/ THE INTERNET.
Bild
/ SuFu // rtfm // 79642 // Maker-DL? /


Nach oben
 Profil ICQ  
Mit Zitat antworten  
Offline
Heldenschreck
Heldenschreck
Benutzeravatar
Beiträge: 4294
 Betreff des Beitrags: Re: Navigation mit Bildern
BeitragVerfasst: Sa Feb 16, 2008 19:42 
Jarr, das suchte ich.
Meins ist btw ein Javascript.
Nun versuche ich nur noch verzweifelt von lycos auf Arcor zu wechseln, nur sieht da ja niemand durch. XD

_________________


Nach oben
 Profil ICQ  
Mit Zitat antworten  
Offline
Heldenschreck
Heldenschreck
Benutzeravatar
Beiträge: 4294
 Betreff des Beitrags: Re: Navigation mit Bildern
BeitragVerfasst: So Feb 17, 2008 15:42 
Doppelpost, yeehaw!

Ich habe den Code genommen und nun leicht verändert

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>Terraqua</title>
<style type="text/css">
a:link { font-weight:bold; color:#668599; text-decoration:none; }
a:visited { font-weight:bold; color:#668599; text-decoration:none; }
a:focus { font-weight:bold; color:#668599; text-decoration:underline; }
a:hover { font-weight:bold; color:#FFFFFF; text-decoration:underline; }
a:active { font-weight:bold; color:#668599; text-decoration:underline; }

</style>
</head><body>

<p>
<a href="http://www.testlink.de/">Neuigkeiten</a><br>
<a href="http://www.testlink.de/">Kontakt</a><br>
<a href="http://www.testlink.de/">Gästebuch</a><br>
</p>

</body></html>


Aber wenn ich jetzt Pics via html bei a:hver einfüge erkennt er es nicht.

Ich will also, dass statt den Schriften, die sich farbig verändern, Pictures da sind, die sich, wenn die Maus drüber fährt, in andere Pictures verändern.

_________________


Nach oben
 Profil ICQ  
Mit Zitat antworten  
Offline
Gnu-Hirte
Gnu-Hirte
Benutzeravatar
Beiträge: 443
Alter: 29
Wohnort: Bayern. :A
 Betreff des Beitrags: Re: Navigation mit Bildern
BeitragVerfasst: So Feb 17, 2008 18:28 
Zitat:
Aber wenn ich jetzt Pics via html bei a:hver einfüge erkennt er es nicht.


Was vielleicht daran liegen könnte, dass man nicht einfach HTML innerhalb einer Style-Definition schreiben kann.
Du kannst den Source des IMG-Tags mit CSS nicht beeinflussen (zumindest nicht direkt).

Entweder benutzt du also Javascript (schlecht), oder du regelst das Ganze über background-image.

_________________
    Bild Bild


Nach oben
 Profil ICQ YIM  
Mit Zitat antworten  
Offline
Heldenschreck
Heldenschreck
Benutzeravatar
Beiträge: 4294
 Betreff des Beitrags: Re: Navigation mit Bildern
BeitragVerfasst: So Feb 17, 2008 18:52 
NPC Fighter hat geschrieben:
Entweder benutzt du also Javascript (schlecht), oder du regelst das Ganze über background-image.

Was dann ja hieße, das die Navigation-Pictures unsichtbar werden, damit die background Pictures sichtbar werden.
Und wie... geht das genau? XD

_________________


Nach oben
 Profil ICQ  
Mit Zitat antworten  
Offline
Gnu-Hirte
Gnu-Hirte
Benutzeravatar
Beiträge: 443
Alter: 29
Wohnort: Bayern. :A
 Betreff des Beitrags: Re: Navigation mit Bildern
BeitragVerfasst: So Feb 17, 2008 19:44 
Indem du einfach nur Hintergrundgrafiken benutzt?

Code:
li#navi a {
    display: block;
    width: ###px;
    height: ###px;
    background-image: url('#/bild.###');
}

li#navi a:hover {
    background-image: url('#/bild-rollover.###');
}


Ist halt, wie jede Navigation, die auf Bildern beruht, extrem Accessibility-unfreundlich.

_________________
    Bild Bild


Nach oben
 Profil ICQ YIM  
Mit Zitat antworten  
Offline
Heldenschreck
Heldenschreck
Benutzeravatar
Beiträge: 4294
 Betreff des Beitrags: Re: Navigation mit Bildern
BeitragVerfasst: So Feb 17, 2008 21:00 
Habs' soweit hinbekommen. Thx.

_________________


Nach oben
 Profil ICQ  
Mit Zitat antworten  
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Ein neues Thema erstellen Auf das Thema antworten  [ 8 Beiträge ] 

Alle Zeiten sind UTC + 1 Stunde


Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.
Du darfst keine Dateianhänge in diesem Forum erstellen.

Suche nach:
Gehe zu:  
cron
Powered by phpBB® Forum Software © phpBB Group
Deutsche Übersetzung durch phpBB.de