TITLE
by joey on MONTH, DATE YEAR
If you need to make more room for the blog titles and keep them on one line, simply adjust the size of the #content H1 style. Bold text looks like this. It's 'Arial Black' and #FFF just like the title and the headers, however, if the person viewing the site removed 'Arial Black' then the font-weight:600 property will take care of bolding it as much as possible.
Right under the navigation menu to the right you will see a heading called Recent Updates. If you hover over the news items a short summary will pop up and allow you to click to get to another page. You can use this as a link list giving people a short description of what your link is about. I learned the technique from Stu at CSS Play. The original demo was to display a small photo gallery this way but I adapted it for text.
This is what quoted text looks like. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
This is just a simple unordered list with a small 9×9 transparent 2-color gif in the shape of a diamond. It lists the browsers I tested this template with.
- Firefox 1.5-2.0 (Mac & PC)
- Safari 2.0.4
- Internet Explorer 6 & 7
- Opera 9.02 (Mac & PC)
The ordered list shared most of the same propertties save for the list item image above.
- Lorem ipsum dolor sit amet
- Consectetur adipisicing elit
- Sed diam nonummy nibh
- Vivamus viverra. Nullam turpis