Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 14
Seite [1]
pHaeno* ClanSphere Team


Geekboy





Beiträge: 1405
# Thema - 05.11.2008 um 02:09 Uhr
Ich habe ein kleines Problem mit einer Navigation.



Wie man hier auf diesem Bild erkennen kann, sind die jeweiligen Links nicht gerade sondern leicht schräg.
Nun versuche ich seit fast 6 Stunden einen Weg zu finden daraus eine passende Hover-Navigation zu bauen. Egal was auch immer ich versuche ich komme einfach nicht dazu, dass später bei allen Links auch das komplette Hintergrundbild angezeigt wird.

Vielleicht hat ja jemand von euch eine Hilfe für mich.


edit:
Nein, ich habe nicht bloß dieses Bild ^^
Es ist nur ein Ausschnitt aus der jeweiligen Photoshop-Datei ^^


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}



## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443


Zuletzt editiert von pHaeno* ClanSphere Team am 05.11.2008 um 02:59 Uhr (1x Editiert)
Offline
wasgeht


Poststar





Beiträge: 648
# Antwort: 1 - 05.11.2008 um 02:18 Uhr
vectorisieren evtl. ?


------------------
..............................................Club-HP unter www.zocker-gemeinde.com.................................


Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 2 - 05.11.2008 um 08:23 Uhr
kommt drauf an, wie die hovernavigation aufgebaut ist.

was sieht man, und was soll man beim hover sehen.


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
pHaeno* ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1405
# Antwort: 3 - 05.11.2008 um 09:20 Uhr
lso, das ist mein erstes halbwegs brauchbarer Versucht nach knapp 8 Stunden Arbeit.
Aber wie der teufel so will scheint es alles im FF zu gehen.

http://web6.india329.server4you.de/sway/

Im IE habe ich keinen png-Fix gefunden der die Bilder richtig ändern (bitte daher um Hilfe)

Wer sonst noch Vörschläge hat was man verbessern kann, ich nehme sie dankend an


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}



## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443


Offline
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
# Antwort: 4 - 05.11.2008 um 09:41 Uhr
Im IE habe ich keinen png-Fix gefunden der die Bilder richtig ändern


warum dann keine jpgs,...? helf mir auf die sprünge,.. ^^


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Inaktiv
|
pHaeno* ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1405
# Antwort: 5 - 05.11.2008 um 10:08 Uhr
05.11.2008 um 09:41 Uhr - Ramires:
Im IE habe ich keinen png-Fix gefunden der die Bilder richtig ändern


warum dann keine jpgs,...? helf mir auf die sprünge,.. ^^



Weil in diesem Fall die ganzen Layer über und untereinander geschoben sind.
Daher brauchte ich etwas transparentes ^^

Und jpg´s können das ja nicht


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}



## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443


Offline
|
wasgeht


Poststar





Beiträge: 648
# Antwort: 6 - 05.11.2008 um 10:10 Uhr
gif`s werden wohl auch nix bringen
da haste dir mal echt was aufgehalst
PS: ich würde es vectorisieren dort kannst du den winkel richtig verändern, oder du drehst den einzelnen layer bis es passt


------------------
..............................................Club-HP unter www.zocker-gemeinde.com.................................


Inaktiv
|
pHaeno* ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1405
# Antwort: 7 - 07.11.2008 um 07:34 Uhr
Okay.
Es hat ein wenig gedauert, und auch zahlreiche Versuche gebraucht das alles komplett zu verstehen und umzusetzen.

Aber nun habe ich es geschafft:

http://web6.india329.server4you.de/sway


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}



## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443


Offline
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
# Antwort: 8 - 07.11.2008 um 13:50 Uhr
wie währe es, wenn du auch den rest der welt sagst, wie es geht, oder wenigstens deine quellen angibst... würde denke ich mal vielen helfen.


------------------



Inaktiv
|
pHaeno* ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1405
# Antwort: 9 - 07.11.2008 um 16:39 Uhr
Naja, es ist eigentlich nicht schwer. Aber man muss erstmal dahinterkommen

Jeder Layer hat ganz normal seine feste Größe.
Bei dem Rollover hingegen muss man diesen Layer vergrößern und dabei über die eigentlich layer im Hintergrund schieben.

Das ganze ist schon recht kompliziert.
Ich habe es auch nicht alleine geschafft, aber letztendlich funktioniert es wunderbar


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}



## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443


Offline
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
# Antwort: 10 - 07.11.2008 um 17:47 Uhr
also du hast quasi den button mit z-index im hover auf die oberste ebene geschoben. wenn ich das richtig verstanden habe.


------------------



Inaktiv
|
pHaeno* ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1405
# Antwort: 11 - 07.11.2008 um 21:14 Uhr
Genau das habe ich nicht getan.
Ich habe ihm beim Hover lediglich eine andere Größe zugewiesen als er im "normalen" Zusanstnd hat.
Demnach kann man das eigentliche Bild wunderbar so aussehen lassen, als wäre es größer als der eigentliche Button


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}



## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443


Offline
|
Timmothey


Rock the board



Herkunft: Berlin
Beiträge: 40
# Antwort: 12 - 07.11.2008 um 21:25 Uhr
Ich verstehe ehrlich gesagt den Aufwand nicht so recht...
Wenn man über einen Button fährt, so ist mehr oder weniger sicher gestellt, dass alle anderen schwarz/inaktiv sind. Also kann man einfach nach wie vor rechtwinklige jpg Grafiken nehmen, auf denen halt der nächste Button mit drauf ist. legt man auf die zwei Millimeter wert, auf denen der Mauszeiger kursiert, regelt man es über ne imagemap

Aber so klappt das ja jetzt letzten Endes auch

Viel Erfolg bei dem Projekt noch!



ach ne war nen Denkfehler... fällt mir gerade so ein beim Grübeln.
Mist jetzt kann ich nicht in Ruhe ins Kino gehen, wenn ich so nachdenken muss


------------------
Irgendwann will jedermann, raus aus seiner Haut;
Irgendwann denkt er dran, wenn auch nicht laut!

Zuletzt editiert von Timmothey am 07.11.2008 um 21:28 Uhr (1x Editiert)
Inaktiv
|
pHaeno* ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1405
# Antwort: 13 - 07.11.2008 um 23:18 Uhr
07.11.2008 um 21:25 Uhr - Timmothey:
Ich verstehe ehrlich gesagt den Aufwand nicht so recht...
Wenn man über einen Button fährt, so ist mehr oder weniger sicher gestellt, dass alle anderen schwarz/inaktiv sind. Also kann man einfach nach wie vor rechtwinklige jpg Grafiken nehmen, auf denen halt der nächste Button mit drauf ist. legt man auf die zwei Millimeter wert, auf denen der Mauszeiger kursiert, regelt man es über ne imagemap

Aber so klappt das ja jetzt letzten Endes auch

Viel Erfolg bei dem Projekt noch!



ach ne war nen Denkfehler... fällt mir gerade so ein beim Grübeln.
Mist jetzt kann ich nicht in Ruhe ins Kino gehen, wenn ich so nachdenken muss



Wenn das ganze so einfach gewesen wäre wie du es hier beschrieben hast, dann hätten sich nicht 4 Leute den Kopf zerbrochen wie man es am besten lösen kann *g*


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}



## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443


Offline
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 14 - 08.11.2008 um 08:45 Uhr
@Timmothey, da die buttons aber alle eine feste größe haben, und wenn du dann den hoverbutton vergößerst anzeigst, verschiebt sich der rest, wo dann halt der effekt nicht gegeben ist.
mit vergrößern des layers ist das schon gut gelöst.


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
Antworten: 14
Seite [1]


Sie müssen sich registrieren, um zu antworten.