|
Circuitry
|
|
Topic Started: Oct 16 2004, 09:44 PM (736 Views)
|
|
JoeyG
|
Oct 16 2004, 09:44 PM
Post #1
|
- Posts:
- 289
- Group:
- Members
- Member
- #31,451
- Joined:
- October 11, 2004
|
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 %>
|
|
|
| |
|
Scott
|
Oct 16 2004, 09:48 PM
Post #2
|
- Posts:
- 5,107
- Group:
- Members
- Member
- #10,156
- Joined:
- March 29, 2004
|
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.
|
|
|
| |
|
Maru
|
Oct 16 2004, 09:56 PM
Post #3
|
- Posts:
- 7,339
- Group:
- Members
- Member
- #14,322
- Joined:
- May 25, 2004
|
- 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.
|
|
|
| |
|
JoeyG
|
Oct 16 2004, 10:00 PM
Post #4
|
- Posts:
- 289
- Group:
- Members
- Member
- #31,451
- Joined:
- October 11, 2004
|
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.
|
|
|
| |
|
Maru
|
Oct 16 2004, 10:03 PM
Post #5
|
- Posts:
- 7,339
- Group:
- Members
- Member
- #14,322
- Joined:
- May 25, 2004
|
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.
|
|
|
| |
|
Hayley
|
Oct 17 2004, 07:40 AM
Post #6
|
- Posts:
- 2,443
- Group:
- Members
- Member
- #14,361
- Joined:
- May 26, 2004
|
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.
|
|
|
| |
|
JoeyG
|
Oct 17 2004, 01:34 PM
Post #7
|
- Posts:
- 289
- Group:
- Members
- Member
- #31,451
- Joined:
- October 11, 2004
|
Okay, I created a test board. The colored were selected based on their resemblance to a computer chip.
At least they don't clash.
|
|
|
| |
|
Dmitiri
|
Oct 17 2004, 06:22 PM
Post #8
|
- Posts:
- 177
- Group:
- Members
- Member
- #26,930
- Joined:
- September 8, 2004
|
well, it doesnt suck.
but i think its pretty cool, i do like green
8/10
|
|
|
| |
|
gunboo8
|
Oct 17 2004, 08:51 PM
Post #9
|
- Posts:
- 230
- Group:
- Members
- Member
- #13,135
- Joined:
- May 11, 2004
|
Its mostly that main title, take away the black thing in the middle. Otherwise, nice skin. Colors:Grads:Portal+Calender:Overall:
|
|
|
| |
|
-=|Kouga|=-
|
Oct 17 2004, 09:00 PM
Post #10
|
- Posts:
- 125
- Group:
- Members
- Member
- #31,466
- Joined:
- October 12, 2004
|
9/10, because of thath black computer chip... looks like a paint draw... u.u
|
|
|
| |
|
Dunko
|
Feb 27 2005, 02:30 PM
Post #11
|
- Posts:
- 16
- Group:
- Members
- Member
- #53,603
- Joined:
- February 13, 2005
|
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!
|
|
|
| |
|
lewiskahn8
|
Feb 27 2005, 02:34 PM
Post #12
|
da skinner muuh wahh oh yeah
- Posts:
- 2,960
- Group:
- Banned
- Member
- #16,940
- Joined:
- June 23, 2004
|
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.
|
|
|
| |
|
Sacrifice.
|
Feb 27 2005, 03:08 PM
Post #13
|
- Posts:
- 1,315
- Group:
- Members
- Member
- #55,470
- Joined:
- February 21, 2005
|
Cool skin.
|
|
|
| |
|
Trevor.
|
Feb 27 2005, 03:25 PM
Post #14
|
- Posts:
- 2,061
- Group:
- Members
- Member
- #17,366
- Joined:
- June 27, 2004
|
wow what a bump ..October..
|
|
|
| |
|
xpress_0
|
Feb 27 2005, 03:29 PM
Post #15
|
- Posts:
- 437
- Group:
- Members
- Member
- #54,700
- Joined:
- February 18, 2005
|
Not bad, I don't like the shade of green though.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|