We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Tidy Blue (imageless); for InvisionFree
Topic Started: Mar 15 2011, 03:10 PM (4,705 Views)
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
Posted Image

Author: Helena and Cory
Date Created: 03/11
Skin Preview: Posted Image

[ZB version: http://resources.zetaboards.com/topic/5114206/ ]

Markers Download: Posted Image
Zip file contains forum markers only. The remaining "images" are specified in the image macros section below.)

Side Notes: Tidy Blue is an imageless theme made for a battle. In this theme we explored the use of CSS3 effects such as gradients, box shadows and text shadows. There was a small amount of javascript used to create layered category borders and also to render the poll bars as a hex color rather than an image. It was a fun project, and we hope you enjoy what we were able to accomplish without using any image files. If you are wondering about the name, it was inspired by the name of the color palette we began with: "bathroom blues". You can take it from there.

Browser caveat: Tidy Blue has been tested in the latest FireFox and Chrome. IE8 and earlier versions do not support all CSS3 properties, so although we have made the skin usable in IE, it will look quite a bit different.

Edits Allowed? Yes, as long as you add "edited by..." in the copyright for any major edits beyond normal personalizations.

Admin CP Posted Image Skinning & Styles Posted Image Manage Style Sheets
Style Sheets


Admin CP Posted Image Skinning & Styles Posted Image Images
Spoiler: click to toggle


Admin CP Posted Image Skinning & Styles Posted Image Board Wrappers
Spoiler: click to toggle


Admin CP Posted Image System Settings Posted Image IPDynamic Lite Set-up Posted Image Show Affiliates box?: Yes
Spoiler: click to toggle
Offline Profile Quote Post Goto Top
 
Nivexonix
Member Avatar
Love
[ *  *  *  *  *  *  * ]
Whoa, CSS3 has gradients? It looks cool, that's really neat stuff. Almost makes me want to learn CSS again haha
Offline Profile Quote Post Goto Top
 
Pando
Member Avatar
Member
[ *  *  *  *  *  * ]
That's an awesome imageless skin you two! (even though you had to cheat a little with JS)

Also, IE 7 and 8 supports gradients.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Thanks for sharing Panda. I've seen that before but didn't think to use it. I have updated the CSS so that gradients will now show in IE7 and 8.

Here's the CSS with the IE gradients. We didn't update the post above because the text aliases when the IE gradients are added. The version below will have aliased text issues in IE, while the version above has no gradients with no text issues.

Spoiler: click to toggle
Offline Profile Quote Post Goto Top
 
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
Apparently this is a known bug associated with IE gradients. With RedBld's help, some fixes were tried with some success but not enough improvement to call it solved.
Offline Profile Quote Post Goto Top
 
Floppy_Fennel
Member Avatar
Member
[ *  *  *  *  *  * ]
Aw. I wanted to use this on ZB. :(
Offline Profile Quote Post Goto Top
 
Swim-ZNR
Member Avatar
Gaga for Gaga
[ *  *  * ]
I wanna ZB... :puppyeyes:
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I bet me and Helena will eventually convert it. :)


Note: [March 21] The CSS and footer codes have been updated to take care of a few small bug fixes, including a border issue on the profile page. If you installed the skin before then, please copy those sections and repaste to your ACP.




Edit: April 2, 2011:
The skin has been converted to ZB and can be found here.



UPDATE: 6/7/11
Opera gradients are now supported.
Offline Profile Quote Post Goto Top
 
Zethus
Member Avatar
Member
[ *  *  *  * ]
Good work I like it. Simple but slick. :P
Offline Profile Quote Post Goto Top
 
JadedOne
Member Avatar
Member
[ *  *  * ]
Markers download goes to a dead page.

The skin is great though.
Offline Profile Quote Post Goto Top
 
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
Markers download fixed. :)

Thanks for reporting it.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply