25.10.2009
Internes: Headerbild
Wieder mal ein bisschen am Layout gebastelt und diesmal ein Headerbild eingefügt.
Das Bild “Fisherman on Inle lake” habe ich bei Flickr gefunden und ein wenig angepasst.
Es steht unter Creative Commons-Lizenz.
Vielen Dank an Roger Price für den Upload!
Wie man derart lizensierte Bilder finden kann, habe ich neulich beschrieben.
Links:
23.10.2009
Internes: Layout-Änderungen
Angeregt durch den Artikel von gestern, hab ich ein paar Änderungen am Layout vorgenommen. Am auffälligsten ist der Datumsstempel der Artikel, der sich jetzt links außerhalb des Eintrag-Blocks befindet. Realisiert mit negativen Werten für margin. Wie im oben genannten Artikel beschrieben. Um das umzusetzen, waren diverse andere Änderungen in den css-Dateien nötig. Da kam eins zum anderen. Das ist doch immer wieder erstaunlich.
Bitte meldet Darstellungsfehler, falls euch etwas auffällt. Danke!
Wichtig:
Das Beschriebene gilt alles nicht für den Internet Explorer 6. Für den Browser habe ich das nicht vernünftig umgesetzt bekommen, so dass hier ein einfacheres Layout verwendet wird. Sorry, aber der mögliche Aufwand steht für mich in keinem Verhältnis zum Nutzen.
Die Inhalte sind natürlich ohne Einschränkungen lesbar.
Noch wichtiger :-)
(24.10.09)
Nun sollte das Layout auch für den Internet-Explorer ab V. 6 funktionieren. Folgende Artikel waren eine große Hilfe beim Erstellen erforderlicher css-Anweisungen:
Wundermittel für CSS
Negative Margin-Werte, Probleme im IE
Dashed Border unter IE - erledigt
22.10.2009
Tutorial-Tipp: Aus dem Rahmen springen
Heute gibt es wieder einmal einen Tutorial-Tipp für Freizeit-Webdesigner.
Breaking Out of the Box With CSS Layouts von Jina Bolton.
Ich mag ja Tutorials, die einerseits nicht zu viel Vorwissen abverlangen, andererseits aber dennoch den einen oder anderen kleinen css-Trick vermitteln. Genau dies ist bei diesem Tutorial der Fall. Es beschreibt das Entstehen eines einfachen blockorientierten Layouts, das mit Hilfe einiger einfacher Kniffe optisch aufgepeppt wird. Dabei wird z.B.mit negativen margin-Werten gearbeitet oder es werden einfache ornamentorientierte Hintergrundbilder eingesetzt. Dadurch bleibt einerseits die ordnende Blockstruktur erhalten, andererseits wird sie gezielt aufgebrochen und das Layout wird damit interessanter.
Einen Designpreis gewinnt man damit natürlich nicht - aber einige neue Erkenntnisse vielleicht.
(Es reizt mich, dies auch für das doch sehr schlichte Layout des Netzkschers zu probieren. Mal sehen …)
Hier zum Vergleich zwei Bilder aus dem Tutorial, damit man sieht, um was es geht:
Update
23.10.09
Ich habe festgestellt, dass das Ergebnis des Tutorials im IE 6 nicht korrekt dargestellt wird.
Siehe dazu auch netzkescher.de/2009/10/23/internes-layout-anderungen/
17.10.2009
Flatpress-Update: Pretty URLs-Fehler
Nachdem ich jetzt das Update auf die aktuelle Version 0.909 Arioso von Flatpress durchgeführt habe (siehe auch diesen Artikel) funktionierten die mit dem Plugin “PrettyURL” manipulierten Verlinkungen nicht mehr einwandfrei. Ich bemerkte dies bei einer Suche. Beim Klick auf das Suchergebnis gab es eine Fehlermeldung.
Ich konnte dies beheben, indem ich per FTP die Datei .htaccess zunächst löschte und dann im Administrationsbereich über die Plugin-Konfiguration neu erstellte. Ich glaube, ich hatte die Datei zunächst einfach von der alten in die neue Installation kopiert.