Navigationsleiste&Buttons

Dieses Thema im Forum "Webentwicklung" wurde erstellt von westside, 14. Januar 2007 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 14. Januar 2007
    Tag Leute!
    Dieses Topic würde auch bissl ins Grafikdesign passen, allerdings kann dort nicht mein Hauptproblem gelöst werden.

    Problem:
    In der Navigationsleiste habe ich um die Hyperlinks einzufügen und weils eigentlich ja viel besser aussieht, Grafiken und keine Schriften eingefügt. Die Schriften sehen entweder langweilig aus, oder aber die Leute die sich das ansehen haben die benötigten Fonts nicht.
    Bei den Grafiken sieht man allerdings die Ränder und wenn ich die Schrift quasi ausschneiden würde, dann hätte sie einen weißen Rand -.-'
    Wie kann ich das Problem lösen, z.B. eine(!) Grafik für die Navigationsleiste entwerfen und über diese dann mehrere Links verteilen, also sone Art Zonen.
    Ich hoffe ihr habts soweit verstanden
    Zur Verfügung stehen mir Photoshop, Frontpage und Dreamveawer.

    Problem 2:
    Wie erstelle ich Buttons die sich beim draufklicken verändern? geht das (nur) mit iFrame?
    Dazu gibts auch Tutorials, also liegt mein Augenmerk eher auf Punkt 1.

    mfg
     
  2. 14. Januar 2007
    AW: Navigationsleiste&Buttons

    versteh dein erstes Problem net so ganz!^^

    mach mal <img src="dein bild.jpg" alt="navi button" border="0" />.


    und zu 2tens.
    Mach eine 2te Grafik für jeden button.
    Dann suchst du im forum nach mousover ( oder in google).
    und guggst, dass du ein mousover mit css findest.

    Gruß

    gl
     
  3. 15. Januar 2007
    AW: Navigationsleiste&Buttons

    dein erstes problem ralle ich auch nicht ganz?!?!?!?
    vllt kannste da mal nen link zu der Seite geben, damit man sich das mal angucken kann^^

    Und das 2. problem kann man mit .css lösen

    HTML:
    .menu {font-weight: bold; display: block; height: 23px; background:url(../pictures/navi_bg0.png)}
    
    
    .menu td {display: block; height: 23px;}
    
    
    .menu a:hover {display: block; background:url(../pictures/navi_bg1.png) 150px 0px;}
    
    das in ne .css datei... vllt komste mit klar.... wenn nicht schick mal ne pn, dann helfe ich dir genauer...
     
  4. 15. Januar 2007
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: Navigationsleiste&Buttons

    Ahh, das was du willst nennt sich slicen!^^
    Das ist eine Feature in Photoshop, mit dem du Bilder zerschneiden kannst und die zerschnittenen Bilder einzeln abspeichern kannst.

    Weil ich lieb bin:
    NOcheinmal wegen mouseover:
    Design Community - Design Nation

    und zwecks dem slicen:

    Design Community - Design Nation

    bzw. wird bei dem 2ten Link exakt, Schritt für Schritt, erklärt wie du von der HP in Photoshop zum design auf css basis kommst.
    Habs nur kurz überflugen und scheint echt sehr gut zu sein!

    gruß

    gl
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.