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
Metal, Kinda
Topic Started: Apr 27 2007, 02:43 AM (608 Views)
starzeyez
Member
[ * ]
Name:Metal, kinda
Author:starzeyez:
First Skin
Date Created:April 27, 2007
Side Notes:very first time ever looking at the css of the forums...


Preview...weeee


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

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:#ffffff;background-color:#424242;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;color:#ffffff }
#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: #3F3F3F }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #2B2B2B; 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: #3860BB;background-image:url(http://i5.photobucket.com/albums/y159/heartknot/css/logostrip.jpg);padding:0px;margin:0px; }
#submenu  { border:1px solid #BCD0ED;background-color: #494949;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #ffffff; }
#userlinks { border:1px solid #C2CFDF; background-color: #494949 }

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

.activeuserstrip { background-color:#7A7A7A; padding:6px }

.pformstrip { background-color: #383838; color:#ffffff;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #1E1E1E; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #1E1E1E; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #606060; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #383838 }
.post2 { background-color: #1E1E1E }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i5.photobucket.com/albums/y159/heartknot/css/postlinksbar.jpg) }

.row1 { background-color: #1E1E1E }
.row2 { background-color: #2B2B2B }
.row3 { background-color: #232323 }
.row4 { background-color: #3F3F3F }

.darkrow1 { background-color: #666666; color:#ffffff; }
.darkrow2 { background-color: #666666; color:#ffffff; }
.darkrow3 { background-color: #666666; color:#ffffff; }

.hlight { background-color: #232323 }
.dlight { background-color: #606060 }

.titlemedium { font-weight:bold; color:#000000; padding:7px; margin:0px; background-image: url(http://i5.photobucket.com/albums/y159/heartknot/css/titlemedium.jpg)  }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #ffffff }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i5.photobucket.com/albums/y159/heartknot/css/categorytop.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 #345487;background-color:#424242 }
.tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #345487;background-color:#1E1E1E;padding:6px;  }
.tablepad    { background-color:#000000;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px; color:#424242 }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#F4F4F4 }
.edit { font-size: 9px; color:#f4f4f4 }

.signature  { font-size: 10px; color: #F9F9F9 }
.postdetails { font-size: 10px; color:#DDDDDD }
.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: #ffffff; background-color: #3D3D3D; 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: #ffffff; background-color: #3D3D3D; 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 }
</STYLE><CENTER>Skin created by <B>starzeyez</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">


also put this in the header/body section....dont think it matters where

Quote:
 
<body bgcolor="#FFFFFF" 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="800" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" height="377" bordercolor="#000000">
<tr>
  <td width="90%" height="100%" bgcolor="#303030">


hopefully its decent...if its good enough i might end up making some more...we'll see....any suggestions would be nice....remember....very first time looking at the css of IF
Offline Profile Quote Post Goto Top
 
.Person
Member Avatar
iPBFS Public Relations
[ *  *  *  * ]
I like it all. But the MT stands out to much.
Offline Profile Quote Post Goto Top
 
starzeyez
Member
[ * ]
sorry to sound stupid...but...whats MT?...sorry...
Offline Profile Quote Post Goto Top
 
Beaumont
Member Avatar
Member
[ *  *  *  *  * ]
MT is the maintitle of your board. (Not the logo).
Posted Image
^That part of the skin.

And.. It's great... the colors are good, but the maintitle does stand out a bit. Great for a first.
Offline Profile Quote Post Goto Top
 
starzeyez
Member
[ * ]
thanks...i might edit around with it tonight when i get home from work to play around with the MT...hopefully i can get into skinning and might even try to get a WOW eventually....probably not...but oh well...thanks again
Offline Profile Quote Post Goto Top
 
Beaumont
Member Avatar
Member
[ *  *  *  *  * ]
It takes a while to become a good skinner... I'm still new at it myself. It takes time, patience, and pratice. And one day... you will get that WOW.
Offline Profile Quote Post Goto Top
 
charlie_crabb
Member
[ * ]
Coulours don't flow, either make your maintitles darker or backround lighter
Offline Profile Quote Post Goto Top
 
MafiaGuy7
Member Avatar
Member
[ * ]
Cool, but a tad dull, no?
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply