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
Half-Life 2 Skin !; PLEASE !
Topic Started: Aug 6 2004, 05:24 PM (162 Views)
Spaz/Monkey
Member Avatar
subVISION
[ *  *  *  * ]
Background Color - Orange, like this #ff8c00
Border Color - Black
Font Color - Black
Link Color - Black
Hover Color - white
Row 1 and 2 colors - ff8c00
Row 3 and 4 Colors -ff8c00
Dark Row 1 -ff8c00
Dark Row 2 & 3 - #a9a9a9
Category (.maintitle) Color - ff8c00
Sub Category (.titlemedium) Color - #a9a9a9
Post 1 Color -ff8c00
Post 2 Color -ff8c00
Additional Details about the skin design - Cut out the Half-life logo from this pic Posted Image and put it on the right of the main title. and put this pic at the left of the main title Posted Image and remember to cut out the guy, and thanks !


URL of your board - I haven't made the board yet, i first want the skin !
Offline Profile Quote Post Goto Top
 
Chrisopher
Member
[ *  *  *  *  *  *  * ]
Ill do this one :)
Offline Profile Quote Post Goto Top
 
SyringeX
Member Avatar
Cool.
[ *  *  *  *  *  *  * ]
How's this?

Board Wrappers > Header
Quote:
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<center><table style="border-left:1px solid #3D3F3D;border-right:1px solid #3D3F3D; border-bottom:1px solid #3D3F3D;" cellpadding="0" cellspacing="0" width="807px" bgcolor="#3D3F3D">
<tr>
<td><img src="http://i4.ifrm.com/1509/75/upload/p971103.gif" /></td><td width="100%" background="http://i4.ifrm.com/1509/75/upload/p972061.gif"></td><td><img src="http://i4.ifrm.com/1509/75/upload/p971137.gif" /></td></tr>
<tr>
<td height="100%" background="http://i4.ifrm.com/1509/75/upload/p971279.gif
"><img src="http://i4.ifrm.com/1509/75/upload/p971279.gif
" /></td><td>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


Board Wrappers > Footer

Quote:
 
<br></td><td width="100%" background="http://i4.ifrm.com/1509/75/upload/p971296.gif"><img src="http://i4.ifrm.com/1509/75/upload/p971296.gif" /></td></tr>
<tr>
<td><img src="http://i4.ifrm.com/1509/75/upload/p971182.gif" /></td><td height="100%" background="http://i4.ifrm.com/1509/75/upload/p971287.gif"></td><td><img src="http://i4.ifrm.com/1509/75/upload/p971163.gif" /></td></tr></table>


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: #000; margin:1px 10px 1px 10px;background-color:#EC7624;font-size:10px; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { text-decoration: none; color: #000 }
a:hover { color: #EC7624; 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 }
</style>Skin created by SyringeX of the <a href="http://www.ifsz.net">IF Skin Zone</a><style type="text/css">
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#ec7624;background-color:#404340;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 #272727;background-color: #5C5E5C }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #5C5E5C; border:1px solid #272727;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip {background-color:transparent;border:1px solid #272727;padding:0px;margin:0px; }
#submenu   { border:1px solid #272727;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#ec7624;font-weight:bold;background-image: url(http://i4.ifrm.com/1509/75/upload/p973557.gif);}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #ec7624; }
#userlinks { margin:3px;background-color:transparent;border:1px dashed #272727;}

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

.activeuserstrip {border:1px solid #272727; background-color:#272727; padding:6px;background-image: url(http://i4.ifrm.com/1509/75/upload/p973557.gif); }

.pformstrip { font-weight:bold; color:#EC7624; padding:4px; margin:0px; background-image: url(http://i4.ifrm.com/1509/75/upload/p973278.gif) }
.pformleft  { background-color: #5C5E5C; padding:6px; margin-top:1px;width:25%; border-top:1px solid #272727; border-right:1px solid #272727; }
.pformleftw { background-color: #5C5E5C; padding:6px; margin-top:1px;width:40%; border-top:1px solid #272727; border-right:1px solid #272727; }
.pformright { background-color: #5C5E5C; padding:6px; margin-top:1px;border-top:1px solid #272727; }

.post1 { background-color: #595C59 }
.post2 { background-color: #5C5E5C }
.postlinksbar { border-left:1px solid #272727;border-right:#272727;background-color:#555655;padding:4px;margin-top:1px;font-size:10px; background-image: url(http://i4.ifrm.com/1509/75/upload/p973278.gif) }

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

.darkrow1 { background-color:#3D3F3D; color:#272727; }
.darkrow2 { background-color: #272727; color:#ec8624;background-image: url(http://i4.ifrm.com/1509/75/upload/p973557.gif); }
.darkrow3 { background-color: #272727; color:#ec8624;background-image: url(http://i4.ifrm.com/1509/75/upload/p973557.gif); }
.hlight { background-color: #555655 }
.dlight { background-color: #515351 }

.titlemedium { font-size:10px;font-weight:bold; color:#EC7624; padding:4px; margin:0px; background-image: url(http://i4.ifrm.com/1509/75/upload/p973278.gif) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; font-size:10px;color: #EC7624 }

.maintitle { border-left:1px solid #272727;border-right:1px solid #272727;border-top:1px solid #272727;vertical-align:middle;font-weight:bold; color:#000; letter-spacing:1px; padding:8px 5px 8px 35px; background-image: url(http://i4.ifrm.com/1509/75/upload/p974017.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #000 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #272727;background-color:#272727 }
.tableborder { border-left:0px;border-right:0px;border-bottom:0px;background-color:#272727; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid #272727;background-color:#5C5E5C;padding:6px;  }
.tablepad    { background-color:#5C5E5C;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:#272727 }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #000 }
.postdetails { font-size: 10px }
.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; font-size: 11px; color: #EC7624; background-color: #4B4C4B; border: 1px dashed #272727; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Verdana;  font-size: 11px; color: #EC7624; background-color: #4B4C4B; border: 1px dashed #272727; 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: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-color:#626462;border:1px solid #272727; }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #272727;border-bottom:1px solid #272727 }

.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 }
Offline Profile Quote Post Goto Top
 
Chrisopher
Member
[ *  *  *  *  *  *  * ]
http://s4.invisionfree.com/iceskin19/index.php?act=idx

Yours is way better than mine but I made that anyway...

Quote:
 
<body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="3" topmargin="3" marginwidth="3" marginheight="0">
<table width="900" border="0" align="center" cellpadding="3" cellspacing="0" bgcolor="#fff" height="377" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000">
<tr>
<td width="100%" height="100%" bgcolor="ff8c00" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000"> </script>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>



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: #000; margin:0px 10px 0px 10px;background-color:#ff8c00 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #FFFFFF; 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:#000000;background-color:#D67500;padding:4px;margin:0px ;background-image:url(http://);}

.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 #000000;background-color: #ff8c00;background-image:url(http://);padding:0px;margin:0px; }
#submenu  { border:1px solid #D67500;background-color: #D67500;background-image:url(http://img46.exs.cx/img46/1349/hlgrad.jpg);font-size:10px;margin:3px 0px 3px 0px;color:#000000;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000000;}
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA;background-image:url(http://img46.exs.cx/img46/1349/hlgrad.jpg);}

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

.activeuserstrip { background-color:#000000;background-image: url(http://img46.exs.cx/img46/1349/hlgrad.jpg) }padding:6px;}

.pformstrip { background-color: #F7F7F7 color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px; background-image:url(http://img46.exs.cx/img46/1349/hlgrad.jpg) }
.pformleft  { background-color: #F7F7F7; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #F7F7F7; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #F7F7F7; padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #ff8c00 }
.post2 { background-color: #ff8c00 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://img46.exs.cx/img46/1349/hlgrad.jpg) }

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

.darkrow1 { background-color: #D67500; color:#D67500;background-image:url(http://img46.exs.cx/img46/1349/hlgrad.jpg);}
.darkrow2 { background-color: #BCD0ED; color:#3A4F6C;background-image:url(http://img46.exs.cx/img46/1349/hlgrad.jpg);}
.darkrow3 { background-color: #D67500; color:#D67500;background-image:url(http://img46.exs.cx/img46/1349/hlgrad.jpg);}

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

.titlemedium { font-weight:bold; color:#D67500; padding:5px; margin:0px; background-image: url(http://img46.exs.cx/img46/1349/hlgrad.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

.maintitle { vertical-align:middle;font-weight:bold; color:#000000; text-align: center;letter-spacing:1px; padding:19px 0px 8px 5px; background-image: url(http://img64.exs.cx/img64/5493/hlmain.jpg);background-position:center; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #000000 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #FF8C00;background-color:#FF8C00 }
.tableborder { border:1px solid #FF8C00;background-color:#D67500; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #000000;background-color:#D67500;padding:6px;  }
.tablepad    { background-color:#F5F9FD;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: #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: #000000; background-color: #ff8c00; 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: #000000; background-color: #ff8c00; 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 { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #D67500;border-bottom:1px solid #D67500 }

.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 }
Offline Profile Quote Post Goto Top
 
COR72Z
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Skin In Creation

Your skin is currently being worked on. Please do not PM/IM about the status of this work. Your skin will be ready within 48 hours (max).

When it is completed, it will be located in the Completed Forum.

Thanks for choosing the IF Skin Zone!
SZ Skin Team

This is an automated message
Offline Profile Quote Post Goto Top
 
COR72Z
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Skinned & Ready To Roll

Your skin has been completed to your specifications.
Unfortunately we cannot provide you with demo boards for requested skins but we strongly recommend you test out your new CSS using our skin preview application located here.

We hope you enjoy your new skin. If you have any problems with your skin please go to the Skinning Support Forum and open a new topic.

Thanks for choosing the IF Skin Zone!
SZ Skin Team

This is an automated message
Offline Profile Quote Post Goto Top
 
Spaz/Monkey
Member Avatar
subVISION
[ *  *  *  * ]
THanks man ! I love it !, Oh and syringe, i hope you don't mind if i use the forum logo at the top !
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Closed Requests · Next Topic »
Add Reply