Javascript: onmouseover – Banner wechselt Hintergrundfarbe

Heute hab ich ein bisschen mit dem Javascript-Befehl „onmouseover“ herumprobiert. Mit jenem Befehl kann man beim Darüberfahren mit der Maus, diverse Änderungen vornehmen, ähnlich wie mit dem Hovereffekt. In meinem Fall hab ich ein Blockelement (div) mit einer ID erstellt und innerhalb dieses Blockelements ein weiteres Div mit einem transparenten background-image eingefügt. Den Onmouseover-Befehl fügte ich dann in einem Inlineelement (span) im Hauptmenü ein, von wo aus der entsprechende Effekt dann startet 🙂 Der Banner wechselt Farbe, indem man über die Themen bzw. Punkte im Hauptmenü fährt.

Hier ein kleiner Einblick:

Das Submenü ist zwar noch ein bisschen schief, aber darum ging es mir zunächst mal nicht, ich wollte lediglich mal gucken, ob der Farbwechsel auch mit onmouseover funktioniert und es hat geklappt 🙂



Montag: -.-

Bin leicht verärgert, weil ich dieses We – mehr oder weniger – verzockt habe -.-
Eigentlich hatte ich vor Html, Css sowie Javascript zu üben und zudem auch meine Idee umzusetzen (Image-Wechsel, Augen folgen Mauszeiger). Die sollte nämlich machbar sein!
Doch dadurch, dass in LC gerade das Oster-, Pet-exp- und Exp-SP-Event stattfand, hatte ich dann nicht mehr den Kopf dafür. Problem bei der Zockerei ist, dass Stunden wie Minuten vergehen. Schon sind 6 Stunden so mir nichts, dir nichts um. Und erreicht hat man im Grunde genommen gar nichts! Da spielt man u.a. 4 Stunden am Stück um dämliche Ostereier zu sammeln UND ERHÄLT 3 MONDSTEINKISTEN!!!!!!! xD Die man ohnehin permanent droppt 0.0 -.- Naja, wenigstens hatte ich ein LVL-Up und konnte meinen Lvl 1 Eisi auf Lvl 45 hochhauen (in 2 Stunden).
Jup, aber wirklich sinnvoll war das nicht… Egal, ich werde mich heute dransetzen und auch die nächsten Tage üben, weil ich ja was lernen- und nicht dämliche Mobs hauen will. Doch anscheinend hab ich das gebraucht, so ein Zock-Marathon kommt ja nicht ohne Grund zustande.

Yakuza 0

Bin gerade dabei Yakuza 0 zu spielen, ein hammergeiles Game! 😀
Ich prügle mich gerade durch die Straßen und werde stärker und stärker!
– Als ich jedoch der Dojima Family den Kampf ansagen wollte, wars dann aus mit mir, wobei ich mich schon ziemlich gut geschlagen hatte …ohne Heiltränke ey!
– Demnächst werde ich mich weiter durch Tokios Vergnügungsviertel prügeln, um mich aufzubauen und zudem mal gucken wie ich an Heiltränke komme, denn die Family sollte echt machbar bzw. schlagbar sein! Ich freue mich auf den baldigen SIEG!!! xD …geiles Game!

Javascript: onclick Menu – Banner wechselt Farbe!

So, nun hab ich ein bisschen geübt und konnte ein ScaleY-Menu erstellen, durch den sich bei onclick die Farbe des Banners ändert 🙂
Das ist cool, denn somit könnte man nicht nur die Farbe-, sondern auch das Bild per Mausklick ändern…muss nur noch gucken wie der Befehl lautet 😀
Hammer!



LC: Zauberin

Momentan spiele ich nicht viel, doch mittlerweile hat meine Zauberin Lvl 126 erreicht 🙂 Sie verhaut gerade giftige und tödliche Drachenechsen, natürlich pullenderweise 😀 Pullen ist meiner Zauberins Lieblingsbeschäftigung, wodurch sie auch sehr schnell voran kommt…Nebenbei macht sie verdammt viel Schaden.
Es zieht sich, aber kein Wunder, denn in den letzten Wochen habe ich lediglich die Wartezeit abgespielt und war vorwiegend mit anderen Dingen beschäftigt. Nichtsdestotrotz ist LC immer noch mein Favorit, auch wenn es schon ziemlich in die Jahre gekommen- und aufgrund der Marktpreise recht schwierig geworden ist, sich ordentlich zu rüsten. Ich muss jedoch sagen, dass ich durchs Droppen immer wieder gut verdiene 😉

Javascript – Onclick

Bin gerade dabei den Javascript-Befehl „onclick“ auszuprobieren.
Oncklick/Alert oder Onclick/change backgroundColor haut hin 🙂
Jetzt möchte ich es noch zusammenbringen, dass ein Imagetag bei onclick Image wechselt. Das ist nicht so einfach, weil ich keine Profi-Vorlage habe

…und ich weiß nicht wie der Befehl für den Imagewechsel lautet 😀
Nebenbei schreibe ich momentan alles im HTML (inline), also ohne externer js-Datei und ohne <script>-Befehl. Das ist zwar nicht so ganz Neuland für mich, aber ich muss mir das jetzt erstmal zusammensuchen oder mir vielleicht mal die Unterlagen ansehen?

Hm… Ziel der nächsten Tage: Üben, üben, üben und…Onclick checken 😀

– Gestern war ich leicht durch den Wind^^ Da kam Einiges zusammen, bis es platzte …wobei der erwähnte Grund, nicht wirklich mein „Platzgrund“ war, daher …öhm…einfach mal vergessen und Schwamm drüber xD Es war einfach nur die negative Krönung, des positiven Ganzen oder so^^


Ich bin zurzeit wohl etwas sensibel und extremst aufgekratzt, da kommts schon mal vor, dass ich kurzerhand mal abdreh. …Es geht mir wieder gut!
Mir ist ehrlich gesagt jetzt nur Eines wichtig und zwar, dass ich ALLES was ich im Kurs lerne, auch umsetzen kann…alles Andere sollte mich mal nicht interessieren!

SO, FROHE OSTERN!

Dienstag: ARRRRRRRRRR

😀

In Javascript konnte ich heute nicht wirklich punkten^^ Ich glaube es fiel mir sogar schwer einen normalen html/css Button ohne Hover hinzuschreiben 😀 muhihihihih
Konzentration gleich 0 oder so…

…Das hindert mich jedoch nicht daran, die nächsten Tage-Wochen zu üben. Ich glaube nicht, dass ich grobe Schwierigkeiten mit den Javascript-Übungen haben werde, da ich mit diesen Befehlen – besonders mit onmouseover – bereits zu tun hatte. Dies ist allerdings schon ein Jahr her…
Link: Javascript – erste Übung vor einem Jahr
Es freut mich sehr, dass ich demnächst ein paar Tage frei habe, denn somit hab ich Zeit- und die nötige Konzentration dafür, denn ohne diese geht bei mir diesbezüglich gar nichts.
Javascript hat mich immer schon interessiert, besonders deren Animationen, die ich vielleicht in mein Projekt mit einbringen könnte. Da gab es doch diese Augen (schwarzer Punkt auf weißem Kreis), die sich mit dem Mauszeiger mitbewegten… ich frag mich, ob diese Augen eine Image-Datei waren oder ob sie in anderer Form dargestellt wurden, denn wenn es sich dabei um ein Image handelt, dann müsste man auch eigene Bilder verwenden können…mal gucken…
Vorerst werde ich Übungen machen, damit ich überhaupt verstehe wie welcher Befehl funktioniert und wie man Js direkt im HTML verwenden kann. Jo, irgendwie freu ich mich darauf, weil …öhm… ich wills lernen!

Böckchen im neuen Zuhause

Gestern hab ich es gewagt, die Böckchen in den oberen Stock des neuen Geheges zu setzen. Ich habe so lange gewartet, weil ich Angst hatte, dass der obere Stock zu unsicher wäre. Doch mein Vater, sowie auch unser italienischer Hausmeister meinten, dass es schon sicher sein sollte… somit hab ich es gewagt und es scheint ihnen dort zu gefallen 🙂
Die Häuschen muss ich noch erneuern und ihnen auch ein paar Klettermöglichkeiten besorgen, es kommt noch alles.

Hier ein paar Aufnahmen von heute:

Weitere Bilder 🙂

Wochenende

Dieses Wochenende war ich recht fleißig, ich habe viel geübt und mir das YScale-Menü im Groben und Ganzen eingeprägt, ich kann es vom Kopf heraus niederschreiben. Ein paar Fragen dazu hab ich noch, weil es mir nicht so ganz gelingt es der Vorlage entsprechend identisch nachzubauen, insofern ich sie nicht kopiere^^
Doch ich bin zufrieden, mehr Zeit hatte ich leider nicht. Aber ich werde die nächste Zeit immer daran arbeiten, denn ansonsten vergesse ich wieder alles und demnächst hab ich ja ein paar Tage frei, die ich diesbezüglich gut nutzen werde 🙂

Donnerstag – :-)

Heute hab ich mir, bezüglich meines Projektes, ein Feedback vom Profi geholt und ich bin echt froh darüber, dass es passt und nur zwei, drei kleine Dinge abgeändert werden sollten. Ich hatte bspw. dem <nav> Hintergrund eine andere Farbe zugeteilt, als dem Menü selbst, was irgendwie störend auf das Responsive-Design wirken könnte. Mein <hr> Image sollte ich auslaufen lassen und unter die Hauptüberschrift einen Slogan oder eine Kurzbeschreibung setzen. Ach ja… und das Menü in die Mitte, statt rechtsseitig setzen – auch immer in Bezug auf Responsive-Design-.
Demnächst werde ich mich auf jeden Fall dransetzen, doch zunächst möchte ich es hinbekommen, alles vom Kopf heraus zu schreiben, denn nur so werde ich auch jeden Schritt – den ich vornehme – verstehen und mir diesen gleichzeitig auch einprägen können. Das ist mir sehr wichtig!
Bis Dienstag sollte das sitzen, ich drücke mir mal die Daumen xD
Öhm…ES MUSS!




0.0

Zurzeit bin ich gedanklich eigentlich permanent bei meinem Projekt. Letztlich konnte ich das Grundgerüst mit seinen Farben, der Schriftart, dem Banner und dem Menü erstellen. Ich bin sehr glücklich über das Ergebnis, wobei ich den Inhalt der Seite noch ganz klar überdenken muss, denn ansonsten wird das Ganze zu oberflächlich oder einfach zu weitläufig. Mir ist es immer wichtig, zuerst entweder den Banner oder das Logo zu entwerfen, denn anhand des – in meinen Fall – Banners, entscheide ich mich für die entsprechenden Farben, die vom header bis zum footer das Gesamtbild und deren Wirkung mit Sicherheit stark beeinflussen.
Dass dieses Gerüst steht ist für mich relevant, weil aus dieser Idee und dem Gefühl, das daraus entsteht , die gesamte Seite aufbaut.
Jup, deswegen musste ich sehr viel Zeit in diese Arbeit stecken und ich war ziemlich lange nicht zufrieden mit den Entwürfen. Doch dieses Wochenende hab ich es geschafft (Zeit)! Ich mag das Ergebnis sehr, auch wenn es sich nur um das Grundgerüst handelt.
Nun ist es mein Ziel, genau diese Seite vom Kopf heraus aufzuschreiben, bzw. zu bauen.
AHHHHHHHHHHHHHHHH, das wird wieder ein Marathon-Wochenende! XD ❤

Dienstag – Mittwoch :-)

Boa, heute bin ich so müde, dass ich fast im Stehen einschlafen könnte^^
Gestern war ich irgendwie voll neben der Spur, weil ich ein CSS Y-Scale-Menü nicht vom Stegreif aufs Blatt, bzw auf den Bildschirm zaubern konnte^^
Is aber auch kein Wunder, weil ich das noch gar nicht geübt- und erst vor Kurzem angewandt habe. Ich muss mir die Struktur dieses Menüs erst mal einprägen… aber ich hatte mich echt geärgert, dass ich diesbezüglich nicht wirklich, sondern nur zum Teil vorbereitet war.
Jo, deswegen werde ich demnächst – spätestens am Wochenende – Webseiten, mit Menü, vom Kopf heraus schreiben, damit ich mir alles einprägen- und zukünftig mein eigenes Menü bauen kann, auch wenn ich die Vorgabe als perfekt empfand 🙂 …es geht ja genau darum, dass man eben nicht kopiert und genau versteht, was man macht.