Creative Web Specialist - An online portfolio and resource site of Warren Buckley

Hello all,

This blog post is for my own reference mainly for a technique I have read and learnt about. What I was looking for was to be able to style alternative rows a different colour, similar to the popular layout of iTunes where the row colour alternates between dark and light blue.

I wanted to be able to achieve this affect easily without having to add Classes to my table for each different row manually, I wanted this to be automatic so it can be used in CMS systems without the end user having to ammend the HTML code on the table. I know that in the future we will not have to use JavaScript to help us do this as the new CSS3 selectors will allow us to do this.

This is the CSS rule that will be used in the future and will obviously style all odd table rows with the background colour red.

Hello all,
After getting back from NY and settling back in, I have read all of your comments in regards to my website package I have released a fix to the XSLT search people are having and I have updated the XHTML and CSS so that the logo goes to the homepage as suggested by Lars Buur.

I am not sure if this work by reinstalling the package over the top - it is unlikely, but please do let me know.

Hello all,
It’s been a while since I have last made a blog on this site. Well I have literally got back from CodeGaren07 just now which I blog about in another post about my experiences.

For those of you who attended CodeGarden07 you may have been aware that I was due to release a NEW website package to the community and some of you may have seen glimpses of it during sessions here and there.

When I first started using Umbraco about a year and half ago now, I struggled to use Umbraco at first as there was no real documentation (but this due to change - HURRAY for Umbraco Books). So I taught myself anyway possible and one of the best ways I learnt was downloading and installing the website package and looking how documents, templates and XSLTs and so on was all used together to build the website. So this package is aimed more for new people to the umbraco platform to learn and understand how to build common elements of a website.

The aim for this package is to release it to the community and see what needs to be improved/fixed/tweaked by feedback I receive from you guys & girls, but where I would like to see this package going is that people release new CSS for the website package so that the design and layout can be changed easily. If you do not know what I mean an excellent exmaple of this is CSSZenGarden which uses the same HTML structure but a different CSS file to change the look and feel of the site.

Hello,
In this post I would like to talk about how to add a filetype icon to a link. For example if I have a html <a> tag with a link to a .pdf document I would like to show a PDF icon beside the link to inform the user that the link is a PDF document.

I have found out to do this by reading a section in a new book I have recently got my hands on, called CSS Mastery: Advanced Web Standards Solutions which mentions a topic on CSS attribute selectors. The short and informative article inspired me to look further into CSS atrribute selectors, where I came across this following article on how to add icons to links depending on the file type.

From this article I have managed to learn about CSS attribute selectors and I have decided to create my own test with fancier icons used from Fam Fam Fam.

Check my end result and view the source of the page to see how the results was achieved.

View example

I think this is nice code snippet and is interesting on how CSS can be used. If you have any questions or comments I would be happy to try and answer them.