Welcome Guest [Log In] [Register]
Support Staff Recommendation
All communities remaining on zIFBoards/InvisionFree should check their conversion opt-in selection in their Admin CP (menu item Tapatalk Conversion)
(Read More)
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:
Multiquote (on) Multiquote (off)
Add Reply
Dashing; An imageless theme!
Topic Started: Jun 4 2012, 10:34 PM (6,314 Views)
Canimia
Member Avatar
Parachute? This is obviously a Hot Air Balloon!
[ *  *  * ]
Dashing
An imageless theme!

Author: Canimia
Date Created: May-June 2012
Theme Preview: Posted Image
Side Notes: This is a completely imageless theme. Complete with imageless images! ;)
Edits Allowed? Yes! In fact, I think it would be neat to see some alternative color schemes for this one. I would suggest leaving the white alone, and picking a nice tri-color scheme, then using notepad's "find" and "replace" features to change the colors evenly. Example: replace all #488ac7 with #color1, and #c74889 with #color2, and #89c748 with #color3. When you do this, everything will change to match, even the images! The only thing you'd have to change would be your logo. So, in short, this one is ultra-easy to customize - go for it! (Just leave the copyright, please)

Theme Layout

Theme Appearance

Images


Okay, so basically I've been wanting to do an imageless theme for a while now. ZNR has some great imageless themes, including Reid's Imageless Custom Color Generator, so I wanted to come up with something completely new. Not sure if I succeeded, but I am really pleased with the way this one turned out. It basically emphasizes borders, outlines, and color. I think there are some neat border/outline effects going on. Hope you guys like it!

EDIT: I almost forgot, this is how I did my imageless logo:
Theme Settings


Recolors:
http://s11.zetaboards.com/CanimiaThemes/index/?setskin=1240507
http://w11.zetaboards.com/Dashing_Recolors/index/
http://s11.zetaboards.com/CanimiaThemes/index/?setskin=1240522
http://s11.zetaboards.com/CanimiaThemes/index/?setskin=1247053
Edited by Canimia, Jul 16 2012, 12:46 PM.
Offline Profile Quote Post Goto Top
 
Sjaeles
Member Avatar
Member
[ *  * ]
Just for reference in regards to people using different color schemes, this might help you guys out some:
http://colorschemedesigner.com/

Choose triad and play around, find one you like!

Theme itself is great, good job!
Offline Profile Quote Post Goto Top
 
Canimia
Member Avatar
Parachute? This is obviously a Hot Air Balloon!
[ *  *  * ]
Cool link, Sjaelen. And thanks! :D

If anyone does make any re-colors, it would be cool if you could post a pic here. ;)
Here's a recolor: http://s11.zetaboards.com/CanimiaThemes/index/?setskin=1240507
Edited by Canimia, Jun 5 2012, 03:07 PM.
Offline Profile Quote Post Goto Top
 
HawkBlade124
Member Avatar
This is one happy hawk. I love it!
[ *  *  * ]
Or you could do go here: http://www.colorcombos.com/

Great theme by the way!
Offline Profile Quote Post Goto Top
 
silvershoes-ZNR
Member
[ *  * ]
Clever and well-done.

Depending on the colors chosen it could be anything.
Offline Profile Quote Post Goto Top
 
Canimia
Member Avatar
Parachute? This is obviously a Hot Air Balloon!
[ *  *  * ]
Thank you! And wow - the dashes are spaced MUCH farther apart in firefox. O_o
Offline Profile Quote Post Goto Top
 
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
Canimia
Jun 6 2012, 03:29 PM
Thank you! And wow - the dashes are spaced MUCH farther apart in firefox. O_o
that is true ... and the same thing in Chrome

much closer together in IE...

I wonder if that could be remedied, because the IE dash-spacing is better, I think.

(but in IE8 the green wrap border is missing)

Offline Profile Quote Post Goto Top
 
Steve
Member Avatar
patriot
[ *  *  *  *  *  *  *  *  *  * ]
I really like the fact your allowing others to change the color-scheme, This really is a theme that could fit any board and any mood. :)
The only thing I'm not certain about is the dashed border around the quote boxes on the topic view page - I feel these could potentially get a bit full-on depending on the colours chosen.

Really solid theme though, good job. :D
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
The amount of color combinations that this theme could have is endless! Nice work completing it. :D
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

Helena
Jun 6 2012, 03:36 PM
but in IE8 the green wrap border is missing.
The outline property Canimia uses to accomplish the solid and dashed border effect (the solid border being the outline property) is not supported in IE8.
Edited by DaPizzaMan, Jun 6 2012, 05:23 PM.
Offline Profile Quote Post Goto Top
 
Canimia
Member Avatar
Parachute? This is obviously a Hot Air Balloon!
[ *  *  * ]
Darn, I didn't realize IE8 didn't support it. And I do like the dash spacing in IE a lot better.

Thank you all for your comments!
Edited by Canimia, Jun 6 2012, 06:07 PM.
Offline Profile Quote Post Goto Top
 
Geoffrey
Member Avatar
Devilishly Handsome
[ *  *  *  *  * ]
The dashes can get to be a bit headache inducing if you look at it for too long, but for an imageless theme, it's great. I'm going to play around with some color schemes, and I'll be sure to post screenies here. :)
Ta da! http://w11.zetaboards.com/Dashing_Recolors/index/
Edited by Geoffrey, Jun 6 2012, 06:44 PM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I don't think there's much that can be done about the border rendering, I found this answer on Stack Overflow:
Quote:
 
The w3c doesn't define how to draw the border, so each browser writes their own independent implementation.
Offline Profile Quote Post Goto Top
 
Canimia
Member Avatar
Parachute? This is obviously a Hot Air Balloon!
[ *  *  * ]
That's awesome GAK. And darn, too bad there's nothing you can do about those borders. Oh well, at least it's fun to play with. 'Nother recolor, with primary colors: http://s11.zetaboards.com/CanimiaThemes/index/?setskin=1240522
Offline Profile Quote Post Goto Top
 
Epsilekt
Member Avatar
Member
[ *  *  *  *  *  * ]
That's a really nice theme! It's better than most of the themes here that do have images.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Mixed · Next Topic »
Add Reply