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
Neon Glyphica; difficult to explain the colors, see preview
Topic Started: Mar 20 2010, 10:19 PM (1,246 Views)
Fluffeh Bunneh
Member
[ * ]
Alright. Let me introduce to everyone the first skin I've ever made... I'm sure their must be some faults in it somewhere, and I'm ready to fix them if need be. But otherwise, I hope you enjoy. Feedback much appreciated!

Name: Neon Glyphica
Author: Fluffeh Bunneh (I believe someone else had/has a very similar name to me, so don't get us confused, I guess.)
Creation Date: March 20th, 2010
Request From Me if used: Just keep my name and the name of this forums right where they are, thanks.
Notes: Has a graphics pack, as well. I tried to make it seem less "Square" than most invisionfree skins, and I'm wondering how I did at that. I'm not able to judge whether the style is aesthetically pleasing or not, so be my guest!

Preview: Clicky

Graphics Pack Download: Clicky (I have a limit on how many people can download in a 24-hour period, I think, but I wouldn't expect that to be exceeded.)

Header:
Code:
 

<center><body bgcolor="#00000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"7
<table cellspacing="0" bgcolor="#000000" valign="top" height="100%" width="750px"><tr><td valign="top" height="100%" background="http://i42.tinypic.com/11lonjn.png" style="padding:108px;border:0px;"></td><td height="100%" valign="top">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<CENTER>Skin created by <strong>"Fluffeh Bunneh"</strong>. Find more great designs at <strong><A HREF="http://s2.zetaboards.com/ifskinzone/" TARGET="_BLANK">Zathyus Networks Resources</A></strong>.</CENTER>


Footer:
Code:
 

</td><td align="left" valign="top" background="http://i44.tinypic.com/sg3m9k.png" style="padding:107px;border:0px;"></td></tr></table>


CSS Style Sheet:
Code:
 

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #81F0F0; margin:0px 0px 0px 0px;background-color:#000000; background-image
: url(); background-position: top }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #81F0F0; }
a:link, a:visited, a:active { text-decoration: underline; color: #81F0F0 }
a:hover { color: #465584; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7; padding:2px }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #81F0F0; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#81F0F0; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#81F0F0 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#81F0F0 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#81F0F0;background-color:#9E9E9E;padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#ucpmenu { line-height:150%;width:22%;border:1px solid #81F0F0;background-color: #171717 }
#ucpmenu p { padding:4px 5px 14px 9px;margin:0px; }
#ucpcontent { background-color: #292929; border:1px solid #81F0F0;line-height:150%; width:1000px }
#ucpcontent p { padding:14px;margin:0px; }

#logostrip { border:0px solid #81F0F0;padding:10px 0px 10px 0px;margin:0px;overflow:hidden}
#ipsbanner { position:absolute;top:1px;right:5%; }
#submenu { border:0px solid #81F0F0;background-image: url(http://i41.tinypic.com/6teb6o.png);font-size:14px;margin:3px 0px 3px 0px;color:#81F0F0;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #81F0F0; }
#userlinks { border:0px solid #81F0F0; background-image: url(http://i41.tinypic.com/6teb6o.png) }

#navstrip { font-weight:bold;padding:6px 0px 14px 0px; }

.activeuserstrip { background-image: url(http://i41.tinypic.com/6teb6o.png); padding:14px }

.pformstrip { background-image:url(http://i41.tinypic.com/6teb6o.png); color:#81F0F0;font-weight:bold;padding:14px;margin-top:1px }
.pformleft { background-color:#171717; padding:14px; margin-top:1px;width:25%; border-top:0px solid #81F0F0; border-right:1px solid #81F0F0; }
.pformleftw { background-color:#292929; padding:14px; margin-top:1px;width:40%; border-top:1px solid #81F0F0; border-right:1px solid #81F0F0; }
.pformright { background-color:#292929; padding:10px; margin-top:1px;border-top:1px solid #81F0F0; }

.post1 { background-color: #292929 }
.post2 { background-color: #292929 }
.postlinksbar { background-color:#171717;padding:14px;margin-top:1px;font-size:10px; background-image: url(http://i41.tinypic.com/6teb6o.png) }

.row1 { background-color: #292929 }
.row2 { background-color: #292929 }
.div.row2 {border: #474747 1px solid; border-bottom: #000000 0px solid}
.row3 { background-color: #292929 }
.row4 { background-color: #292929 }
.div.row4 {border: #474747 1px solid; border-bottom: #000000 0px solid}

.darkrow1 { background-color: #C2CFDF; color:#4C77B6;background-image: url(http://i43.tinypic.com/k3uk1t.png); }
.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; background-image: url(http://i43.tinypic.com/k3uk1t.png); padding:12px }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; background-image: url(http://i43.tinypic.com/k3uk1t.png); }

.hlight { background-color: #292929 }
.dlight { background-color: #292929}

.titlemedium {font-weight:bold; color: 81F0F0#; padding:15px; margin:0px; background-image: url(http://i41.tinypic.com/6teb6o.png) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }

.maintitle {text-align: center; vertical-align:middle;font-weight:bold; color: #81F0F0; letter-spacing:1px; padding:53px 0px 38px 0px; background-image: url(http://i39.tinypic.com/140dg0m.png) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #81F0F0;background-color:#000000 }
.tableborder { border:0px solid #; background-color: lol; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #F5F9FD;background-color:#292929;padding:18px; }
.tablepad { background-color:#292929;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#434951 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #171717 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #9E9E9E; border: 1px solid #81F0F0; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #9E9E9E; border: 1px solid #81F0F0; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }



Enjoy!
Edited by Fluffeh Bunneh, Mar 21 2010, 07:34 PM.
Offline Profile Quote Post Goto Top
 
JAR
Member Avatar
Fortnite Noob
[ *  *  *  * ]
Woah! Bright! Very nice!
Offline Profile Quote Post Goto Top
 
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
Definitely luminous. Very appealing. Even the text glows.

I enjoy it that you are not afraid of big buttons when they suit the design.
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
Interesting design you got there. Let me first say congratulations on your first skin! :D I think some of the elements you have throughout the skin aren't scaled correctly... they're a bit too large (such as the H2, borders, and buttons). If you scaled them down everything would work better. Good job though, and keep it up.
Offline Profile Quote Post Goto Top
 
silvershoes-ZNR
Member
[ *  * ]
Really well done - the skin has a unique and creative look. Congrats! :)
Offline Profile Quote Post Goto Top
 
Mr. Dog
Member Avatar
Member
[ *  * ]
I love the look of this skin, very well done. :)





D
Offline Profile Quote Post Goto Top
 
Fluffeh Bunneh
Member
[ * ]
Alright, thanks for the comments, everyone. I'm glad you guys like it! I'll start working on making some of the elements smaller; they do look a bit big.

EDIT: All fixed, does it look better nao? And should I make a "big button" version of the skin, as well, in case anyone wants to use it w/ the big buttons?
Edited by Fluffeh Bunneh, Mar 21 2010, 03:09 PM.
Offline Profile Quote Post Goto Top
 
Canimia
Member Avatar
Parachute? This is obviously a Hot Air Balloon!
[ *  *  * ]
I really, really like this! The only issue I have about it is the maintitle, it looks kinda funny to me... I don't know, but the left and right borders are cool, all the glowing effects are awesome, and I love the colors!
Offline Profile Quote Post Goto Top
 
Arkana
Member Avatar
Member
[ *  *  * ]
Looks very interesting. I say dial down the large markers and you have got yourself a decent skin there.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply