Inns_Web Dunkeldesign

Für Diejenigen (wie bspw. mich)schüchtern_smiley, die lieber dunkle Websites mögen, habe ich nun auch ein Dunkel Design erstellt. Denn ich fände es recht angenehm, wenn es auf jeder Seite so einen Button geben würde, der den Wechsel auf ein dunkles Design ermöglicht.

Inns_Web Dunkel Design

Nichtsdestotrotz möchte ich betonen, dass dies nur eine Testseite ist, die mir als Übung dient. Wie sie dann aussehen wird, entscheidet sich, sobald ich diesen Fachlehrgang besucht habe und Webdesigner bin.

Hier ein paar Bilder zum Dunkel Design:

Html/CSS: Banner mit Lichteffekt

In den letzten Tagen war ich lange am Rumprobieren. Eigentlich wollte ich ein Logo entwerfen, blieb aber schlussendlich beim Banner stehen. Beim Entwurf eines Logos tue ich mich echt schwer, weil sie eben eher schlicht gehalten werden müssen. Außerdem muss das Logo auch in kleinster Größe erkennbar sein… es ist nicht leicht. Naja, aber den Banner finde ich echt cool, wobei er noch nicht fertig ist. Er hat jedoch schon eine goile Eigenschaft, es geht das Licht an, sobald man mit der Maus darüberfährt 😀  Eine witzige Spielerei, die mir gestern auf Anhieb gelungen ist, ohne nachgoogeln zu müssen, mhmmm 🙂 ^^
Echt mega, ich liebe es..ich könnte von früh-morgens bis spätabends an dieser Seite herumexperimentieren, es ist mega cool. Ja, heute werde ich den Banner noch ausarbeiten und dann mit dem Logo beginnen.

hier mein Lichteffekt-Banner:

Inns_Web 

Man kanns natürlich auch noch steigern xD

wobei ich dieses Beispiel hier eher zum Spaß gemacht habe. Es ist ein einfacher Banner mit Hover-Effekt, also 2 Bilder die mittels Mouseover aktiviert werden 🙂

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)):