Archive for the ‘Tutorials’ Category

CSS3 Background Images

css3 multiple background images size

Background images / textures are being used and implemented in many ways, often adding the nicest of finishing touches to a website. It is now in CSS3 we can apply background image dimensions as well as use multiple background images.

(more…)

CSS3 Box Shadows

css3 box shadows

Shadows have been around since the beginning of CSS2, however the only browser supporting them then (and continually now) was Safari. Shadows can be applied in CSS3 to borders, images as well as affecting text as well.

(more…)

CSS3 Border Color / Colour

css3 border color

Give your borders a more color / colour filled effect with CSS3 using the border-color property.

(more…)

CSS3 Border-Radius & Rounded Corners

css3 border radius round corners

Use CSS3 border-radius to make your corners rounded! In this edition of the CSS3 series, we use the third generation Style Sheet language to round the corners of our layers both collectively and individually.

(more…)

An introduction to CSS3

css3 introduction tutorial

The Zen Elements CSS3 Series has just completed an overhaul (Updated 3rd April, 2010), not only providing a few additional CSS3 tutorials but also a revised CSS3 Browser Compatibility Chart!

(more…)

Social Media | PLURK:CSS [BADGES]

Plurk CSS Badges

Plurk Badges have been released to the Plurk community, awarded based on merit. These standard badges I have also detailed below, however, I wanted to play a little and so got to work developing the PLURK:CSS to add in a badge (or two) of my own.

(more…)

Social Media | PLURK:CSS

Plurk CSS Layouts

Plurk has released to Plurkers over 25 Karma, the access to alter their profiles CSS. I for one, am LOVING it!! There will be many new profiles popping up stretching the limits of what a Plurk profile can do through the editing of CSS and I’m looking forward to seeing them.

(more…)