Hallo. Das Problem, wenn man die letzten Wochen eigentlich eher Designkram in der Agentur gemacht hat und eher wenig HTML angefasst und zusammengeschnitzt hat ist, dass man so Bullshit wie margin-bottom: 1px solid #FFF; schreibt oder <img> mit einen </a> schließen möchte. Und keine Ahnung, was mir da heute noch unterlaufen ist, aber ist ja auch noch nicht fertig. Von daher: Don’t Panic!
Schönes Wochenende!
Im übrigen mag ich das Layout hier nicht mehr und werde mich demnächst mal dran setzen.
Freunde des Webdesigns und der Webentwicklung können sich nun auf das HTML5-Buch von Peter Kröner freuen, dass jetzt und sofort beim Buchhändler des Vertrauens zu erwerben ist (Amazon meint, es ist noch nicht lieferbar, sollte es aber sein).
Mehr zum Buch gibts bei Peter selber, das Inhaltsverzeichnis lässt gutes erahnen. Es ist für Leute gedacht, die sich mit HTML 4 und XHTML schon auskennen, fängt also nicht bei Neu an, sondern geht direkt ins Detail und zählt die Änderungen zu den anderen HTML-Versionen auf. (Jaja, XHTML ist kein HTML. Doch.)
HTML5. Webseiten innovativ und zukunftssicher
Autor: Peter Kröner
ISBN-10: 393751497X
ISBN-13: 978-3937514970
Preis: 34,90 € Ohne Gewähr
HTML5. Webseiten innovativ und zukunftssicher
Price: EUR 35,00
(14 customer reviews)
14 used & new available from EUR 6,97
Damit ich es nicht beim nächsten Redesign vergesse habe ich mir kurzerhand aufgeschrieben, welche Elemente es in einem Blog gibt, die irgendwie gestyled werden müssen. Und damit auch ihr was davon habt, teile ich das mit euch :)
Aufgeteilt ist die Liste in die Beitrags-Elemente, Kommentar-Ansicht, Kommentarformular, Footer, Navigation, verschiedene Inhaltstypen und -seiten und sonstige Sachen, die meistens gut in die Sidebar passen.
Artikeltitel
Datum
Kommentaranzahl mit Link zu den Kommentaren
Text
Zwischenüberschriften
fett, kursiv
Blockquote
Code
Links
Bilder
Listen
- unsortiert
- sortiert
- Definitionslisten
Tabellen
Tags
Kategorien
Edit-Link
Optional:
Facebook-Sharing
Retweet
flattr
sonstiger Socialkram
Kommentare
Gravatar
Text
Autor
Datum
Reply-Button
Edit Link
Kommentare und Trackbacks trennen
Kommentarformular
Name
Website
E-Mail
Labels, input, textarea
Checkboxen
Submit-Buttons
Kommentar-Feed
Navigation
Hauptnavigation (Seiten)
Pagination
Suchformular
Archivseiten
Tags
Kategorien
Footer
Copyright
Wordpress-Satz
cooler Abschlusssatz
anderes
Adsense
andere Werbung (Linklift)
Facebook-Like-Box
letzte Tweeds
Blogroll
Inhalte
Über mich-Seiten
Kategorie-Archiv
Tag-Archiv
zeitliches Archiv
Suchergebnisse
Kontaktseite
Impressum
Feed-Links
So, um nochmal auf den Facebook-Gefällt-mir-Button zurückzukommen: Facebook möchte, dass wir das schön mit einem iframe in die Website einbinden, als Webstandardler Deswegen hab ich mir überlegt, ob man hierfür nicht object nutzen kann, fühlt sich zwar trotzdem dreckig an, aber naja.
<object data="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fpixelscheucher.de&layout=standard&show_faces=false&width=280&action=like&colorscheme=dark" style="border:none; width:280px; height:80px" type="text/html"></object>
Damit bekommt man eine 280px breite Like-Box (passt in meine Sidebar), die ohne Fotos daherkommt und in einem dunklen Layout (dark) geliefert wird. Ohne type-Angabe hatte ich in Chrome eine Fehlermeldung, dass ein Plugin nicht da ist, also schön rein damit. Die URL müsst ihr natürlich ändern.
War das ganze eigentlich dazu geplant, Unterseiten liken zu können?
Wer Fragen dazu hat, kann hier gerne einen Kommentar reinpinnen. Und ja, ich benutze Chrome und Facebook und verteile schön mein Surfverhalten. Wieso auch immer.
-*Update:* ich habs wieder ausgebaut. Datenschutz-technisch ist mir das dann doch zu blöd. Man kann aber weiterhin den Pixelscheucher bei Facebook als „Gefällt mir“ markieren.- Und wieder drin.