Ich habe wieder am Blog herumgebastelt…
Neues altes Layout
Obwohl ich mir zukünftig eigentlich weniger Arbeit machen und den Themeswitcher zwischenzeitlich schon ganz abschaffen wollte, habe ich jetzt doch wieder etwas Neues anzubieten: Dieses Blog im Layout meiner Kostüm-Site “Event Horizon”. Fast jedenfalls, einige Dinge habe ich anders gemacht, um das HTML-Markup so einfach wie möglich zu halten, weil ich keine Lust auf das Hantieren mit grafischen Überschriften hatte oder weil es mir schlicht besser gefiel. Insofern war es nicht viel Arbeit.
Die Kopfgrafik ist Dank PHP bei jedem Seitenaufruf eine andere. Im Gegensatz zur Kostüm-Site bin dort diesmal ausschließlich ich in diversen Verkleidungen zu sehen, es ist schließlich mein persönliches Blog – sorry Benny.
Lord Voldemort und Shaak Ti fehlen in dieser Runde allerdings noch, und vielleicht sollte ich noch ein Bild hinzufügen, dass mich zeigt, wie die Natur mich schuf – nackt quasi, allerdings nur im Gesicht.
Das Ganze hat leider einen Schönheitsfehler: Wer den Internet Explorer benutzt, sieht neben der rechten Spalte noch einen hässlichen schwarzen Streifen. Ich habe keine Ahnung wieso, der IE hat es mal wieder aus unerfindlichen Gründen nicht nötig, sich an die angegebene Breite zu halten, dabei hat nichts Überlänge o.ä. Und das ist nur einer von vielen Darstellungsfehler, den Rest konnte ich durch ein paar hässliche Hacks verstecken. IE halt, immer dasselbe mit diesem sch…lechten Programm.
Vielleicht mache ich irgendwann noch eine breitere Hintergrundgrafik, um das zu vertuschen… Vielleicht aber auch nicht.
Ich werde nie verstehen, wieso man dieses Stück Krüppelssoftware benutzt, das nicht einmal zählen kann, während es bessere, sicherere, komfortablere und einfach zu installierende Browser gibt, die genauso kostenlos sind.
Was freue ich mich schon auf den IE 7… Noch ein mieser Broswer mehr, bei dem die üblichen IE-Hacks nicht mehr wirken. Kann er nicht einfach endlich STERBEN?!
Druckfunktion
Auf Wunsch einer einzelnen Dame
gibt es hier jetzt eine Druckfunktion. Petra meinte, sie würde meine ellenlangen Textmonster lieber nicht am Bildschirm lesen und sich dabei totscrollen, sondern lieber augenfreundlich auf Papier lesen.
Aufrufen kann man die Funktion unter dem Teaser jedes Eintrages bzw. unter dem kompletten Eintrag in der Zeile, wo auch die Informationen über Anzahl der Kommentare, Wörter usw. stehen, sinnigerweise heisst sie “Eintrag drucken”.
Normalerweise macht man so etwas elegant mit einem Print-Stylesheet, in diesem Fall reichte dies jedoch nicht. Bei manchen langen Einträge setze ich auf Paging statt Scrolling und verteile das Ganze auf mehrere Seiten zum Blättern. Das Druck-Plugin macht daraus wieder einen ganzen Text, der für die Druckdarstellung mit einem eigenen Drucktemplate aufbereitet wird.
Die Bilder werden nicht herausgefiltert, damit die ganzen Emoticons, Bilder im Artikel und Thumbnails bei Galerien nicht verloren gehen.
Das Plugin kann noch mehr, z.B. die im Text verwendeten URLs mit Fußnoten unter dem Text auflisten, aber dieses Feature musste ich deaktivieren. Irgendetwas ging da regelmäßig schief, es verschwanden ganze Textpassagen.
Reguläre Ausdrücke sind eine tückische Sache, ich stehe mit den Dingern auch auf Kriegsfuß.
Archiv und Suche
Mit Entsetzen habe ich letzte Woche festgestellt, dass die Ausgabe der Suchergebnisse kaputt war.
Mein Template war Murks, es hat nicht alle Treffer ausgegeben, stattdessen die ersten 8 gleich mehrfach.
Ähnliches galt für das Archiv in Kategorie- und Monats-Form.
Das Ganze funktioniert jetzt wieder und ist im Fall der Suche auch komfortabler als zuvor, weil ich WordPress durch einen kleinen Hack dazu bewegen konnte, auch die Anzahl der Treffer auszugeben. Beim Archiv funktioniert das jedoch leider nicht.
Tharanis
Da hast Du Dir wieder jede Menge Mühe beim Blogbasteln gegeben, bin gerade in den Event Horizon style geswitcht, sieht klasse aus.
Auf der Arbeit bin ich zwangsläufig mit dem IE unterwegs
sieht alles OK aus, also falls ich jetzt einen schwarzen Balken sehen sollte, dann stört er zumindest nicht. Werde mal zu Hause im Firefox vergleichen, ob es dort anders aussieht.
Ich finde die Idee klasse, wie Du in diversen Kostümen oben auf dem Rand platziert bist. Ich suche nämlich dringend nach einer Inspiration für die Neugestaltung meiner Esoterikseite.
Jaxa
Kennst Du die [if IE x] Anweisung, mit der man sogar zw. IE6 und IE7 unterscheiden kann?
Mein ultimatives Mittel gegen alle IE-Probleme! Wenn es jetzt bloss noch so etwas Simples gäbe, um die einzelnen Gecko-Browser zu unterscheiden (Mozilla und Firefox z.B.)…
Hi, Jessica, ich sehe keinen schwarzen Balken und mir gefällt Layout sehr gut. Schöne umrahmt
Alles sehr gut geordnet und die viele smilies gefallen mir auch
@Jaxa: Ja, aber ich habe Conditional Comments bisher nicht gebrauchen müssen. Außerdem kotzt es mich prinzipiell an, dass ich womöglich demnächst für jede Version eine Sonderlösung stricken darf. Wenn sich dieses überflüssige Ding einfach mal an Webstandards halten würde, gäbe es 95% dieser Probleme nicht!
Abgesehen davon: Wie soll das denn funktionieren? Im Büro müssen Dank des IE 7 jetzt zusätzliche Rechner mit ebenjenem bereitstellen, weil man nur eine IE-Version pro Windows installiert haben kann – das bleibt erst einmal der IE 6, der sicher noch lange die Browserstatistiken anführen wird. Und zu hause? Ich habe nur einen Rechner und nicht vor, mir mehrere Betriebssysteme mit verschiedenen IE-Versionen zu installieren, nur um Microsofts Unfähigkeit zu kompensieren, damit Leute, die partout nicht auf etwas Besseres umsteigen wollen, mein Blog auch so dargestellt bekommen, wie es nach W3C-Standard aussehen müsste.
Daraus folgt: Wer den IE benutzt, hat hier Pecht gehabt! Wenn ich ganz nett bin, sorge ich dafür, dass die Layouts mit der Version des IE, die ich selbst benutze, halbwegs funktionieren, und stelle vielleicht noch ein Theme zur Verfügung, das mit einem Minimum an Formatierung auskommt und somit idiotensicher und geeignet für jeden IE ist.
Bei PIE gibt es einen ganz interessanten Artikel über Hacks und IE 7.
Irgendwie ist es mir völlig an mir vorbeigegangen, dass das Teil seit zwei Wochen final und seit letzter Woche auf Deutsch raus ist… Ebenso der neue Firefox 2. Letzteren hole ich mir, auf IE 7 werde ich aber privat erst einmal verzichten.
@Tharanis und Gwen: Danke für das Lob!
Wirklich kein schwarzer Balken? Ich habe einen schmalen schwarzen Streifen rechts in der grau umrandeten Box, in der sich die links Einträge und rechts die Spalte mit weiteren Infos befindet, weil sie offensichtlich im IE verbreitert wird, während das Hintergrundbild mit dem Sternennebel an dieser Stelle endet:

Ich habe Internet Explorer 6 unter Windows XP Professionel. Aber wenn das nur bei mir auftritt, wundert mich das auch nicht, es wäre nicht das erste Mal. Außerdem ist die Kiste seit der letzten Neuinstallation von XP schon wieder so vermurkst, dass ich jederzeit mit einem Crash rechner. Ich müsste mal Zeit für einen totalen Festplattenputz haben…
Dafür habe ich einen anderen IE-Bug bei dem Layout entdeckt: Manche Seitenelemente verschwinden einfach so bei unterschiedlichen Aktionen. Wenn ich z.B. auf der Startseite mit der Maus über den verlinkten Titel eines Eintrages gehe, verschwindet der Links mitsamt des ganzen Anreiss-Textes in der Box. Ich glaube, das ist der berüchtigte Peekaboo Bug , mit dem hatte ich schon öfters das Vergnügen.
Den Box Model Bug gibt’s ständig Dank IE 5.5 – leider benutzen ihn immer noch viele, der sollte auch endlich mal sterben.
Außerdem scheine ich etwas Ähnliches zu haben wie den Three Pixel Gap, allerdings in vertikaler Form und mit Boxen statt Text: unerklärliche 3 px Abstand zwischen Elementen, wo keiner ist.
Zum Glück lassen sich die letzten beiden Bugs mit dem Holly Hack (* html {}) fixen… Der funktioniert unter IE 7 schon mal nicht mehr.
Tharanis
Ich habe eben die Event Horizon Ansicht im Firefox mit der im IE 6 verglichen. Du hast Recht. Im IE wird rechts ein schwarzer Rand angezeigt, der im Firefox fehlt. Ist zwar nicht tragisch, weil der Betrachter ja nicht weiß, dass der dort nicht sein soll, aber programmiertechnisch gesehen, ist es natürlich ärgerlich!
Microsoft
Hallo!
Ich bin für unser Firmeninternes Blog auf der Suche nach einer guten Druck-Lösung. Deine Beschreibung klingt sehr vielversprechend. Könntest du sie mir eventuell zur Verfügung stellen oder ein paar heiße Tipps geben? Vielen Dank vorab.
Gruß, H.
Hallo Hannes!
Es gibt zwei Möglichkeiten, eine Druckversion einzubauen:
Lester Chan bietet einige gute Plugins für WordPress an, darunter WP-Print 2.20. Das ist wie oben in meinem Eintrag beschrieben die beste Lösung, wenn man die Paging-Funktion von WordPress nutzt, und schnell eingebaut.
Da ich die Paging-Funktion mittlerweile nicht mehr benutze, weil sie Suchmaschinen und Besucher, die über selbige kommen, irritiert, habe ich das Plugin deaktiviert und alles über Stylesheets geregelt:
Das HTML-Markup dieser Seite kannst Du ja einsehen. Ich habe den Elementen, die nur für die Bildschirmausgabe gedacht sind (Navigation o.ä.) die Klasse “screen” gegeben. Es gibt auch Elemente, die nur für die Druckausgabe gedacht sind (z.B. #drucklogo). Darüber hinaus gibt es die Klasse “unsichtbar” , die für die Ausgabe ohne Stylesheets über den Bildschirm bzw. über den Lautsprecher mit dem Screenreader gedacht sind (z.B. Hilfsüberschriften).
Im http://www.schattendings.de/wp-content/themes/venezia/style.css“>Stylesheet habe ich dann für die Druckausgabe (@media print) und die Bildschirmausgabe (@media screen) festgelegt, was jeweils ausgeblendet werden soll und den Rest der Elemente dann für das jeweilige Medium optimiert.
Ich hoffe, das hilft…?
Die aktuellsten 10 Einträge sind auf der Startseite zu finden, ältere Einträge sind über das Archiv aufrufbar: