[x]

dA journal

Browse More Like This

more ▶

More from ^pica-ae

View Gallery · View Prints

Featured in Groups:

#CSS-Babes
A club for CSS babes, oh yeah!

#MasterCSS
Page bland? Then MASTER CSS!

#theEpics
Epic Battles

Details

Submitted: February 21, 2011
File Size: 5.6 KB

Link

Thumb

Statistics

Comments: 33
Favourites: 28 [who?]
Views: 1,432 (0 today)
Installs: 223 (0 today)

[x]

Metal CSSby ^pica-ae

I'm having a battle with $Ikue over at #theEpics. The theme was to make a Installabe CSS Skin in 1 week using only 1 image!

I wanted to do something with Sprites, but since i only came up with my first design idea last thursday that didnt happen. And actually this doesnt look much like what i designed in PS

I changed A LOT when coding, even the image i was using. (which is the pattern you see in the background of course)

There is lots of CSS3 coding involved, so some of you may not see the shadows or rounded corners on your browser, which you can see in the preview image (screenshot from FF3).

There is no mood list cos it freaking annoyed me. (to code it, that means)

Like usual you dont have to do much to use this skin. Some html i wrote down below. If you delete something from the header section the screws will disappear. Maybe you even like that

And if you find the pattern image URL in the CSS you can replace it with an image of your choice

Well, i know i could do better than this, design wise, but it was really hard for me to come up with a good design based on the theme "metal"

Wish me luck in the battle

I need it! I'm fighting Mister Fancy CSS3 Pants $Ikue

--

Headline
<strong>Your Headline here</strong>

Thumb Feauture
<div class="feat">:thumb...: :thumb...: :thumb...:</div>

Blockquote
<blockquote>Content of your Blockquote here.</blockquote>

List
<ul><li>List item 1</li><li>List item 2</li><li>List item 3</li></ul>