Twitter Updates

Kleine Änderungen im Blog · Sonntag April 5, 2009

Es ist wieder mal so weit, ich hab einiges am Blog geändert, keine große Sache. Sind eher Kleinigkeiten.

1. mehr Platz zum lesen
2. die Links links an der Seite ragen nun nicht mehr in den Text rein
3. neuer Header, der ändert sich Tag/Nacht Das Bild ist von hier und sind Dächer + Himmel aus Frankreich. Passt auch etwas besser zu mir, weil mein Vorname französischer Abstammung ist
4. meine Kaffeefilter habe ich immer noch nicht gefunden, muss weiterhin mit meinen Kaffeepads leben

— BloodyWing

Bloglayout fertig · Dienstag März 24, 2009

YAML sei dank.
Nach nahezu chaotischen Verhältnissen ist nun wieder alles ok mit dem Blog, hoffe ich zumindest. Die Navbar sieht noch etwas leer aus, weiß aber auch nicht was ich dort einfügen soll. Meine MILLIONEN Blogleser können ja mal was in die Kommentare schreiben. Mein Twitterprofil könnte ich dort verlinken, ja genau – das mach ich.

Mal sehen vielleicht mach ich noch was mit jquery wenn ich mal lust habe. Seitdem ich Deathmetal höre funktioniert das auf einmal alles, weiß auch nicht wieso. Und von All that remains geht die Membran beim Handy kaputt (Motorola RAZR2 V9).

Wer sich fragt wo ich das Bild für den Header her habe: Morguefile – dort gibt es eine riesen Auswahl an Stockphotos. Ich wollte erst eine Gitarre nehmen, weil die einfach cool aussehen. Habe mich dann aber um entschieden weil ich mit Gitarren eigentlich nichts am Hut habe. Ja ich weiß mit Wolken auch nicht.

— BloodyWing

3:10 · Montag Februar 23, 2009

Es ist 3:10 Nachts ich sitze an e107 und erstelle für final-hearts ein neues Design, nach langer Zeit hab ich dann auch meinen kleinen persönlichen Krieg mit DIV Containern auch überstanden und wieder neues dazu gelernt. Z.b. kann ich den hier verwendeten Code aufs minimalste kürzen, das Schlüsselwort heißt float und clear. Ob nun Internet Explorer >5.5 das mit macht weiß ich nicht genau ist mir ehrlich gesagt mehr oder weniger egal. Das sind ganz normale CSS Standards und die muss ein ordentlicher Browser können. Ich hoffe mal das aber trotzdem in jedem Browser dann die Seite vernünftig aus sieht, sind ja sonst nur Rahmen, Hintergrund und hier und da ein paar paddings und margins.

Nachdem das Design human aus sieht mach ich mich an die Sache mit der Mehrsprachigkeit von final-hearts.de. Grund ist das sehr viele Besucher via Google die Seite finden, aber mit dem was dort ist nichts anfangen können. Gibt sogar schon ein paar Mitglieder die freuen sich darauf ;)

— BloodyWing

Slicen mit Gimp · Samstag Februar 21, 2009

Hallo, einige haben mich gefragt wie ich mein Blogtemplate hinbekommen habe, weil ich es mit Gimp erstellt habe und nicht Photoshop und Imageready verwendet habe.

Erst einmal überlegt man sich wie das Template denn überhaupt aussehen soll, gut ist auch schon wenn man sich freie Stellen bei der Erstellung markiert (Pfade, Auswahl, Hilfslinien etc.)

Das markiere im Bild sind nur weiße Flächen die ich auf Ebenenmodus Überlagern gesetzt habe und die Sichtbarkeit auf 50% gestellt habe. Keine sorge am Ende des Eintrages ist die xcf Datei mit dabei zum gucken :). Die Schriftart für “Rikku” ist hier bei dafont.com zu finden.

Hat man seine Ebenen so weit das der ganze Spaß ein Layout ergibt heißt es erst mal abspeichern, falls man das noch nicht getan hat.

Nun kommt die eigentliche Slicearbeit, jetzt müssen Hilfslinien gesetzt werden Damit Gimp weiß wo es lang slicen soll. In der XCF von mir sind die schon gesetzt.

Nun am besten noch einmal speichern. Dann auf Bearbeiten>Sichbares kopieren und als neue Ebene einfügen.
Anschließend auf Filter>Web>Zerteilen. Dort dann alles wie gewünscht einstellen, ich rate das ganze erst mal als png Dateien slicen zu lassen, da gimp den jpg Dateien unheimlich schlechte Qualität gibt. Die png Dateien kann man später immer noch in jpg umwandeln mit höherer Qualität. Natürlich muss man dann seinen Quelltext anpassen.

Anschließend unbedingt die erstellte Datei, standardmäßig slice.html angucken und gegebenenfalls bearbeiten, da der dortige HTML code auf gut deutsch scheiße ist.
Wenn man nun ganz viel Langeweile hat macht man dort die tables zu div Containern, das hab ich gemacht.

tut-layout.7z

Live Demo
Live Demo 2

— BloodyWing

Neues Blog Seitentemplate #2 · Dienstag Februar 17, 2009

Ja ich habe das alte etwas verändert, nun sollte es auch etwas besser sein mit der Lesbarkeit. Was mich selbst noch stört ist die Ladezeit, da muss ich mir noch was einfallen lassen.

— BloodyWing