« Urlaub in Griechenland: Besuch bei der Feuerwehr | Home | Weil's so schön ist ... »
10.07.06
Changelog Teil 3: Arbeiten am Header
Ich habe mir heute vorgenommen, am Header zu feilen. Das sieht inzwischen so aus:
Mit ein Paar wenigen Handgriffen kommen wir der Sache auch näher. Im Prinzip habe ich nur zwei Sachen geändert: anstatt des Titel-Defaults jetzt die Grafik eingebaut und die Navigation angepasst.
Für das Titelbild* wird später auch der Random-Script, der jetzt auf der Website seinen Dienst leistet (einfach Reloaden, es sind 10 unterschiedliche Motive) eingesetzt. Eine Anleitung für den Script hatte ich übrigens schon mal gepostet, ist recht einfach und peppt die Site ziemlich auf. Bei starkem Traffic ist das eher weniger empfehlenswert.
Die Leiste für die Primärnavigation ist eine <ul>-Liste, die durch das CSS absolut positioniert wird. Dort ist auch die Farbe festgelegt, und man kann hier praktischerweise einen "Override" machen, die hier definierte Farbe "sticht" also die an anderer Stelle vorgegebene allgemeine Farbe für <a>. Irgendwie klappt das nicht immer, hier schon.
Das richtige Blau ist nicht einfach zu finden. Praktischerweise habe ich ein Webcolors-gif gefunden der die wichtigsten HTML-Farben anzeigt.
Unpraktischerweise sieht das blau, welches dem im Logo entspricht, in Wort fürchterlich aus. Derzeit tendiere ich zu einem blau, das eher grau ist. Farbe in dünn sieht einfach anders aus als in der Fläche, da hilft nur probieren. Beim Rollover ('hover') ist der Hintergrund des jeweiligen Wortes grau. So ist vom Aussehen her ein Bezug zum Logo (blaue Navigationspunkte) als auch zum Headerbild (schwarz-weiss) hergestellt.
Als Nächstes werde ich mir Vermutlich über die Darstellung der Artikel Gedanken machen, parallel zum Sidebar (die zwei Spalten rechts).
Beim stöbern in alte Dateien habe ich noch die original-Designs für die aktuelle Website gefunden. Die Titelseite:
Und eine Inhaltsseite:
Wie man sieht, hatte ich damals auch an die unterschiedlichen "Geschwindigkeiten" gedacht, insbesondere die rechte Spalte ist gespickt mit Querverweisen zu anderen Teilen der Website. Nur leider ist diese ja statisch und somit viel zu aufwändig zum pflegen. Die Alternative ist eben die php-Spalte von Wordpress, die man eigentlich nur einmal verändern braucht, und diese Änderung sich dann ohne weitere Arbeit auf jede vorher festgelegte Seite auswirkt.
Lustig: im unteren Bild ist mal kein lorem ipsum-Text sondern folgender:
Eine kurze Geschichte unserer Feuerwehr
1807 Gegründet, war die Phreie Pheuer Compagnie schon damals sehr fortschrittlich, da durch Outsourcing die Gemeinkosten um 34% gesenkt werden konnten und dadurch der 3-Jährige IRR auf über 120% wuchs.
Auch hielten die Mitglieder Kampfguppys für besondere Zwecke.
Heute hat sich das Invest mehr als amortisiert, zudem alle aktiven Kameraden mit UMTS und WLAN-Fähigen PDAs ausgerüstet sind und so jederzeit Zugang zu wichtigen Informationen haben.
Was für'n Käse :) Übrigens sind die Designs vom April 2003, die Site ist also logischerweise drei Jahre alt.
*dreimal dürft ihr raten wo es aufgenommen wurde :)
Geschrieben von Irakli um 10.07.06 23:04
Trackback Pings
TrackBack URL für diesen Beitrag
http://www.rakeman.net/mt-tb.cgi/2686
Kommentare
Wie ich auch schon in dem anderen Artikel geschrieben habe, lass das Javascript weg und mach den Zufallsgenerator per PHP. Da gibt es doch sicherlich auch schon ein fertiges Wordpressplugin, das dir zufällig den Header wechselt.
Wie ich auch schon in dem anderen Artikel geschrieben habe, lass das Javascript weg und mach den Zufallsgenerator per PHP. Da gibt es doch sicherlich auch schon ein fertiges Wordpressplugin, das dir zufällig den Header wechselt.
Geschrieben von: Carsten um 10.07.06 23:39
Ich hab dieses PHP-Script in meinen Wordpress-Blog eingebaut, funktioniert einwandfrei.
http://automaticlabs.com/products/rotator
Hat eigentlich schon jemand das Blau allgemein angesprochen? Meiner Meinung passt das mal überhaupt nicht zu einer Feuerwehr-Website, hier fehlt eindeutig der Bezug dazu. Erinnert mich eher an THW oder sonst eine Website, aber ich finde rot gehört einfach dazu.
Geschrieben von: Philip um 11.07.06 10:09
Irakli hatte das Thema "blau" bei Feuerwehren letztes Jahr hier und hier angeschnitten.
Unrecht hat er mit dem Einsatz von blau nicht, ist mal was anderes. Ich tendiere aber mehr dazu Blau-Violett und Dunkelrot einzusetzen, auch wenn ich dafür schon heftigst kritisiert wurede, siehe u.a. hier.
Geschrieben von: Stefan C. um 11.07.06 10:21
@Carsten: Yes, sir! :)
@Philip: danke! Den Code schaue ich mir mal an.
Zur Farbe: richtig, ist, dass die am stärksten mit der Feuerwehr asoziierte Farbe rot ist. Rot hat ja zudem auch eine starke Signal- und Warnwirkung.
Genau das stört mich aber an roten Websites: sie bringen zu viel Unruhe rein, machen nervös. Blau ist da eher beruhigend, und zudem die Lieblingsfarbe von 38% der Deutschen.
Hier kommen wir schon in die Farbpsychologie rein , siehe hier, hier oder hier.
Bedenke, dass die Zielgruppe einer Website die Bevölkerung im eigenen Ausrückegebiet sein soll(te), die damit eher kein Problem haben dürfte.
Eine Verwechslung mit dem THW, das ja bundesweit wesentlich einheitlicher auftritt als die Feuerwehren, dürfte eher bei besuchenden Feuerwehrlern mit Leseschwäche passieren.
Und ganz davon abgesehen kommt man im Leben nur wirklich weiter, wenn man den Status Quo verändert. Aber das ist eine andere Geschichte ;-)
Geschrieben von: Irakli um 11.07.06 10:40
Oha, du willst doch nicht etwa die Feuerwehr revolutionieren? :D
I know, kenn mich auch ein wenig aus was Farben und deren Wirkung betrifft.
Rot mag der Regel nach beunruhigen, thats right. Aber in Zusammenhang mit der Feuerwehr tut es das meiner Ansicht weniger bzw. nicht - eben weil hier der Bezug Feuerwehr (= rot) gegeben ist und dem User unterbewusst klar ist, dass rot die Farbe der Feuerwehr ist.
...oder ich bin einfach nur immun was rot betrifft :D
Geschrieben von: Philip um 11.07.06 13:51
Moin,
Da ich selbst eine Seite auf Basis von Wordpress betreibe, habe ich da mal ne Frage an dich, Irakli:
Und zwar ist es ja so, das bei Wordpress eigentlich nur die Hauptseite eigentlich richtig dynamisch ist. Wenn man jetzt weiteres Pages macht, dann hat man das Problem das man dort quasi wieder selber alles Layouten muss. Gibts da einen weg rum das ich da auch einzelne Posts wie auf der Mainpage einbauen kann? Das stört mich nämlich extremst. Vielleicht kannste auch mal kurz einen Blick auf den Blog werfen. (www.songbird-webplayer.de)
Geschrieben von: Eric um 01.08.06 16:43