Buttons statt Schrift

 

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü
normale Schrift eingefügte Buttons

 

Du möchtest gern so wie ich, anstatt einfache Schrift lieber beschriftete
Buttons in Deiner Navi zu stehen haben, dann erkläre ich Dir mal,
anhand eines Buttons, wie das geht.....
(Du musst dann natürlich für jedes Navi-Element einen entsprechenden Button erstellen !)


Wichtig:
Zuerst einmal erstellst Du alle Textseiten und Untermenüs
so wie immer, also das erst einmal ganz normale Schrift in
Deiner Navi zu sehen ist.



Dann bastelt Du Dir die ganzen Buttons dazu und gehst dann so vor,
wie ich es Dir hier anhand eines Buttons nun erkläre.

***************************

Als Beispiel hier nun mal mein Willkommen- Button
der schaut so aus:

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü

Ich hab ihn hier zur besseren Ansicht eingerahmt.
Er hat eine Gesamtgröße von 190 x 55 px.


Die Grafik konnte ich innerhalb der Gesamtgrafik mittig ausrichten,
da auf meiner BW-Tipps HP eh alle Navi-Elemente mittig ausgerichtet
werden ...... wie das geht, erfährst Du HIER

Ist das bei Dir jedoch nicht der Fall, dann musst Du gegebenfalls ein
bissl herumexprimentieren, vor allem wenn Du in der Navi dann nicht
nur Buttons drin zu stehen hast, sondern auch Schrift, so wie bei mir.


***************************


So ..........  Du hast also den Button erstellt, jetzt musst Du ihn mittels
"Dateien >> Dateien hochladen" in Deinem Account hochladen.

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü




Nun rufe ihn auf unter:

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü





Dort markierst und kopierst Du den HTML-Code zum Einbinden:

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü




Da meine Willkommensseite in der Navi eine reine Textseite und kein
Untermenü ist, rufe ich sie nun zum Bearbeiten unter
"Seiten >> Seiten verwalten" auf:

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü




Hier gibst Du jetzt den HTML-Code ein:

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü


Nun noch auf    hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü    klicken !




Hinweis !

Ist Dein Navi-Element jedoch keine Textseite, sondern ein Untermenü, dann
muss Du den HTML-Code unter "Menü >> Menüpunkte verwalten"
einfügen:

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü




..... dann auf dieses Symbol klicken:

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü



...... und wieder bei Titel den Code einfügen und dann abspeichern:

hPage, nPage, HP, Homepage, Buttons in Navigation, Buttons im Menü



*********************************


Wenn Du bereits alle Textseiten/Untermenüs und die dazugehörige
Buttons erstellt hast !
........ dann wie beschrieben, die Buttons unter
"Dateien >> Dateien verwalten >> Bilder" gleich nacheinander aufrufen
und die HTML-Codes kopieren und diese solange wo "zwischenparken",
ich verwende dafür mein AOL, da ich es eh immer mit geöffnet habe.
Neue Mail schreiben und da füge ich solange die Codes alle ein.

Dann rufe ich nacheinander die entsprechenden Textseiten und noch
eventuelle Untermenüs auf, um die Codes dort einzufügen, so muss ich
nicht wegen jedes einzelne Navi-Element hin- und herhüpfen.

Wichtig ist dann, dass Du die Buttons einen guten Dateinamen gegeben
hast.... mein obriger Button heißt:
button-navi_willkommen.png
...... so wusste ich dann auch gleich, dass ist der HTML-Code für die
Willkommensseite.

 

 

 



*************************************************
Alle Grafiken sind urheberrechtlich geschützt !
All graphics are protected by copyright !

.

.

.

.

.

.

.

.

.

.