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.
16.10.2009
Bilder für das Bloggen
Bilder braucht jeder Blogger. Und jeder hat vermutlich seine eigene Methode auf legalem Wege zu kostenfreiem Bildmaterial zu kommen. Ich nutze dafür gern die Foto-Community Flickr. Die Suchfunktion dort lässt sich so einschränken, dass ausschließlich Fotos gefunden werden, die nach einer Creative Commons Lizenz freigegeben sind. Die Funktion ist etwas versteckt, deshalb beschreibe ich hier, wie es geht.
- Aufrufen der Erweiterten Suche.
- Eingabe der Suchwörter.
- Am Schluss der Seite findet sich die Möglichkeit die Suche auf Creative Commons Material zu beschränken.
- Bei Bedarf weitere Optionen wählen.
- Suchen
Weil es aber verschiedene Creative Commons Lizenzen gibt, macht es immer Sinn, dem bei den einzelnen Fotos nochmals aufgeführten Link zu folgen, um verlässliche Informationen zur Nutzung zu erhalten.
Das funktioniert ganz gut.
———————–
Im Übrigen gibt es auch bei der Google-Bildersuche mittlerweile eine entsprechende Option. Erreichbar ist diese über “Erweiterte Bildersuche”.
Dort kann dann bei Nutzungsrechte eine entsprechende Auswahl getroffen werden.
Die Ergebnisse sind hier meiner bisherigen Erfahrung nach aber nicht sehr zuverlässig, was die Rechtelage betrifft.
Weitere Links
Bildersuchmaschine Picsearch
How And Where To Find Legal Source Images