Creating a web 2.0 blog - part 2ListThumbs

Creating a web 2.0 blog - part 2

January 04, 2007

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.

files/imagecache/Post640x480/originals/blackbelt_blog_0.png
AttachmentSize
index.html12.11 KB
screen.css4.13 KB
images.zip46.94 KB

About the author

User picture

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.

Sponsored Links:

More content from:

Help us to share this!

11 Comments

thirtyfour09/06/2008

Just downloaded the file :/ yeah looks hacked to me
it'll be real helpful if it was posted again

Anonymous08/19/2008

Looks like index.html is hacked. :[

Anonymous08/15/2008

index.html looks like it's been hacked

youtube04/17/2008

thank you very nice

tatil koyleri03/12/2008

thanks...

oyun03/12/2008

thanks...

kiz oyunlari03/12/2008

Dude, that's what i call web 2.0! The visited link in navigation will be nice to.
I think that Blackbelt will get a great blog...soon

Fabiano01/04/2007

Dude, that's what i call web 2.0! The visited link in navigation will be nice to.
I think that Blackbelt will get a great blog...soon!

Fabiano01/04/2007

Dude, that's what i call web 2.0! The visited link in navigation will be nice to.
I think that Blackbelt will get a great blog...soon!

Fabiano01/04/2007

Dude, that's what i call web 2.0! The visited link in navigation will be nice to.
I think that Blackbelt will get a great blog...soon!

Dada01/04/2007

Sup Zeelino!! your work is fucking good!! amazing
about ben harper show, want to come? sorry my english to bad, hehhehe
kisses

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?