hundesitterimhimmelreich

Hallo Ihr Lieben,

ich bastel mal wieder etwas an meiner HP www.hundesitter-im-himmelreich.de

So nun gefällt mir das 0-8-15 linkmenü nicht das links ist. Ich würde gerne in eigenes erstellen und reinsetzen. Kann man das zum Beispiel mit Photo Impact machen und dies dann irgendwie da reinladen, sprich hochladen?

Oder gibt es Linkmenüvroschläge die ich nehmen könnte?

Vielen Dank für Eure Hilfe

Eure Steffi

gipsyshome2

Erste Frage: JA

Zweite Frage: JA

Was genau möchtest du? Wie soll es aussehen? Hast du vielleicht ein Beispiel wie es ungefähr aussehen könnte, also ungefähre Stilrichtung?


Empfehlen kann ich ein Aufbau mit CSS. Entweder mit Grafik-Buttons plus echter Textbeschriftung (Beispiel1/1, Beispiel2/1), oder reine aus Text generierte Buttons (Beispiel1/2, Beispiel2/2), oder ein Textmenü, dessen Font mit CSS aufgepeppt ist.

Beispiel2/1 sieht übrigens nur aus wie eines der Flashmenüs von Beepworld, aber es wurde auf die selbe Weise erzeugt wie Beispiel 1/1
Es handelt sich also hierbei nur um eine Nachbildung, bestehend aus 3 Buttons (einen für normal, einen für Mouseover und einen für Aktiv) gepaart mit echtem Text.

Bei den Beispielen 1/2 und 2/2 handelt es sich um ganz normale Links, die Buttons die angezeigt werden werden mittels CSS erzeugt, sind also keine Grafiken.


Vorteile beider Varianten:

1. Das Menü wird bei jedem User angezeigt, egal welche Einstellungen er verwendet (z.B. deaktiviertes Flash oder Javascript) oder welchen Browser.
2. Selbst wenn der User einen reinen Textbrowser verwendet oder Grafiken im Browser deaktiviert hat, kann er die Menüpunkte lesen, da sie richtiger Text sind und nicht im Grafikprogramm auf die Buttons geschrieben.
3. Das Menü lädt sehr schnell, da für jeden Menüpunkt der selbe Button verwendet wird.
4. aus dem selben Grund wird der Speicherplatz geschont, da für alle Menüpunkte nur ein Satz Buttons (je nach Aufwändigkeit nur 6 - 20 KB) hochgeladen werden muss und nicht für jeden einzelnen Button-Link ein Satz.
5. Kommen später weitere Menüpunkte dazu, lassen sich zusätzliche Menüpunkte ganz einfach durch weitere Links erzeugen. Ein mühevolles Nachbauen neuer Buttons im Grafikprogramm entfällt. Dafür spricht auch, dass man somit zwischenzeitlich nicht vergessen kann, wie und mit was für einer Scheift man die Buttons bescriftet hat, jeder weitere Button sieht also immer passen zu den bereits Bestehenden aus.

Abraten würde ich von Menüs, die auf irgendeine Weise auf Flash oder Javascript zurückgreiffen. Auch abzuraten ist von reinen Grafikbuttons, im Besonderen dann, wenn der alternative Text fehlt.
Auch abzuraten ist von der Verwendung exotischer Fonts im Text. Bei echten Text somit immer einen Standard-Font verwenden, wie z.B Arial, Verdana, Courier New, Times New Roman usw., da man sonst Gefahr läuft, dass das mit Liebe dasignete Menü bei einigen Usern, die den gewählten Font nicht auf dem PC installiert haben, "entstellt" (alternativer Font wird angezeigt) dargestellt wird.

Da ich nicht weiss, wieviel Kenntnisse du hast, habe ich mich mit weiteren Details erst mal zurückgehalten. Falls du etwas nicht verstanden hast, werde ich gerne etwas ausführlicher.

__________________

hundesitterimhimmelreich

Vielen Dank für Deine Hilfe, ich finde das schon sehr ausführlich. Das Programm CSS kenne ich leider nicht.

Dein Vorschlag Beispiel1/1 sagt mir sher zu und ist ungefähr das was ich wollte. Ich hätte gerne Wölckchen.

Ich habe zum Beispiel einen Schaltflächendesigner bei PI mach ich sowas dann damit? Zumindest weiss ich wie ich diese als Grafik hinbekomme. Aber wie bekomme ich das dann auf meine Webseite dahin?

Vielleicht kannst Du mir ja schritt für Schritt erklären wie Du Beispiel 1/1 gemacht hast. Das hilft mir sicher weiter. Oder gibt es dafür Tutorials???
Vielen dank für Deine Mühen.

Liebe Grüße

Steffi

gipsyshome2

CSS ist kein Programm, sondern eine Formatierungssprache. Sie wird für HTML-Dokumente verwendet, um dem Browser eine Beschreibung zur Darstellung und Positionierung von Texten, Bildern, Tabellen, DIV usw. zu geben.

CSS (Formatierungssprache) ergänzt HTML (Auszeichnungssprache) es sind aber trotzdem zwei verschiedene Dinge.

Fälschlicherweise wird CSS und HTML auch oft als Programmierungssprachen bezeichnet, mit einer Programmierung haben beide aber absolut nichts zu tun.

Verstehe CSS (wie auch HTML) als Fremdsprache, mit der du schriftlich mit den Browsern der User komunizierst.



Zu den Beispielen:
Für Beispiel 1/1 und 1/2 benötigst du eine Grafik (falls Active- und/oder Hover- ebenfalls gewünscht ist, auch zwei oder drei) die du dir selber nach deinen Wünschen im Grafikprogramm bauen kannst. Das ideale Dateiformat dafür ist GIF oder PNG, je nach dem ob viele Farben enthalten sind oder nicht. Beide Formate unterstützen Transparents, jedoch bei PNG immer noch mit Vorbehalten, da weiterhin einige User den IE6 benutzen und der zeigt die Transparents von PNG nicht an.

Wenn du die Grafik(en) für den/die Button(s) hast und diese auch hochgeladen hast, dann kannst du, anhand der Masse und der gewünschten Schriftart und -grösse und der Grafikadresse des Buttons, das Stylesheet (CSS-Code) den du z.B. im Quellcode von Beispiel 1/1 oder Beispiel 1/2 findest, anpassen und in den Quellcode deiner Seite einfügen.

Ein Stylesheet dass direkt im Quellcode einer Unterseite zu finden ist, erkennst du am Beginn mit <style type="text/css"> und am Ende mit </style>
.

Man kann Stylesheets auch auslagern in eine separate CSS-Datei, um den Quelltext des HTML-Dokumentes (Webseite) schlank zu halten. In dem Fall findest du im Quelltext den Verweis <link rel=stylesheet type="text/css" href="files/style.css">, dabei ist style.css der Dateiname der CSS-Datei und files/ die Adresse zu der Dateiverwaltung, wo man die Datei hochladen sollte.

Bei wenig umfagreichen Stylesheets, die nur ein mal (nur eine der Unterseiten) verwendung findet, kann man das Stylesheet guten Gewissens direkt in den Quellcode einfügen, bei umfangreicheren Stylesheets die auf mehreren Unterseiten verwendet werden jedoch, empfielt es sich die Variante mit der separaten CSS-Datei zu verwenden, da dann das Stylesheet nur ein mal geschrieben werden muss und auch vom Browser nur ein mal geladen werden muss.

Mehr über HTML und CSS findest du z.B. bei Selfhtml.

__________________