Top Navigation

Creating a web 2.0 blog - part 2

January 04, 2007 from

Here we go again, continuing the creation of my brother's blog, Blackbelt. Fixing some design issues and creating the XHTML and CSS template.

Design Changes

My brother had asked for some minor changes on the design of the blog, mainly in the sidebar, where he hadn't liked the round corners tha I had done, although he said he really liked the feeds' box which was black.

Feeds' box, darker and with round corners
Feeds' box, darker and with round corners

The new sidebar was created using the same style of the feeds' box, but lighter.

Feeds' box, darker and with round corners
Using different style for visited links, however IE6 doens't do that.

XHTML and CSS

Using the basic XHTML generated by the Apache Roller, the blog engine that my brother uses, I started creating the CSS.

After a couple of hours everything was pretty much done and working fine, however there were some problems to be fixed with .png images and the box model under Internet Explorer 6.

With everything fixed, the template is done, working fine in all the major browsers: IE 6 &7, Firefox, Safari and Opera. If you want to take a look you can download all files that I have used so far.

http://de.abduzeedo.com/files/imagecache/img690x320/originals/blackbelt_blog_0.png
AnhangGröße
index.html12.11 KB
screen.css4.13 KB
images.zip46.94 KB

Über den Autor

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Easy Star Light in Photoshop
Stern Lichteffekt in Photoshop
Ich schreibe nun schon seit Jahren Tutorials und was mich in letzter Zeit extrem inspiriert sind Skateboard Decks. Ich liebe die Ideen der Designer und ihre Umsetzung, deswegen zeige ich heute wie man von einer Idee mit ein paar einfachen Schritten zum Ziel kommt.

Try this Wallpaper

Wallpaper der Woche #82 - Saad Moosajee
Wallpaper der Woche #82 - Saad Moosajee
Das Wallpaper der Woche 82 ist ein Bild von dem jungen Freelance-Illustratoren und Art Director Saad Moosajee. WIr haben ihn bereits mehrmals gefeatured, nun hat er gerade einige neue Designs rausgebracht. Eines davon ist diese Woche unser Wallpaper Seitdem Saadart.com im September 2008 gegründet wurde hatte Saad das Privileg mit einer Bandbreite von Künstlern und Agenturen zu arbeiten. Saad's Arbeiten wurden in mehreren Gallerien, Magazinen und Büchern veröffentlicht. Für mehr Info besucht http://saadart.com/