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
Metallic Gem; [ Blue | Dark Blue | Gray | Slate ]
Topic Started: Apr 20 2007, 11:26 PM (1,008 Views)
Crossfire.
Member Avatar
Member
[ *  *  *  *  *  * ]
Name: Metallic Gem
Author: Crossfire
Skin Number: 8
Date Created: 12·19·06
Side Notes:
- This skin was created for my one of my site's forums, but I decided against it after seeing the result. :D
- This skin started out quite well, but ended up quite a catastrophe, as the colors do not exactly match too well, the gradients are too extreme, and many things stick out. Ah, well, it was quite a while ago...

Preview of the skin

Header & Body:
Quote:
 
<body bgcolor='#1E3445' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'>
<table width="860px" align="center" cellspacing="0px" cellpadding="0px" bgcolor="#486174">
<tr>
<td width="30px" background="http://i1.ifrm.com/9946/188/upload/p618291.gif">
</td>
<td width="800px">
<table width="800px" cellspacing="0px" cellpadding="0px">
<tr>
<td width="800px" height="100px" background="http://i1.ifrm.com/9946/188/upload/p617772.ibf">
</td>
</tr>
<tr>
<td width="800px" height="30px" background="http://i1.ifrm.com/9946/188/upload/p618519.gif">
<center><img src="http://i1.ifrm.com/9946/188/upload/p619143.gif"><a href="http://z8.invisionfree.com/CrossfireStudio8/index.php?act=idx"><img src="http://i1.ifrm.com/9946/188/upload/p619156.gif"></a><a href="http://z8.invisionfree.com/CrossfireStudio8/index.php?act=boardrules"><img src="http://i1.ifrm.com/9946/188/upload/p619208.gif"></a><a href="http://z8.invisionfree.com/CrossfireStudio8/index.php?act=site"><img src="http://i1.ifrm.com/9946/188/upload/p619214.gif"></a><a href="http://z8.invisionfree.com/CrossfireStudio8/index.php?act=Help"><img src="http://i1.ifrm.com/9946/188/upload/p619606.gif"></a><a href="http://z8.invisionfree.com/CrossfireStudio8/index.php?act=Search&f=1"><img src="http://i1.ifrm.com/9946/188/upload/p619615.gif"></a><a href="http://z8.invisionfree.com/CrossfireStudio8/index.php?act=Members"><img src="http://i1.ifrm.com/9946/188/upload/p619623.gif"></a><a href="http://z8.invisionfree.com/CrossfireStudio8/index.php?act=calendar"><img src="http://i1.ifrm.com/9946/188/upload/p619632.gif"></a><img src="http://i1.ifrm.com/9946/188/upload/p619153.gif"></center>
</td>
</tr>
<tr>
<td width=800px">
<% BOARD HEADER %>
<table width="750px" align="center" cellspacing="0px" cellpadding="0px">
<tr>
<td>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
</td>
</tr>
</table>

Footer:
Quote:
 
</td>
</tr>
<tr>
<td width="800px" height="30px" background="http://i1.ifrm.com/9946/188/upload/p618519.gif">
<center><font color="#88939C">Metallic Gem skin created by Crossfire of the <a href="http://www.ifskinzone.net" target="_blank" style="color: #88939C;">InvisionFree Skin Zone</a>.</font></center>
</td>
</tr>
</table>
</td>
<td width="30px" background="http://i1.ifrm.com/9946/188/upload/p618301.gif">
</td>
</tr>
</table>

<script type="text/javascript">
a = document.getElementsByTagName('div')
for (c=0;c<a.length;c++)
{
if (a[c].className == 'row4' && a[c].innerHTML.match('google_ad_width'))
{
a[c].className = 'adspace'
}
}
</script>

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: 10px; color: #273644; margin: 0px 10px 0px 10px; background-color: #1E3445; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #273644; }
a:link, a:visited, a:active { text-decoration: none; color: #273644; }
a:hover { color: #273644; 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: #0000DD; }
.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: #555555; }

.caldate  { text-align: center; color: #243340; background-color: #718493; background-image: url(http://i1.ifrm.com/9946/188/upload/p787903.gif); background-repeat: repeat-x; border-bottom: 1px solid #273644; padding: 3px; }
.caldate a:link, .caldate a:visited, .caldate a:active { text-decoration: none; color: #273644; }
.caldate a:hover { color: #273644; text-decoration: underline; }

.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 #000000; }
#photoimg  { text-align: center; margin-top: 15px; }

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

#ipsbanner { position: absolute; top: 1px; right: 5%; }
#logostrip { display: none; border: 1px solid #345487; background-color: #3860BB; background-image: url(http://i1.ifrm.com/style_images/<#IMG_DIR#>/tile_back.gif); padding: 0px; margin: 0px; }
#submenu  { display: none; border:1px solid #BCD0ED; background-color: #DFE6EF; 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: #3A4F6C; }
#userlinks { background-image: url(http://i1.ifrm.com/9946/188/upload/p620418.gif); border-top: 1px solid #22313E; border-bottom: 1px solid #22313E; }
#userlinks td { color: #71828F; border: 1px solid #22313E; background-color: #F0F5FA; background-image: url(http://i1.ifrm.com/9946/188/upload/p620026.gif); padding: 2px; }
#userlinks td a:link, #userlinks td a:visited, #userlinks td a:active { text-decoration: none; color: #71828F; }
#userlinks td a:hover { color: #71828F; text-decoration: underline; }

#navstrip  { font-weight: normal; color: #273644; padding: 2px; margin: 0px; background-color: #3A4954; background-image: url(http://i1.ifrm.com/9946/188/upload/p746628.gif); background-repeat: repeat-x; border: 1px solid #273644; }

.activeuserstrip { font-weight: normal; color: #273644; padding: 2px; margin: 0px; background-color: #3A4954; background-image: url(http://i1.ifrm.com/9946/188/upload/p746628.gif); background-repeat: repeat-x; border: 1px solid #243340; }
.activeuserstrip a:link, .activeuserstrip a:visited, .activeuserstrip a:active { font-weight: normal; text-decoration: none; color: #273644 }
.activeuserstrip a:hover { font-weight: normal; color: #273644; text-decoration: underline; }

.pformstrip { font-weight: normal; color: #273644; padding: 3px; margin: 0px; background-color: #3A4954; background-image: url(http://i1.ifrm.com/9946/188/upload/p746628.gif); background-repeat: repeat-x; border-right: 1px solid #788793; border-left: 1px solid #788793; }
.pformleft  { background-color: #5F7180; padding:6px; margin-top:1px;width:25%; border-top:1px solid #22313E; border-left:1px solid #22313E; }
.pformleftw { background-color: #5F7180; padding:6px; margin-top:1px;width:40%; border-top:1px solid #22313E; border-left:1px solid #22313E; }
.pformright { background-color: #5F7180; padding:6px; margin-top:1px; border-top: 1px solid #22313E; border-right: 1px solid #22313E; border-left: 1px solid #22313E; }

.post1 { color: #88939C; background-color: #586B7A; background-image: url(http://i1.ifrm.com/9946/188/upload/p746781.gif); background-repeat: repeat-x; border: 1px solid #586B7A; }
.post1 a:link, .post1 a:visited, .post1 a:active { text-decoration: none; color: #88939C; }
.post1 a:hover { color: #88939C; text-decoration: underline; }
.post2 { color: #88939C; background-color: #586B7A; background-image: url(http://i1.ifrm.com/9946/188/upload/p746781.gif); background-repeat: repeat-x; border: 1px solid #586B7A; }
.post2 a:link, .post2 a:visited, .post2 a:active { text-decoration: none; color: #88939C; }
.post2 a:hover { color: #88939C; text-decoration: underline; }
.postlinksbar { font-weight: normal; color: #273644; padding: 3px; margin: 0px; background-color: #3A4954; background-image: url(http://i1.ifrm.com/9946/188/upload/p746628.gif); background-repeat: repeat-x; border-top: 1px solid #243340; border-right: 1px solid #243340;  border-left: 1px solid #243340; }
.postlinksbar a:link, .postlinksbar a:visited, .postlinksbar a:active { font-weight: normal; text-decoration: none; color: #273644; }
.postlinksbar a:hover { font-weight: normal; color: #273644; text-decoration: underline; }

.row1 { color: #88939C; background-color: #5F7180; background-image: url(http://i1.ifrm.com/9946/188/upload/p751232.gif); background-repeat: repeat-x; border: 1px solid #5F7180; }
.row1 a:link, .row1 a:visited, .row1 a:active { text-decoration: none; color: #88939C; }
.row1 a:hover { color: #88939C; text-decoration: underline; }
.row2 { color: #88939C; background-color: #5F7180; background-image: url(http://i1.ifrm.com/9946/188/upload/p751232.gif); background-repeat: repeat-x; border: 1px solid #5F7180; }
.row2 a:link, .row2 a:visited, .row2 a:active { text-decoration: none; color: #88939C; }
.row2 a:hover { color: #88939C; text-decoration: underline; }
.row3 { color: #88939C; background-color: #586B7A; background-image: url(http://i1.ifrm.com/9946/188/upload/p746781.gif); background-repeat: repeat-x; border: 1px solid #586B7A; }
.row4 { color: #88939C; background-color: #586B7A; background-image: url(http://i1.ifrm.com/9946/188/upload/p746781.gif); background-repeat: repeat-x; border: 1px solid #586B7A; }
.row4 a:link, .row4 a:visited, .row4 a:active { text-decoration: none; color: #88939C; }
.row4 a:hover { color: #88939C; text-decoration: underline; }

.darkrow1 { background-color: #486174; color:#4C77B6; }
.darkrow2 { color: #88939C; background-color: #546B7C; background-image: url(http://i1.ifrm.com/9946/188/upload/p783292.gif); background-repeat: repeat-x; border: 1px solid #566D7E; }
.darkrow3 { color: #88939C; background-color: #5F7180; background-image: url(http://i1.ifrm.com/9946/188/upload/p751232.gif); background-repeat: repeat-x; border: 1px solid #5F7180; }

.hlight { color: #88939C; background-color: #5F7180; background-image: url(http://i1.ifrm.com/9946/188/upload/p751232.gif); background-repeat: repeat-x; border: 1px solid #5F7180; }
.hlight a:link, .hlight a:visited, .hlight a:active { text-decoration: none; color: #88939C; }
.hlight a:hover { color: #88939C; text-decoration: underline; }
.dlight { color: #88939C; background-color: #5F7180; background-image: url(http://i1.ifrm.com/9946/188/upload/p751232.gif); background-repeat: repeat-x; border: 1px solid #5F7180; }
.dlight a:link, .dlight a:visited, .dlight a:active { text-decoration: none; color: #88939C; }
.dlight a:hover { color: #88939C; text-decoration: underline; }

.titlemedium { font-weight: normal; color: #273644; padding: 3px; margin: 0px; background-color: #3A4954; background-image: url(http://i1.ifrm.com/9946/188/upload/p746628.gif); background-repeat: repeat-x; border-right: 1px solid #788793; border-left: 1px solid #788793; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #273644; }

.maintitle { vertical-align: middle; text-align: center; font-weight: normal; color: #273644; letter-spacing: 1px; padding: 4px 0px 14px 0px; background-image: url(http://i1.ifrm.com/9946/188/upload/p697410.gif); background-repeat: no-repeat; background-position: center; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #273644; }
.maintitle a:hover { text-decoration: underline; }

.plainborder { border: 0px solid #000000; background-color: transparent; }
.tableborder { border-top: 0px solid #627D92; border-right: 0px solid #627D92; border-bottom: 1px solid #627D92; border-left: 0px solid #627D92; background-color: transparent; padding: 0px; margin: 0px; width: 100%; }
div.tableborder table { border: 0px solid #000000; background-color: #22313E; padding: 0px; margin: 0px; width: 100%; }
.tablefill  { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #243340; background-color: #718493; background-image: url(http://i1.ifrm.com/9946/188/upload/p787903.gif); background-repeat: repeat-x; border: 1px solid #243340; padding: 2px;  }
.tablepad    { background-color: #5F7180; border: 1px solid #22313E; 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: #88939C; }
.edit { font-size: 9px }

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

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

.searchlite { font-weight: bold; color: #FF0000; background-color: #FFFF00; }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000000; 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 #000000; 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 { background-color: #4C5C68; padding: 3px 0px 3px 0px; line-height: 140%; margin: 2px 0px 2px 0px; border-top: 1px solid #324350; border-right: 1px solid #586B7A; border-bottom: 1px solid #586B7A; border-left: 1px solid #324350; }

.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: #FF9090; font-weight: bold; }

input { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #243340; background-color: #718493; background-image: url(http://i1.ifrm.com/9946/188/upload/p787903.gif); background-repeat: repeat-x; border: 1px solid #243340; padding: 2px; }
select { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #243340; background-color: #718493; background-image: url(http://i1.ifrm.com/9946/188/upload/p787903.gif); background-repeat: repeat-x; border: 1px solid #243340; padding: 2px; }
textarea { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #243340; background-color: #718493; background-image: url(http://i1.ifrm.com/9946/188/upload/p787903.gif); background-repeat: repeat-x; border: 1px solid #243340; padding: 2px; }

div.tableborder div.tablepad { text-align: center; color: #243340; background-color: #5F7180!important; }
div.tableborder div.tablepad  table { color: #243340; background-color: #5F7180!important; }

.adspace { background-color: #586B7A; }

#ipbwrapper { text-align: left; width: 800px; margin-left: auto; margin-right:auto; }
#ipbwrapper .maintitle { border-bottom: 1px solid #22313E; padding: 3px 0px 13px 0px; }
#ipbwrapper .tableborder{ color: #273644; border: 1px solid #22313E; }
#ipbwrapper .tableborder a:link, #ipbwrapper .tableborder a:visited, #ipbwrapper .tableborder a:active { color: #273644; text-decoration: none; }
#ipbwrapper .tableborder a:hover { color: #273644; text-decoration: underline; }
#ipbwrapper .tablepad { color: #273644; border: 0px solid #22313E; }
#ipbwrapper .tablepad a:link, #ipbwrapper .tablepad a:visited, #ipbwrapper .tablepad a:active { text-decoration: none; color: #273644; }
#ipbwrapper .tablepad a:hover { color: #273644; text-decoration: underline; }
#ipbwrapper .row4 { border: 0px solid #22313E; }
Offline Profile Quote Post Goto Top
 
.Person
Member Avatar
iPBFS Public Relations
[ *  *  *  * ]
Well done. I like it. I can't really complaine.

But you need to give guests the power to post so we can see if there is a textinput or anything like that. But It looks like there is one. So, you may be able to help me.

How do you place an image here?

Also: 9/10
Offline Profile Quote Post Goto Top
 
Crossfire.
Member Avatar
Member
[ *  *  *  *  *  * ]
Thanks. Use either .codebuttons, .forminput, .textinput, .radiobutton, .checkbox, or insert "input", "select", "textarea."
Offline Profile Quote Post Goto Top
 
.Person
Member Avatar
iPBFS Public Relations
[ *  *  *  * ]
Yeah, I just found that out. But keep up the good work!
Offline Profile Quote Post Goto Top
 
Crossfire.
Member Avatar
Member
[ *  *  *  *  *  * ]
Ah, ok, thanks. :)
Offline Profile Quote Post Goto Top
 
.Person
Member Avatar
iPBFS Public Relations
[ *  *  *  * ]
Yeah, it really looks like you know what your doing. I see the exrea codes in the ccs. *astonished*
Offline Profile Quote Post Goto Top
 
Kaji Riyousha
Member
[ *  * ]
Greatly awesome Skin, I may even use it.
Offline Profile Quote Post Goto Top
 
Peter
Member Avatar
Care for a quiche?
[ *  *  *  *  *  * ]
Nice re-use of the image borders from re-polished manifestations :P
I'm not sure the mix of glass and smooth gradients works too well, but overall not a bad skin :)
Offline Profile Quote Post Goto Top
 
Crossfire.
Member Avatar
Member
[ *  *  *  *  *  * ]
Oh, yes, I forgot about those. Like I said, it was going to be for my site, and I really like the borders. :) Thanks.
Offline Profile Quote Post Goto Top
 
Beaumont
Member Avatar
Member
[ *  *  *  *  * ]
It's not bad at all... It's good. I like it.
Offline Profile Quote Post Goto Top
 
Crossfire.
Member Avatar
Member
[ *  *  *  *  *  * ]
Thanks, taz.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply