Nekkid and Clean!

April 23rd, 2008

Sorry, it's only a website that strips. :P But in the spirit of the true purpose of the annual CSS Naked Day event, I've created two Wordpress themes:

Wordpress Clean Theme
  1. Nekkid: A style-less theme that should hopefully be a big help to those who are interested in uniquely coding their own design for a Wordpress website.
  2. Clean: Using the same template pages as the Nekkid theme, all I did was add images and customize the stylesheet and voila! The "Clean" theme was born. :D

The useful thing about the Nekkid theme is that it should be exceptionally easy for anyone new or inexperienced in theming to make their own style without having to edit a million pages. Since it is time consuming to create your own design structure from scratch, we all have (at least once) just rearranged another theme to fit our needs and added our own styles.

I added wrapper containers with unique classes to almost every element in each template file and then wrote the stylesheet so each class is present but empty of styling. It should be simple enough for anyone to create a theme by just plugging customized styles into the CSS and editing as you go.

For those who are still learning about CSS and/or structure, I pasted lots of reference links for each type of tag in the stylesheet to help you understand its usage. There are also links and comments sprinkled throughout the actual template pages to explain why I chose to use certain formats of Template Tags.

The stylesheet itself might seem bulky or redundant to those with more experience, so feel free to modify and delete whatever you like. You can also combine classes together if you want to use the same look for several types of elements. Please see the Clean theme on how to achieve this if you are unsure.

That is one reason why I created the Clean theme, to give you an example of how you can manipulate Nekkid's CSS classes to style things down to the last pixel. :) That is one thing I think escapes a lot of designers (new and veteran) these days: the ability to fully customize one's website. You get so flustered by the endless lines of code that you toss any notion of writing your own design from scratch.

But have no fear! You can be Nekkid and Clean now forevermore! :cheer: Here are some important features to note about these two themes before downloading either:

  1. Wordpress 2.5 only. No other version supported.
  2. Usable with widgets but you can make your own sidebar too.
  3. Semantic markup structure so your site even looks awesome naked.
  4. A 404 notifier built in to email you any 404 (not found) errors received.
  5. Several unique CSS classes to heavily customize every bit of the design.
  6. In-depth explanations and references to help explain what everything means.
  7. An extra stylesheet for IE you can easily add fixes to if needed.

Ready to download? :D Unzip and upload to the Wordpress themes directory on your site. Please remember that Nekkid is a style-less theme:

Wordpress Nekkid Theme     Wordpress Clean Theme

I'd like to give digital cookies of thanks to Ashley, Hev, and Aisling for testing the Nekkid theme and giving me great feedback! :) I'm still open to suggestions, fixes, etc, so just let me know what you think!

I am so sleepy. You know you're tired when you start trying to close every tag with a strong tag. XD Enjoy the themes, I hope they are helpful!

Comments

Would you like to add one?

Apr 23, 2008 @ 4:04am

Cool! I’m going to bookmark this and come back later, if I ever need a theme. :D

Apr 23, 2008 @ 7:07am

Nice job with the layouts. These would definitely come in useful…especially for me since I downloaded about twenty to see just how things were coded in WP when I first installed it! Haha.

Apr 23, 2008 @ 9:09am

I can’t wait to get home and play around with your themes some more! Hopefully I can come up with something cool. I think I may try something more simple first though. Either way, it’s fun to play! :D

Apr 23, 2008 @ 9:09am

I had crazy amounts of fun with this last night!! I seriously would have died of boredom without it. :P It’s a great idea, and everyone should check it out for sure!! :D

Apr 23, 2008 @ 9:09am

Ooooh coolies :) I’ll play with your theme when I feel lazy and want to make a theme :P

Apr 23, 2008 @ 10:10am

I don’t know about being nekkid but I want to be clean so I downloaded it! :cheer: They both look amazing!!

Apr 23, 2008 @ 10:10am

Thanks all. :)

@Mendifae: Do remember though that the Nekkid theme is not meant to be an official theme. It’s just for building your own. :)

Apr 23, 2008 @ 11:11am

Thank you so much for this! I’m working on getting a blog up and running on my domain (after using LJ for most of my internet life) and creating a theme for WordPress from scratch seemed like a really daunting task.

I’ll play around with it and let you know how it goes for someone that’s never used WordPress before in their life. ;)

Again, thanks! This was brilliant of you!

Apr 23, 2008 @ 3:03pm

Oh BOIY!!! This is so good, boy has to be spelt as such. This is going to be really useful in future, thank ‘ee :ohyeah:

Apr 23, 2008 @ 3:03pm

Thanks for sharing these themes. They’re gorgeous and awesome!

Apr 23, 2008 @ 6:06pm

The clean theme is very nice, and so clean! lol :)
And the nekkid theme is a great idea for people learning to code their own theme :)

Apr 23, 2008 @ 10:10pm

cool :) i mite uses them to help blid my own lolz i want to soooooooooo bad but i am so dumb at codeing thanks i donload and hold lolz

Apr 24, 2008 @ 1:01am

$0.90 towards the Send-Barbilee-to-Grammar-School fund. XD

Apr 24, 2008 @ 8:08am

:O That wasn’t nice.

But Melissa, your designs are always so pretty and so functional too. I hope people find “Clean” and “Nekkid” helpful.

Apr 24, 2008 @ 12:12pm

thanks Cristina lolz :) if anyone has scein tho i have got better in the spelling from when i 1 started my sites lols

Apr 24, 2008 @ 1:01pm

@Louise: It was an inside-joke and even Barbilee got it. :$

Apr 24, 2008 @ 9:09pm

Yeah, I thought so. :) That’s great to hear Barbilee.

Apr 25, 2008 @ 3:03am

Your themes no doubt will be very helpful, especially the “Nekkid” theme for those who want to have a crack at making their own theme from scratch. Good work as usual, Melissa. :)

Apr 25, 2008 @ 6:06am

I love the Clean theme!!! It looks great and… clean. Haha. About the other theme, I like themes with CSS better but this will do for the CSS naked day. Hehe.

Apr 25, 2008 @ 9:09pm

The designs look very good and indeed, clean! (:
You do amazing designs, really.

Apr 28, 2008 @ 12:12am

Ohh… this is so great! It’s going to be a lot easier when I will create my first own theme… thank you ^^

Apr 28, 2008 @ 4:04pm

What was the font that you used in the header image? I love these layouts by the way, if I used Wordpress, I would so use them as is! :ohyeah:

Apr 29, 2008 @ 12:12am

Hey wench I made you things! Go look at my donations page and the Pixel Team May Bday thread. :ohyeah:

Post a Comment

Your response may be added to a moderation queue if you have never commented before or your comment contains more than one link. If it has not appeared after a day, please contact me so I can check if it was marked as spam. Thank you! :)

Please quote people and converted code with <blockquote>. Allowed formatting includes: <strong>, <em>, <strike>, and <abbr>. You may use links that are friendly ones. :)

-_-; :P :D X( :goodie: XO :/ :no: :( X_X 8| :wah: <3 :ohyeah: ;) :| :) :dance: :X :O :cheer: :nod: O_o ^_^ >_> :$ XD :T :B ^^;