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
Circuitry
Topic Started: Oct 16 2004, 09:44 PM (736 Views)
JoeyG
Member
[ *  *  * ]
I made this skin for my board... you can see it here.

Name: Circuitry
Author: JoeyG
Skin Number: One (first finished)
Date Created: Oct 16, 2004
Side Notes: Is used in an actual forum.


Enter this in the CSS to use:

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: 10px; color: #335511;

margin:0px 10px 0px 10px;background-color:#487833; scrollbar-face-color: #CCEEAA;

scrollbar-shadow-color: #88AA66; scrollbar-highlight-color: #88AA66;

scrollbar-3dlight-color: #557733; scrollbar-darkshadow-color: #557733;

scrollbar-track-color: B0B0B1; scrollbar-arrow-color: 545455}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color:

#335511; }
a:link, a:visited, a:active { text-decoration: underline; color: #335511}
a:hover { color: #224400; text-decoration:none}

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

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

.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: #335511; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px;

font-weight:bold; color:#335511; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited {

font-size:10px; color:#335511}

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:#335511}
.caldate   {

text-align:right;font-weight:bold;font-size:11px;color:#335511;background-color:#99BB88;padd

ing:4px;margin:0px }

.warngood { color:#178742}
.warnbad  { color:#871717}

#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; }

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

#ucpmenu    { line-height:150%;width:22%; border:1px solid #335511;background-color: #88AA66}
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #88AA66; border:1px solid #010103;line-height:150%;

width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #557733;background-color: #77BB55;padding:0px;margin:0px; }
#submenu   { border:1px solid #335511;background-color: #668844; background-image:

url(http://i6.ifrm.com/1838/110/pip/grad2.PNG); font-size:10px;margin:3px 0px 3px

0px;color:#335511;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active {

font-weight:bold;font-size:10px;text-decoration: none; color: #335511; }
#submenu a:hover{ font-weight:bold;font-size:10px;text-decoration: underline; color:

#335511; }

#userlinks { border:1px solid #335511; background-color: #88AA66; background-image:

url(http://i6.ifrm.com/1838/110/pip/grad.PNG);}

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

.activeuserstrip { background-color:#77AA55; background-image:

url(http://img94.exs.cx/my.php?loc=img94â„‘=bottom.png); padding:6px }

.pformstrip { background-color: #77AA55; background-image:

url(http://i6.ifrm.com/1838/110/pip/grad.PNG);color:#88AA66;font-weight:bold;padding:6p

x;margin-top:1px }
.pformleft  { background-color: #BBDD88; padding:6px; margin-top:1px;width:25%;

border-top:1px solid #616163; border-right:1px solid #557733; }
.pformleftw { background-color: #BBDD88; padding:6px; margin-top:1px;width:40%;

border-top:1px solid #335511; border-right:1px solid #335511; }
.pformright { background-color: #BBDD88; padding:6px; margin-top:1px;border-top:1px solid

#335511; }

.post1 { background-color: #BBDD88}
.post2 { background-color: #BBDD88}
.postlinksbar { background-color:#88AA66;padding:6px;margin-top:1px;font-size:10px;

background-image: url(http://i6.ifrm.com/1838/110/pip/grad.PNG) }

.row1 { background-color: #88BB55}
.row2 { background-color: #88BB55}
.row3 { background-color: #88BB55}
.row4 { background-color: #88BB55}

.darkrow1 { background-color: #99CC77; color:#557733; }
.darkrow2 { background-color: #99CC77; background-image:

url(http://img94.exs.cx/my.php?loc=img94â„‘=bottom.png);color:#557733; }
.darkrow3 { background-color: #99CC77; color:#668855; }

.hlight { background-color: #BBDD88}
.dlight { background-color: #88BB66}

.titlemedium { font-weight:bold; color:#88BB66; padding:6px; margin:0px; background-color:

#88AA66;background-image: url(http://i6.ifrm.com/1838/110/pip/grad.PNG) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration:

underline; color: #88AA66}
.titlemedium  a:hover{ text-decoration: none; color: #88AA66}

.maintitle { vertical-align:middle;font-weight:bold; color:#335511; letter-spacing:0px;

padding:9px 0px 9px 5px; background-color: 557733;background-image:

url(http://i6.ifrm.com/1838/110/pip/untitled.GIF) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none;

color: #335511}
.maintitle a:hover { text-decoration: underline; color: #335511}

.plainborder { border:1px solid #335511;background-color:#99BB77}
.tableborder { border:1px solid #335511;background-color:#88AA66; padding:0px; margin:0px;

width:100%; }
.tablefill   { border:1px solid #83A561;background-color:#88AA66;padding:6px;  }
.tablepad    { background-color:#88AA66;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:#335511}
.edit { font-size: 9px }

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

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

.searchlite { font-weight:bold; color:#335511; background-color:#779955; }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #335511; background-color:

#88AA66; border: 1px solid #335511; padding-top: 2px; padding-right: 2px; padding-bottom:

2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color:

#335511; background-color: #88AA66; border: 1px solid #335511; 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; color: #335511; background-color: #AACC88; border: 1px solid

#88AA55}
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana,

helvetica, sans-serif; vertical-align: middle; color: #335511; background-color: #AACC88;


border: 1px solid #88AA55 }


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

%0
</STYLE><CENTER><font color=88AA66>Skin created by <B>JoeyG</B> of <a

href=http://s6.invisionfree.com/Ciruit_Design/index.php?>Circuit Design</a>. Find more great

skins at the <B><A HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin

Zone</A></B>.</font></CENTER><STYLE TYPE="text/css">


Also add this in the Header and Body:
Code:
 
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="810" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#000000" height="377" bordercolor="#77AA11">
<tr>
<td width="90%" height="100%" bgcolor="#669900">

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
Offline Profile Quote Post Goto Top
 
Scott
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Very nice skin. Only things I don't like are the submenu and the maintitle. The maintitle could use a bigger thing in the middle, and to have the text centered.
Offline Profile Quote Post Goto Top
 
Maru
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Ninja Slayer
Oct 17 2004, 01:48 AM
Very nice skin. Only things I don't like are the submenu and the maintitle. The maintitle could use a bigger thing in the middle, and to have the text centered.

Agreed. Awesome skin. IMO the maintitle doesn't really like flow with the rest of the skin.
Offline Profile Quote Post Goto Top
 
JoeyG
Member
[ *  *  * ]
I could put the text centered on the black thing (integrated circuit), but then I'd have to brighten the text, which would make the Members, Search, etc invisible on their bar. I've tried.

Also, I didn't make the title, and I know it doesn't fit perfectly. It's a lot better than the one that I had at first, though.
Offline Profile Quote Post Goto Top
 
Maru
Member Avatar
Member
[ *  *  *  *  *  *  * ]
You can change the maintitle text be changing a part of the maintitle CSS. You might wanna check out Ryan's awesome CSS Breakdown Guide. That's how I got skinning.
Offline Profile Quote Post Goto Top
 
Hayley
Member Avatar
Member
[ *  *  *  *  *  * ]
You're supposed to create a test board when submitting a skin. As for the skin itself, its not bad, but i'm not overkeen on the colors.
Offline Profile Quote Post Goto Top
 
JoeyG
Member
[ *  *  * ]
Okay, I created a test board. The colored were selected based on their resemblance to a computer chip.

At least they don't clash. :lol:
Offline Profile Quote Post Goto Top
 
Dmitiri
Member
[ *  * ]
well, it doesnt suck.

but i think its pretty cool, i do like green

8/10
Offline Profile Quote Post Goto Top
 
gunboo8
Member
[ *  *  * ]
Its mostly that main title, take away the black thing in the middle. Otherwise, nice skin.
Colors:

  • 7.5/10
Grads:

  • 5.5/10
Portal+Calender:

  • 6.5/10
Overall:

  • 7.5/10
Offline Profile Quote Post Goto Top
 
-=|Kouga|=-
Member
[ *  * ]
9/10, because of thath black computer chip... looks like a paint draw... u.u
Offline Profile Quote Post Goto Top
 
Dunko
Member
[ * ]
Colors:
25/25
Grads:
25/25
Portal:
25/25
Calender:
25/25
Overall:
100/100

My Rating:

Very good! Its better than I can do!
Offline Profile Quote Post Goto Top
 
lewiskahn8
Member Avatar
da skinner muuh wahh oh yeah
[ *  *  *  *  *  * ]
I don't like the maintitile the black in it is horrible. The rest is nice but add a gard to the darkrow. 7/10.
Offline Profile Quote Post Goto Top
 
Sacrifice.
Sooper Dooper Member!
[ *  *  *  *  * ]
Cool skin.
Offline Profile Quote Post Goto Top
 
Trevor.
Wasteland
[ *  *  *  *  *  * ]
wow what a bump ..October..
Offline Profile Quote Post Goto Top
 
xpress_0
Member
[ *  *  * ]
Not bad, I don't like the shade of green though.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Mixed · Next Topic »
Add Reply