iCSS Productions [Free CSS Templates]

December 31, 2012 - 5:49pm — Ireth

Updates

About

January 1, 2013

Finished up a new template for y'all. Only have the advanced code up for now because it takes forever to add in those comments telling people where to put text, haha. It'll be up eventually though, probably in the next day or two. But yay for more templates...! CSS commissions will also likely be reopening soon as well, email me if anyone is interested.

December 31, 2012

And it's up and running! Only one layout so far, but I may be meddling with another basic one because I need to get back into the swing of CSS things! May even open up commissions again at some point. I've got a whole month of break before school starts up again and some free time to kill. Yay for free time. : D

December 30, 2012

Finally getting my rear in gear and getting this thing up! The first premade layout should be live in a day or less!

August 7, 2012

Working on the layout and whatnot. This thang is under construction!

Welcome

Hello there! Looks like you've stumbled across Ireth's CSS Productions! This is just a little place where Ireth dabbles with random layouts and gives y'all the codes for free because she loves you. :B

Mr. Peanut

That little squirrelgriff you see at the top of the page is Mr. Peanut, the mascot of iCSS Productions. He may or may not take over this page at times...

Templates

Terms of Use

There are a few things you have to agree to / read before using these templates. Please abide by these simple rules and everything should run smoothly!

Feel free to edit the code if you'd like to change colours and whatnot, but please be aware that the layout may break
Please leave the link back to this blog if you choose to use a template (even if you change some colours) so that others can share in the CSS love — if you would like to use an alternate button peruse here
You may use snippets of code to build your own layout, any credit given to this blog would be much appreciated ^^
Please do not replicate any content on this CSS blog and claim as yours or redistribute it in any way
I will try to give template users a helping hand should they need it, but I unfortunately probably won't have time to get to everybody
If you'd like to use the content off the TEF community site, please shoot an email my way first!
Lastly, enjoy and beautify up those profiles, I command thee! :B

For further questions or comments,
Ireth can be reached at [e-mail or MSN]

V browse below for the templates! V

Buttons

To use these buttons, copy and paste the code provided and replace the signature code that links back to this page at the bottom of your layout.

Overlapping Boxes

Live preview: Teal/Orange
Complexity: 2/5 [relatively easy to edit/recolour]
Created: August 6, 2012

Beginner Code

Use this code if you want guidance as to where to insert text in the actual coding. Includes a lot of extra spacing and invisible comments that will guide you along. Copy and paste the entire chunk of code into your blog. Be sure to 'split' your post and enter this in the bottom box, along with selecting "BBCode" under the input format options.
Click for code

Advanced Code

Only use this code if you have experience with code. There are no extraneous comments marking where to place text, it is assumed that you as a user can figure it out. This template is mostly for those who want a 'cleaner' version to edit if you prefer different colours, boxes, etc. Copy and paste this entire chunk of code into your blog. Be sure to 'split' your post and enter this in the bottom box, along with selecting "BBCode" under the input format options.
Click for code

Basic Hovers

Live preview: Tan/Blue
Complexity: 4/5 [somewhat difficult to edit/recolour]
Created: January 1, 2013

Advanced Code

[1]Overlapping Boxes

[2] Basic Hover

ireth's blog
Login to post comments

December 31, 2012 - 6:20pm — SoliloquyChryseis

Tracking really hardcore lol

December 31, 2012 - 6:30pm — Sapphire

You make really amazing

You make really amazing layouts. <:

December 31, 2012 - 7:04pm — Poppyflower

This is awesome! Thank you

This is awesome! Thank you <3

—

~Poppy~
Profile picture by ahimsa ♥

Pixel Wis by squeegie~

December 31, 2012 - 7:13pm — Echosong

Trackity track.

—

December 31, 2012 - 8:00pm — Waning-Sun

Definitely tracking this.

—

Avatar by Meadow. Siggy © Shey & Squeegie

December 31, 2012 - 8:04pm — Poppyflower

Just curious, how do you

Just curious, how do you change the box colors? Completely forgot XD

—

~Poppy~
Profile picture by ahimsa ♥

Pixel Wis by squeegie~

December 31, 2012 - 10:27pm — dreambeast

throws a track in

*throws a track in*

—

My Website

December 31, 2012 - 10:33pm — Lung

Thank you so much.

January 1, 2013 - 5:44am — OrinocoFlow

I love you for this really

I love you for this

really do

—

You do not have a soul. You ARE a soul. You have a body.
~ C.S. Lewis

January 1, 2013 - 7:11pm — MB

Hahah, i'm gonna try this.

Hahah, i'm gonna try this. It's very helpful, thank you Ireth!

—

January 2, 2013 - 2:38am — lemon

TRACKING so I can love all

TRACKING so I can love all over this amazing newest layout. D8

—

_{Avatar by Kohva!}

January 2, 2013 - 2:39am — Seed

Tracking for future use.

—

Updates (important links)

January 2, 2013 - 4:38am — OrinocoFlow

OMG new layout I'm so using

OMG new layout

I'm so using this for uh..someone

—

You do not have a soul. You ARE a soul. You have a body.
~ C.S. Lewis

January 2, 2013 - 5:20am — OkamiLugia

this is good yes pls

January 2, 2013 - 3:16pm — eaff

Wow...

January 2, 2013 - 3:53pm — WolfSpirit42

MY SAVIOUR

—

MOVED TO TEF ACCOUNT "AMETAT"

January 5, 2013 - 9:19pm — vinttage

A track &hearts;

A track ♥

January 5, 2013 - 9:43pm — Lung

May I ask you a question

May I ask you a question regarding invisible scrolls?

January 9, 2013 - 8:30pm — Ireth

For sure, Lung! If you want

For sure, Lung! If you want just e-mail me and I'll shoot you a reply.

And thanks to everybody for the comments! If you have any 'editted' versions of my templates I'd love for you to show me what you guys have done! Thinking about maybe putting up a little showcase of what you can do with the bases. Loved the ones I saw for Walter and Kayenna so far!

—

January 22, 2013 - 5:31am — slinkycat

A question: the first

A question: the first 'overlapping boxes' when I pasted that in, there were two boxes labelled 'vital statistics'. Could you please explain why?

—

January 27, 2013 - 9:21pm — Tulloh

That swirly thing right above

That swirly thing right above templates... I've seen others use them, but I never found out what their name is, nor where to find them! :'(

January 27, 2013 - 9:24pm — CydaLuva83

That's a divider. :3 You can

That's a divider. :3 You can do a google image search or make one for yourself.

—

Signature By Aihnna, Avatar by YaraMyst

January 27, 2013 - 9:28pm — Tulloh

I see, I see! Thank you ^^

January 28, 2013 - 3:51am — Ireth

There are also a ton of

There are also a ton of "divider brushes" you can find on DA free to use that I just save as an image! Easy way to pretty up a layout!

—

January 28, 2013 - 4:53am — FeintHearted

So this is why everyone's

So this is why everyone's bios all look the same lately...

I'm teasing of course. This is great, now if it's okay I'm gonna track this.

February 3, 2013 - 6:02pm — misschevious

Tried changing the colors of

Tried changing the colors of the background and the boxes.. Can't. this thing, #FF465 <--(Random number) I tried deleting it and replacing it with something else such as #a367b<--(Again random number, not real code) And the results came back as nothing. Just tan and blue for the basic hover. O-O What's going on!?

February 3, 2013 - 6:05pm — Ireth

Eh? Which layout are you

Eh? Which layout are you talking about...? And there are a lot of hexcodes in the layouts that I make. If you want to change the background colour you have to search for and replace the background:#FFFFFF; bit.

But keep in mind if there's a url('blah.png'); after it, you either have to delete it or just delete the url so it's url(''); because background images will always show up on top of hexcode colours.

—

February 3, 2013 - 6:19pm — misschevious

Thanks loads ^-^ And I was

Thanks loads ^-^ And I was appointing to the other cool one you made, the basic hover one. when you click on # 2 ya know? There both pretty neat btw

E) Nope,.. ^^ I tried.. Gave up like a wimp. Them colors are pretty either way. I'll figure it out one way or another.

February 19, 2013 - 11:23pm — Xemi