cssgirl... web and blog design

Archive for the ‘Tutorials’ Category

20
May

Give Images Polaroid Style Treatmeant

I’m a big fan of polaroid’s. I love the fact that you can snap a photo and the camera will spit out a photo for you instantly. I love the style so much in the new version of CSSgirl (to be released within the next two weeks!!!) has incorporated their style in the new design. I thought I’d share how I went about creating the image and the HTML/CSS behind it!

seperator
18
May

Style Your Code Samples Without Excessive Markup

I’ve noticed a lot of sites have a very complicated way of styling the code samples they provide, using multiple span classes and/or inline styles and many, many <br />s. Other times the site just wraps the code in a <code> attribute and doesn’t highlight the different syntaxes.

I’ve written some simple CSS styles to fix this problem. So if you are interested in having your code display as if it was in a text editor with syntax highlighting here is an easy way to do it.

The first example is a sample of CSS code and how it can look when you apply these styles (***This is not the actual styles, just an EXAMPLE):

seperator
8
Jun

Making the Best of Your Web Presence

I spent a few hours last night in an insomniatic rage browsing websites of local businesses and I was completely shocked at the lack of presentation, organization and design. Any professional website that is advertising services or goods, or displaying information needs to remember the three most important parts of having a website.

seperator
30
May

Sims 2 Hair Tutorial Part 3

Adding streaks to your sims hair. Bear with me, these tutorials were written in 2004, when Sims 2 first arrived! There are ways to make much more realistic looking stuff now, and hopefully I will soon have a chance to work on a new tutorial for this! But for now, these are great for the super easy beginner level!

seperator
29
May

Sims 2 Hair Tutorial Part 2

Add a barrette to your Sims hair. Bear with me, these tutorials were written in 2004, when Sims 2 first arrived! There are ways to make much more realistic looking stuff now, and hopefully I will soon have a chance to work on a new tutorial for this! But for now, these are great for the super easy beginner level!

seperator