Agrafix.net in neuem Design

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?

Besuche www.agrafix.net

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:

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:

div.nelement {
	float:left;
	margin-left:10px;
}
 
div.nelement a {
	display:block;
	width:100%;
	height:100%;
}
 
div.nelement a:hover {
	text-decoration:none;	
}

xHTML:

<div id="nav">
	<div id="navhome" class="nelement"><a href="index.php?show=home" title="Home">&nbsp;</a></div>
	<div id="navref" class="nelement"><a href="index.php?show=ref" title="Referenzen">&nbsp;</a></div>
	<div id="navblog" class="nelement"><a href="http://blog.agrafix.net" target="_blank" title="Blog">&nbsp;</a></div>
	<div id="navimp" class="nelement"><a href="index.php?show=imprint" title="Impressum">&nbsp;</a></div>
</div>

Das war’s auch schon ;)

Ähnliche Beiträge:

  1. Das Agrafix-Blog Team wächst

Diesen Post teilen:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

Keine Kommentare zu “Agrafix.net in neuem Design”

Diesen Beitrag kommentieren:

Name (erforderlich):
EMail (wird nicht veröffentlicht) (erforderlich):
Webseite:
Kommentar (erforderlich):
XHTML: Du kannst diese Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">