Lange hat sich www.agrafix.net in gleichem Design präsentiert, deshalb war jetzt Zeit für etwas neues. Im Grunde habe ich ein neues Design für die Seite erstellt, die Referenz-Icons vereinheitlicht und auf der Startseite werden nun die letzten 3 Blogbeiträge angezeigt. Wie gefällt euch das neue Design?
Wärend der „Umstellung“ bin ich natürlich auf ein paar interessante Dinge gestroßen:
1) Die SQL, die es ermöglicht die letzten Blogbeiträge aus einem WordPress auszulesen:
1 |
SELECT post_title, post_content, guid, post_author FROM [PREFIX]_posts WHERE post_status = 'publish' AND post_type = 'post' ORDER BY post_date DESC LIMIT 3 |
2) Außerdem noch ein Tipp für alle xHTML+CSS-Designer: Um ein komplettes DIV zu verlinken habe ich folgenden Code genutzt:
CSS:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
div.nelement { float:left; margin-left:10px; } div.nelement a { display:block; width:100%; height:100%; } div.nelement a:hover { text-decoration:none; } |
xHTML:
1 2 3 4 5 6 |
<div id="nav"> <div id="navhome" class="nelement"><a href="index.php?show=home" title="Home"> </a></div> <div id="navref" class="nelement"><a href="index.php?show=ref" title="Referenzen"> </a></div> <div id="navblog" class="nelement"><a href="http://blog.agrafix.net" target="_blank" title="Blog"> </a></div> <div id="navimp" class="nelement"><a href="index.php?show=imprint" title="Impressum"> </a></div> </div> |
Das war’s auch schon 😉