|
Neon Glyphica; difficult to explain the colors, see preview
|
|
Topic Started: Mar 20 2010, 10:19 PM (1,246 Views)
|
|
Fluffeh Bunneh
|
Mar 20 2010, 10:19 PM
Post #1
|
- Posts:
- 2
- Group:
- Members
- Member
- #383,897
- Joined:
- March 18, 2010
|
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!
|
|
|
| |
|
JAR
|
Mar 20 2010, 11:16 PM
Post #2
|
- Posts:
- 776
- Group:
- Members
- Member
- #382,745
- Joined:
- November 18, 2009
- I'm Browsing With
- Chrome
- Latest Design
- http://outlineforum.com/topic/5075848/1/#new
- Latest Blog Entry
- http://outlineforum.com/topic/5075848/1/#new
- My Board URL
- http://w11.zetaboards.com/GhostPost
|
Woah! Bright! Very nice!
|
|
|
| |
|
Helena-ZNR
|
Mar 20 2010, 11:46 PM
Post #3
|
No PMs on this account please
- Posts:
- 5,374
- Group:
- Extra Staffers
- Member
- #160,490
- Joined:
- March 29, 2006
- Latest Design
- Ledger
- Latest Blog Entry
- http://tinyurl.com/26px98w
|
Definitely luminous. Very appealing. Even the text glows.
I enjoy it that you are not afraid of big buttons when they suit the design.
|
|
|
| |
|
Eccentric Feline
|
Mar 21 2010, 07:53 AM
Post #4
|
- Posts:
- 8,342
- Group:
- Members
- Member
- #100,036
- Joined:
- August 20, 2005
|
Interesting design you got there. Let me first say congratulations on your first skin! 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.
|
|
|
| |
|
silvershoes-ZNR
|
Mar 21 2010, 08:39 AM
Post #5
|
- Posts:
- 72
- Group:
- Members
- Member
- #354,644
- Joined:
- September 29, 2008
|
Really well done - the skin has a unique and creative look. Congrats!
|
|
|
| |
|
Mr. Dog
|
Mar 21 2010, 10:17 AM
Post #6
|
- Posts:
- 152
- Group:
- Members
- Member
- #382,138
- Joined:
- September 6, 2009
|
I love the look of this skin, very well done. 
D
|
|
|
| |
|
Fluffeh Bunneh
|
Mar 21 2010, 01:59 PM
Post #7
|
- Posts:
- 2
- Group:
- Members
- Member
- #383,897
- Joined:
- March 18, 2010
|
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?
|
|
|
| |
|
Canimia
|
Mar 22 2010, 11:56 PM
Post #8
|
Parachute? This is obviously a Hot Air Balloon!
- Posts:
- 293
- Group:
- Members
- Member
- #344,543
- Joined:
- May 21, 2008
- I'm Browsing With
- Other
- Latest Design
- http://resources.zetaboards.com/topic/5150472/1
- My Board URL
- http://www.thegeekzone.org
|
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!
|
|
|
| |
|
Arkana
|
Apr 20 2010, 02:43 PM
Post #9
|
- Posts:
- 323
- Group:
- Members
- Member
- #182,487
- Joined:
- June 11, 2006
|
Looks very interesting. I say dial down the large markers and you have got yourself a decent skin there.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|