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
Electric
Topic Started: Apr 23 2007, 05:07 PM (559 Views)
cameron513
Member
[ *  * ]
Name:Electric
Author:Me
Skin Number:3
Date Created:16 August,04(My friend helped)
Side Notes:none


Preview


CSS of skin:
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: #000; margin:0px 10px 0px 10px;background-color:#000 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #B0C4DE; }
a:link, a:visited, a:active { text-decoration: underline; color: #B0C4DE }
a:hover { color: #B0C4DE; text-decoration:underline }

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

img.attach { border:2px outset #EEF2F7;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: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

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:#555 }
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;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; }

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

#ucpmenu    { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;background-color: #000;padding:0px;margin:0px; }
#submenu  { border:1px solid #000;background-color: #000;font-size:10px;margin:3px 0px 3px 0px;color:#FFF;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #FFF; }
#userlinks { border:1px solid #C2CFDF; background-color: #000 }

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

.activeuserstrip { background-image: url(http://i4.ifrm.com/1559/121/pip/elecmediump.jpg); padding:6px }

.pformstrip { background-image: url(http://i4.ifrm.com/1559/121/pip/elecmediump.jpg); color:#FFFFFF;font-weight:bold;text-align: center;padding:7px;margin-top:1px }
.pformleft  { background-color: #000; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #000; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000; border-right:1px solid #000; }
.pformright { background-color: #000; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #000 }
.post2 { background-color: #000 }
.postlinksbar { background-color:#000;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i4.ifrm.com/1559/121/pip/electricdark.jpg) }

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

.darkrow1 { background-color: #000; color:#F5F5F5; }
.darkrow2 { background-image: url(http://i4.ifrm.com/1559/121/pip/electricdark.jpg); color:#FFF; }
.darkrow3 { background-image: url(http://i4.ifrm.com/1559/121/pip/electricdark.jpg); color:#FFF; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#FFF; padding:7px; margin:0px; background-image: url(http://i4.ifrm.com/1559/121/pip/elecmediump.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #FFF }

.maintitle { vertical-align:middle;text-align: center;font-weight:bold; color:#FFF; letter-spacing:1px; padding:11px 0px 9px 5px; background-image: url(http://i4.ifrm.com/1559/121/pip/elecmain.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #000;background-color:#000 }
.tableborder { border:1px solid #000;background-color:#708090; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #345487;background-color:#000;padding:6px;  }
.tablepad    { background-color:#000;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: #339 }
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160% }

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

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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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: #FAFCFE; border: 1px solid #000; 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
[QUOTE]Header & Body:[/QUOTE]
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table width="790" border="1" align="center" cellpadding="3" cellspacing="0" bgcolor="#FF7979"  height="377" bordercolor="#000000"  bordercolordark="#00BFFF" bordercolorlight="#00BFFF">
<tr>


Header & Body:
Code:
 
<td width="96%" height="100%" bgcolor="#000000" </script>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


Footer:
Code:
 

</STYLE><CENTER>Skin created by <B>cameron513</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
Offline Profile Quote Post Goto Top
 
.Person
Member Avatar
iPBFS Public Relations
[ *  *  *  * ]
Very shocking! (pun)

Tips:
1.I'd make some of the text more blue than a wight blue.
2.Very good proformstrip!
3.Your MT looks funny where you lifted the brush up at the vary right side.
4.You should use forminput. Change the color of the boxes where you post and check off stuff.

Quote:
 
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
Changes the font size of the buttons, text input box, radio buttons and check boxes
Changes the font type of the buttons, text input box, radio buttons and check boxes
Can add "; color: COLOR CODE" to the end of this code to change the text color of the buttons, text input box, radio buttons and check boxes
Can add "; background-color: COLOR CODE" to the end of this code to change the text color of the buttons, text input box, radio buttons and check boxes


That is from my personal css guide. (credits to EP)
Offline Profile Quote Post Goto Top
 
Beaumont
Member Avatar
Member
[ *  *  *  *  * ]
That test board is quite old. XD

But nice skin... and the quote and code boxes could be something other than white. And you may want to skin the search page.
Offline Profile Quote Post Goto Top
 
.Twisted
Member Avatar
Member
[ *  *  * ]
Looks pretty cool actually but needs alot of work
Offline Profile Quote Post Goto Top
 
Silver Buizel
Member Avatar
Member
[ *  * ]
Reminds me of the template offered on Freewebs sites.
Offline Profile Quote Post Goto Top
 
cameron513
Member
[ *  * ]
Does anyone care i'm a beginner?
Offline Profile Quote Post Goto Top
 
DarthRane
Member
[ *  * ]
Wow this is one of my more pleasant ones to see its very good however, i don't think itd be very versatile when i look at it i think the best it could go with is like radio forums maby im just narrow minded
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply