PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Benötige Hilfe zum Erstellen von Menue-Bars



spawn
06.07.2004, 04:45
Hi Leute!

Ich will eine Leiste machen in der die einzelnen Buttons z.B. Home usw. liegen! Sie sollte einen schwarzen Rand haben und innen mit einem
Bild aufgefüllt werden das ich besitze ( so ungefähr wie der background-tag in Html). Bloß das ich das Ganze mit Paint Shop Pro
machen will. Wie kann ich des hinbekommen? Gibts irgendeine Funktion bei PSP mit der man einen begrenzten Bereich mit einem Bild auffüllen kann.

Wo wir gerade dabei sind: Ich hab gesehen das mache Webmaster solche leisten aus mehreren Teilen zusammenstellen und die dann vom Browser
in eine Reihe zur Leiste bringen lassen. Z.B. einen extra Teil für jeden Button der sich auf der Leiste befindet! Hat das n Vorteil oder is des bloß wegen den Links, damit man die einzelnen Buttons unterteilen kann.

Vielleicht habt ihr mir zusätzlich noch ne Seite die diese Sachen behandelt außer SelfHtml(hat aber eigentlich eh nix damit zu tun :-) )

Thx schon mal, ich bin mir sicher ihr könnt mir helfen. Falls ihr noch n paar Tipps dazu habt wie ichs anders machen könnte oder so, dann auf jeden Fall posten!
spawn

Lucleonhart
06.07.2004, 05:00
Original geschrieben von spawn
Wo wir gerade dabei sind: Ich hab gesehen das mache Webmaster solche leisten aus mehreren Teilen zusammenstellen und die dann vom Browser
in eine Reihe zur Leiste bringen lassen. Z.B. einen extra Teil für jeden Button der sich auf der Leiste befindet! Hat das n Vorteil oder is des bloß wegen den Links, damit man die einzelnen Buttons unterteilen kann.
Hi!
Sry, zu Paint Shop kann ich dir garnix sagen, das kenn ich net.. Aber vielleicht schnell zu den unterteilungen:
Wenn du verschiedene Menüpunkte in deinem einen bild hast musst du es auf jeden fall auseinanderschneiden, damit du für jedes bild nen link machen kannst. Geht ja nur ein link pro bild, gell?! *g*

Ausser du machst ne maus sensitive grafik, das aber ca. 2h länger dauern würde, als 2minuten auseinanderschneiden! ;)

Nur mal so... ^^

spawn
06.07.2004, 05:10
@ lucleonhart
war auch schon auf deiner abi seite, die is doch von dir oder?
jedenfalls find ich sie sehr gut! da hast du ja das selbe gemacht: die bar auseinandergeschnitten, wie hast du das gemacht, wie hast du
die bar erstellt?(vor allem die schrägen teile am ende der bar!)
dann muss man darauf achten das die ganzen barteile beim erstellen dieselbe höhe ham, oder! Ach moment da fällts mir wieder ein: du hast die links in der selben farbe auf die bar draufgelegt, gell!
Aber da bleib immer noch die bar, wie hast du die gemacht?

mach mich schlauer bitte!
thx, spawn
ps: falls die site net von dir war sry *g*

Chocwise
06.07.2004, 08:41
Original geschrieben von Lucleonhart
Hi!
Sry, zu Paint Shop kann ich dir garnix sagen, das kenn ich net.. Aber vielleicht schnell zu den unterteilungen:
Wenn du verschiedene Menüpunkte in deinem einen bild hast musst du es auf jeden fall auseinanderschneiden, damit du für jedes bild nen link machen kannst. Geht ja nur ein link pro bild, gell?! *g*

Ausser du machst ne maus sensitive grafik, das aber ca. 2h länger dauern würde, als 2minuten auseinanderschneiden! ;)

Nur mal so... ^^
Möööp!
Falsch. :D
Oder meintest du "Verweis-sensitive Grafiken"?

Image-Map (http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm) ist da das Zauberwort. ;)
Dürfte von jedem aktuellen Browser unterstützt werden, sogar Netscape 3.? hats schon unterstützt AFAIR.
Reinstes HTML, kein JavaScript-Shit. :p
Mithilfe der Image-Map-Tags kann man über Koordinaten bestimmten Bereichen eines Bilds unterschiedliche Hyperlinks zuweisen.
Etwas problematischer ists nur wenn man das im Texteditor machen muss, aber mit etwas Fummelei nix was man nicht innerhalb von 15 Minuten eben fertigtippen kann.
Die Alternative für die faulen unter uns (mich z.B.) ist Dreamweaver.
http://www.squarenet.info/staff/chocwise/temp/imagemap.jpg
Einfach den Bereich auf dem Bild, mithilfe eines der 3 rot umkreisten Buttons, markieren der verlinkt werden soll und einen Link für diesen Bereich definieren.

Lucleonhart
06.07.2004, 19:43
Original geschrieben von Chocwise
Möööp!
Falsch. :D
Oder meintest du "Verweis-sensitive Grafiken"?
Alta Goldwaagen-Benutzer!! *gg* Gut, dann halt ne Verweis-Sensitive-Grafik! *grmpf* :p Zeig mir EINE Seite, die das benutzt, um nen menü zu machen!!! ^^

@spawn: Mh.. ist doch eigentlich ganz einfach... sagen wir, du hast dein menü als ein ganzes bild. Dann öffnest du das in dem Bildeditor deiner wahl (in meinem Fall Photoshop), markierst den bereich bis der erste button zu ende ist, und klickst auf "carve" "ausschneiden" oder whatever, um diesen teil einzeln zu haben -> save as menu1.jpg
Dann machste schritt zurück, markierst den nächsten bereich, etc. Dabei kommts natürlich darauf an, genau aneinanderpassende stücke zu schneiden, damit das auch nachher noch richtig aussieht. (Photoshop hat da einige hilfreiche features. ^^ ).
Nachher haste dann viele einzelne bilder, die du dann einfach hintereinanderpackst!


<a href="content1.html"><img src="menu1.jpg"></a><a href="content2.html"><img src="menu2.jpg"></a><a href="content3.html"><img src="menu3.jpg"></a> ... etc.

Die abgeschrägte seite ist einfach eine abgeschräktes quadrat... alles mit photoshop gemacht.

Das dingen iss sozusagen erstmal ein bild: http://www.lucleonhart.de/pics/site.jpg

Das ich dann zurecht schnippel! ^^