HTML/CSS: Menü funktioniert! =)

So, jetzt hab ich es endlich geschafft, dass mein Menü nicht zusammenbricht, sobald das Browserfenster verkleinert wird. Ich hätte noch gerne auf jedem Button ein Icon, doch bei längerem Linktext, wie bspw. „Impressum“ rutscht der Text immer unter den Button. Ich hab zwar herausgefunden, wie ich mein Icon positionieren kann, doch es haut irgendwie nicht hin, dass alle Icons mit Schrift einheitlich positioniert sind. Aus diesem Grund gibt es nur das Home-Icon 😀

hier der Link zur Seite:

Dams

– Der Banner muss noch ausgeschmückt werden, außerdem möchte ich noch ein weiteres Menü einsetzen, allerdings anders positioniert und dann müsste ich noch gucken ob es senkrecht oder ebenfalls horizontal erscheinen soll.
Der Name der Site (Dams) ist auf jeden Fall noch wandelbar, denn den Namen gibt es schon…es ist alles noch wandelbar und dient einfach nur dazu, ein Gefühl für html und CSS zu bekommen. Es gibt noch Vieles zu lernen, leider ist das Tutorial nun fertig, ich finde es schade, dass Macjo nicht weitere Tutorials hochgeladen hat, da er wirklich gut und verständlich erklären kann.
Es gibt sicherlich noch x weitere Youtuber, die ähnliche Tutorials anbieten, doch mir wäre es lieber gewesen weiterhin von ihm zu lernen.

HTML/CSS: Kleiner Spaß :-) (Image-Hover-Button)

Letztlich dachte ich mir, dass es cool aussehen könnte, Tastatur-Tasten als Buttons zu benutzen. Schlussendlich hab ich welche gemacht und versucht sie einzusetzen. Leider gefallen sie mir nicht. Sie sehen zwar witzig aus, doch die normalen CSS-Buttons sind deutlich schöner. Aus diesem Grund werden sie nicht zum Einsatz kommen, aber es ist nicht schlecht, dass ich sie gemacht habe, denn so ein Image-hover-Button kann mir vielleicht später mal nützlich sein. Es war jedenfalls eine spaßige Übung, auch wenn ich ziemlich lange daran herumgebastelt habe 🙂

Die Icons von den Tasten-Buttons sind nicht von mir, ich hab sie mir bei deviantart herunter geladen 🙂
Es war nur ein Test, ansonsten hätte ich natürlich selbst welche gezeichnet.