Buttons

Am Wochenende hatte ich ein paar Buttons angefertigt, die mittels Hovereffekt Farbe wechseln-, eine Überschrift sichtbar machen- und gleichzeitig nach oben springen sollen. Heute werde ich sie testen und gucken, ob man noch zusätzlich einen Gloweffekt anbringen kann. Ich bin schon gespannt darauf und hoffe natürlich, dass sie auch gut aussehen werden. Nur schade, dass mein geliebter ❤ Hovereffekt auf Smartphones und Co. nicht sichtbar ist, doch darauf sche*** ich jetzt mal, weil wichtig ist mir momentan mal die Desktopseite. Der Rest wird dann angepasst.

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.

HTML & CSS: Hover Effekt mit Button

Heute konnte ich wieder an meiner Testwebsite arbeiten.
Momentan bin ich am Lernen, wie man Buttons mit diversen Effekten erstellt und wie man mit Schriften arbeitet.
Ab einem gewissen Punkt, wenn ich das Fenster verkleinere, bricht mein Menu zusammen, ich werde daran arbeiten, dass es hinhaut. Es hatte bereits funktioniert, aber ich wollte die buttons erstens nicht ganz oben starten und ihnen auch einen gewissen Abstand verleihen und somit wars dahin^^
Sobald das Fenster eine gewisse Größe erreicht, klappen die buttons nach unten und das ist mega sch…
Ich muss mir das CSS noch ein bisschen genauer angucken.

… LOL, ich habs hinbekommen. Nun sehen die buttons zwar anders aus, aber nun funktioniert es 😀

so, nun passt es, doch zufrieden bin ich nicht, weil jetzt die Schrift zu klein ist…ich musste sie verkleinern, weil sonst der Button-Text nach unten gerutscht wäre

nö…es fuchst immer noch -.- HOPPSALA xD
…ich habs, es ist das LOGO xD, das Logo ist der Grund für die runter springenden Buttons xD…ey -.-

– Wahrscheinlich ist das was ich hier gerade gemacht habe, nicht wirklich möglich 😀
Ich hab da zwei oder 3 verschiedene Tutorials vermischt, also irgendwie umfunktioniert, ohne wirklich schon Ahnung, von einem Button-Menü zu haben, denn im Turorial ging es nur um den Button. Eigentlich käme ein normaler Link oben in die Navigation, aber ich wollte eben den durchsichtigen Navigationsstreifen und ein Button-Menü^^…ich finde das voll cool 🙂 (Morgen schau ich mit einer box zu arbeiten)
Doch ich glaube, dafür muss man andere Befehle geben und die jeweiligen Buttons auch numerieren bzw. ihnen eine class zuteilen. Jo, das is mir aber jetzt echt zu viel, ich hab heute nur 2 Stunden geschlafen. Doch ich werde weiter daran arbeiten und einfach mal die Turorials weiter (der Reihe nach) verfolgen, weil die sind wirklich super!

Tutorial(CSS Tutorial deutsch, CSS3 lernen für Anfänger #1):

CSS Tutorial deutsch, (CSS3 lernen für Anfänger #1 (2018)):