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
  • Pages:
  • 1
Circuitry V2; learned CSS!
Topic Started: Mar 6 2005, 10:36 PM (1,469 Views)
JoeyG
Member
[ *  *  * ]
Name: Circuitry
Author: JoeyG
Skin Number: 2
Date Created: March 5th, 2005
Side Notes: Second version fo my original skin, I fixed it up a lot


Preview of the skin


Board Header/Wrapper:
Quote:
 
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000" text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="810" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor="#000000" height="377">
<tr>
<td width="750" height="100%" bgcolor="#669900">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


CSS of skin:
Quote:
 
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:#446622; }

#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://i6.ifrm.com/1838/110/pip/grad3.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: #C0E090}
.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: #558833; color:#88AA66; background-image: url(http://i6.ifrm.com/1838/110/pip/grad3.PNG);}
.darkrow3 { background-color: #99CC77; color:#668855; }

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

.titlemedium { font-weight:bold; color:#446622; padding:6px; margin:0px; border: 0px solid; 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: #446622}
.titlemedium  a:hover{ text-decoration: none; color: #446622}

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

padding:9px 0px 9px 5px; background-color: 668844;background-image:
url(http://img238.exs.cx/img238/8431/cdmaintitle4nf.png); background-position: center; background-repeat: no-repeat; text-align:center}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none;

color: #BBCC99}
.maintitle a:hover { text-decoration: none; color: #AABB88}

.plainborder { border:1px solid #335511;background-color:#99BB77}
.tableborder { border:0px solid #335511;background-color:#6F944A; 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://circuitry.gepforum.com">Circuit Design</a> and <A href = "http://www.gepforum.com">GEP</A>. Find more great skins and modifications at the <B><A HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin

Zone</A></B>.</font></CENTER>
<STYLE TYPE="text/css">
Offline Profile Quote Post Goto Top
 
taste
Member
[ *  *  * ]
preview doesnt work
Offline Profile Quote Post Goto Top
 
Spence
Member
[ *  *  *  * ]
*cough* check preview link *cough*
Offline Profile Quote Post Goto Top
 
JoeyG
Member
[ *  *  * ]
Sorry... I fixed it.
Offline Profile Quote Post Goto Top
 
Ghostclown
Member Avatar
Member
[ *  *  * ]
An interesting design, but I think the main grads are a little too flat and could use color work. 4/10.
Offline Profile Quote Post Goto Top
 
Sublime88
Member Avatar
OH SNAP!
[ *  *  *  *  * ]
Wow, thats funky, but cool though. Nice job, grads need alittle work though, 6/10

Keep it up! Youll get there!
Offline Profile Quote Post Goto Top
 
Tyrving
Member Avatar
07.01.06 - 01.12.08
[ *  *  *  *  *  * ]
A very nice second skin! Very unique design, but the maintitle could use a bit of work (even though it's super cool).
Offline Profile Quote Post Goto Top
 
dew1911©
Member Avatar
Member
[ *  *  * ]
I like that, smooth, efficant. 7.4/10
Offline Profile Quote Post Goto Top
 
JoeyG
Member
[ *  *  * ]
Should I add a fairly-transparent gradient to the maintitle? Or should I buttonize it?
Offline Profile Quote Post Goto Top
 
Nein
Member
[ *  * ]
Not bad, 7.5/10
Offline Profile Quote Post Goto Top
 
Cadence
Member Avatar
I love God more than anything. :)
[ *  *  *  *  *  *  * ]
Not too bad of a skin. I like how you tried somthing different for the MainTitle, I'm just not sure how much I like it. The overall flow of the skin could be improved. There are also some errors, such as the calendar text not fitting and the copyright border being default. Keep trying! 5/10.
Offline Profile Quote Post Goto Top
 
twisted_insane_
Member
[ * ]
lol.... i liked it pretty good....7/10
Offline Profile Quote Post Goto Top
 
JoeyG
Member
[ *  *  * ]
Is there any way I could fix the calendar errors? I don't want to make that chip too wide.
Offline Profile Quote Post Goto Top
 
taste
Member
[ *  *  * ]
nice use of graphics it looks good
Offline Profile Quote Post Goto Top
 
Sacrifice.
Sooper Dooper Member!
[ *  *  *  *  * ]
:ermm: Interesting design. I did something like this a while back.

Reminds me of how much I hate [REMOVED BECAUSE HOST SPAMMED IFSZ] <_<
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
  • Pages:
  • 1