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
Workshop Red; (copyrighted name)
Topic Started: Apr 9 2008, 03:35 PM (1,465 Views)
BlueMatter
Member Avatar
addictiveStyles - o.O
[ *  *  *  *  * ]
Name: Workshop Red (copyrighted name)
Author: Me; Mike & Kieran(long time buddy)
Skin Number: Who knows.
Date Created: ??
Side Notes: Well its finally being released...comes with a member legend. I think I'm one of the very few people that use java in skins still =P

Preview of the Skin



Header & Body:
Quote:
 
<BR><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">

<table cellpadding="0" cellspacing="0" id="outertable" width="800px" align="center">
<tr>
<td id="logobg" width="100%" colspan="2"><img src="http://sixpop.com/images/file/35542839.png" />
</td>
</tr><tr>
<td class="submenu" width="50%" valign="top"><a href="http://z6.invisionfree.com/JST07/index.php?act=idx" style="border-left: 1px solid #7e3535; margin-left: -6px;">Index</a><a href="http://z6.invisionfree.com/JST07/index.php?act=boardrules">Terms of Service</a><a href="http://z6.invisionfree.com/JST07/index.php?act=Members">Memberlist</a><a href="http://z6.invisionfree.com/JST07/index.php?act=calendar">Calendar</a><a href="http://z6.invisionfree.com/JST07/index.php?act=Help">Help</a><a href="http://z6.invisionfree.com/JST07/index.php?act=Search">Search</a></td>
</tr><tr>
<td id="table" width="100%"  colspan="2">
<% BOARD HEADER %>
<script type='text/javascript'><!-- // a.FIO-1.2-4
explorerMessage = "<center><b>Our skin is not compatible with Internet Explorer, please use <a href='http://getfirefox.com/'><u>FireFox</u></a>.</b></center>"
ifNot = "<br />"
// -------------------------------------------------
g=navigator.appName
if ( g == "Microsoft Internet Explorer" ) {
document.write ( explorerMessage ) } else {
document.write ( ifNot ) }
// a WhiteElephant production --></script>
<div id="inner">
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


Footer:
Quote:
 
</div>
</td>
</tr>
</table>
<BR>
<CENTER><B>Skin created by Premium & Kieran. Find more great skins at the <A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A>.</b></CENTER>
<BR>
<script type='text/javascript'><!--
var _legend = [
["Administration","http://sixpop.com/images/file/71840143.png"],
["Community Panel","http://sixpop.com/images/file/51414875.png"],
["Skin Panel","http://sixpop.com/images/file/93916444.png"],
["Designs Panel","http://sixpop.com/images/file/78827776.png"],
["Support Panel","http://sixpop.com/images/file/15985923.png"],
["Assessment Panel","http://sixpop.com/images/file/15926090.png"],
["Layout Panel", "http://sixpop.com/images/file/67506410.png"],
["Request Assistant","http://sixpop.com/images/file/10173293.png"],
["Premium Member","http://sixpop.com/images/file/88026377.png"],
];
_td = document.getElementsByTagName("TD");
for(var e=0;e<_td.length;e++){
if(_td[e].className == "pformstrip" && _td[e].innerHTML.match(/active\sin\sthe\spast/i)){
_td[e].align = "right";
_td[e].innerHTML = "<span style='float:left'>" + _td[e].innerHTML + "</span><span id='legend'>user<b>legend</b></span> ";
for(i=0;i<_legend.length;i++){
_td[e].innerHTML += " <img src='" + _legend[1] + "' onmouseover='Display(\"" + _legend[0] + "\")' onmouseout='Display(\"user<b>legend</b>\")' />";
function Display(name){
document.getElementById('legend').innerHTML = name; }}}}
--></script>
<script type='text/javascript'><!-- // s.FEO-2.2
g=document.getElementsByTagName("div")
for ( j=0; j<=g.length; j++ ) {
if ( g[j].className == "maintitle" ) { c=g[j].innerHTML
if ( location.href.indexOf("act=UserCP") == -1 && location.href.indexOf("act=Msg") == -1 ) {
g[j].innerHTML = c.replace
(c , "<div class='mtleft'><div class='mtright'><div class='mtcentre'>" + c + "</div></div></div>") }
else { document.write("<style> .mtcentre { margin: 0px } </style>"); g[j].innerHTML = c.replace
(c , "<div class='mtcentre'>" + c + "</div>") } } }
// a WhiteElephant production --></script>

<script type='text/javascript'>
<!--
// remove 'Forum led by:...'
// code by ticlo, http://ifsz.net/

e = document.getElementsByTagName('SPAN')
for (n = 0; n < e.length; n++) {
if (e[n].className == 'desc') {
as = e[n].getElementsByTagName('A')
for (i = 0; i < as.length; i++) {
a = as.previousSibling
if (a &&
    a.nodeName == '#text' &&
    a.nodeValue.match(/Forum Led by:/) &&
    a.previousSibling &&
    a.previousSibling.nodeName == 'BR') {
p = a.parentNode
for (a = a.previousSibling; a.nextSibling;) p.removeChild(a.nextSibling)
p.removeChild(a)
break
}}}}
// -->

</script>

<script>
/*
Bold New Replies
by iFusion

*/
if(location.href.match(/showforum=|getactive/i) != null){
var iTD = document.getElementsByTagName('TD');
for(i=0;i<iTD.length;i++)
if(iTD.className=="row4" && iTD.getElementsByTagName('A').length > 1 &&

iTD.getElementsByTagName('A')[0].href.match("view=getnewpost") != null){
iTD.getElementsByTagName('A')[0].style.display="none";
iTD.getElementsByTagName('A')[1].style.fontWeight="bold";

}

</script>


CSS:
Quote:
 
[SIZE=-2]html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY {
font-family: Tahoma, Verdana, Trebuchet MS, Arial, sans-serif;
font-size: 10px;
color: #bb6f6f;
margin:0px;
background-color:#bb6f6f;
}
TABLE, TR, TD {
font-family: Tahoma, Verdana, Trebuchet MS, Arial, sans-serif;
font-size: 10px;
color: #777777;
}
a:link, a:visited, a:active {
text-decoration: none;
color: #555555;
}
a:hover {
color: #7e3535;
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:center;
font-weight:normal;
font-size:10px;
color:#999999;
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border: 1px solid #cccccc;
padding:2px;
margin:5px;
}
div.tableborder td.row1 {
border-top: 1px solid #FFFFFF!important;
border-left: 1px solid #FFFFFF!important;
border-right: 0!important;
border-bottom: 0!important;
}
div.tableborder td.row1 div.caldate {
background-image: url(http://sixpop.com/images/file/49985565.png);
background-repeat: repeat-x;
background-color: #AD5E5E;
color: #ffffff;
border: 1px solid #7e3535;
}
.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 .mtcentre, #ucpcontent .mtcentre {
text-align: center;
border: 1px solid #7e3535;
border-top: 0;
border-bottom: 0;
margin: -1px;
}
#ucpmenu .pformstrip, #ucpcontent .pformstrip {
border-top: 1px solid #CCCCCC;
}
#ucpmenu    {
line-height:150%;
width:22%;
border: 1px solid #7e3535;
background-color: #F0F0F0;
}
#ucpmenu p  {
padding:2px 5px 6px 9px;
margin:0px;
}
#ucpcontent {
background-color: #F0F0F0;
border: 1px solid #7e3535;
line-height:150%;
width:auto
}
#ucpcontent p  {
padding:10px;
margin:0px;
}

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip, #submenu {
display:none;
}
#userlinks {
border:1px solid #CCCCCC;
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
}

#navstrip img { display: none; }

#navstrip  {
color: #999999;
padding: 3px;
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
margin: 0px -10px 0px -10px;
border-bottom: 1px solid #CECECE;
}
#navstrip a, #navstrip a:visited, #navstrip a:active {
text-decoration: none;
color: #7e3535;
text-align: left;
}
#navstrip a:hover {
text-decoration: underline;
}

.activeuserstrip {
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
padding:6px;
border: 1px solid #CCCCCC;
}


.pformstrip {
font-weight:normal;
color:#999999;
padding:2px;
margin:1px 0px 0px 0px;
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
}

div.pformstrip {
border: 1px solid #cccccc;
margin-bottom: -1px;
margin-top: -1px;
}

table.tableborder td.pformstrip { border: 1px solid #cbcbcb }

.pformleft  {
background-color: #F0F0F0;
padding:6px;
margin-top:1px;
width:25%;
border-left:1px solid #CCCCCC;
}
.pformleftw {
background-color: #F0F0F0;
padding:6px;
margin-top:1px;
width:40%;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
.pformright {
background-color: #F0F0F0;
padding:6px;
margin-top:1px;
border-right:1px solid #CCCCCC;
}

.post1 {
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.post2 {
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.postlinksbar {
font-weight:normal;
color:#999999;
padding:3px;
margin:0px;
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

.row1 {
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top:v 1px solid #FFFFFF;
}
.row2 {
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
div.row2 {
border: 1px solid #CCCCCC;
border-top: 0;
padding: 2px;
}
.row3 {
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.row4 {
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
div.row4 {
border: 1px solid #CCCCCC!IMPORTANT;
padding: 2px;
}

div.darkrow1 {
background-color: #F0F0F0;
border-top: 1px solid #FFFFFF;
color: #999999;
}

.darkrow1 {
background-color: #e9e9e9;
border-top: 1px solid #f7f7f7;
border-left: 1px solid #f7f7f7;
color: #999999;
}

.darkrow2 {
font-weight:normal;
color:#999999;
padding:0px;
margin:0px;
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
}
div.darkrow2 {
border: 1px solid #CCCCCC;
border-top: 0;
}
.darkrow3 {
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
color: #999999;
}

.hlight {
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.dlight {
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

.titlemedium {
font-weight:normal;
color:#999999;
padding:1px; 
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border-left: 1px solid #FFFFFF;
}
.titlemedium a {
text-decoration: none;
color: #555555;
}
.titlemedium a:hover {
color: #7e3535;
text-decoration:underline;
}

.maintitle img { display: none; }

.maintitle {
font-weight:normal;
color:#F0F0F0;
letter-spacing:1px;
}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {
text-decoration: none;
color: #F0F0F0;
}
.maintitle a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.mtcentre {
background-image: url(http://sixpop.com/images/file/20009971.png);
background-position: top center;
background-repeat: repeat-x;
margin-right: 148px;
margin-left: 148px;
padding: 8px 0px 15px 6px;
text-align: center;
}

td.maintitle, th.maintitle {
background-image: url(http://sixpop.com/images/file/20009971.png);
background-position: top center;
background-repeat: repeat-x;
padding: 7px 0px 10px 0px;
text-align: center
}

.mtleft {
background-image: url(http://sixpop.com/images/file/36197805.png);
background-position: top left;
background-repeat: no-repeat;
height: 29px
}

.mtright {
background-image: url(http://sixpop.com/images/file/2736122.png);
background-position: top right;
background-repeat: no-repeat;
height: 29px
}

.plainborder { border:1px solid #345487;background-color:#F5F9FD }
div.tableborder {
border:0;
background-color:#CCCCCC;
padding:0px;
margin:0px;
width:100%
}
.tableborder {
border:1px solid #F5F9FD!important;
background-color:#CCCCCC;
padding:0px;
margin:0px;
width:100%
}
.tablefill  { background-color: #f7f7f7;
border: 1px solid #cccccc;padding:6px;  }
.tablepad    {
background-color:#F0F0F0;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding:6px;
}
div.tablepad {
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}

.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:9px;
color:#999999;
}
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #999999 }
.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: Tahoma, Verdana, Arial;
font-size: 11px;
color: #999999;
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
padding: 2px;
}
#CODE  {
font-family: Courier New, Verdana, Arial; 
font-size: 11px;
color: #999999;
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
padding: 2px;
}

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons, .forminput, .textinput, .radiobutton, .checkbox, textarea  {
font-size: 10px;
font-family: verdana, helvetica, sans-serif;
padding: 2px;
vertical-align: middle;
background-image: url(http://sixpop.com/images/file/44474189.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border: 1px solid #cccccc;
color: #777777;
}
.codebuttons a:hover {
background-image: url(http://sixpop.com/images/file/49985565.png)!important;
background-repeat: repeat-x!important;
background-color: #AD5E5E!important;
color: #ffffff!important;
border: 1px solid #7e3535!important;
}

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

.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 }

#outertable {
background-color: #F0F0F0;
border: 1px solid #7e3535;
}

#table {
background-color: #FFFFFF;
padding: 5px 15px 5px 15px;
}

#logobg {
background-image: url(http://sixpop.com/images/file/6873238.png);
background-color: #af6262;
border-left: 1px solid #af6262;
}
.submenu {
background-image: url(http://sixpop.com/images/file/50601817.png);
background-repeat: repeat-x;
background-color: #b86b6b;
border-top: 1px solid #7e3535;
border-bottom: 1px solid #7e3535;
padding: 5px;
color: #ffffff;
}
.submenu a, .submenu a:visited, .submenu a:active {
text-decoration: none;
background-image: url(http://sixpop.com/images/file/45960757.png);
background-repeat: repeat-x;
background-color: #b86b6b;
color: #f0f0f0;
padding: 5px 8px 5px 8px;
text-align: left;
color: #ffffff;
}
.submenu a:hover {
background-image: url(http://sixpop.com/images/file/45960757.png);
background-repeat: repeat-x;
background-color: #FFFFFF;
text-decoration: underline;
color: #ffffff;
}

.nstat{
border:1px solid #CCCCCC;
background-color:#f5f5f5;
float:right;
text-align: left;
}

#inner {
border: 1px solid #cccccc;
background-color: #F0F0F0;
padding: 0px 10px 10px 10px;
}

</style>
<script language="javascript">
if ( location.search.indexOf('showtopic=')!=-1 ){document.write("<style>.activeuserstrip { border-bottom: none!important; }}</style>")}
</script>
<style>

</style>
<script language="javascript">
if ( location.search.indexOf('showtopic=')!=-1 ){document.write("<style>.row2 { border-top: 1px solid #CCCCCC!important; }}</style>")}
</script>
<style>

</style>
<script language="javascript">
if ( location.search.indexOf('showtopic=')!=-1 ){document.write("<style>.row2 { border-bottom: 0px solid #CCCCCC!important; }}</style>")}
</script>
<style>

</style>
<script language="javascript">
if ( location.search.indexOf('=Msg&CODE=')!=-1 ){document.write("<style>.maintitle { height: 29px; }}</style>")}
</script>
<style>

</style>
<script language="javascript">
if ( location.search.indexOf('=Post&CODE=')!=-1 ){document.write("<style>.maintitle { border-left: 1px solid #7e3535; border-right: 1px solid #7e3535; }}</style>")}
</script>
<style>

</style>
<script language="javascript">
if ( location.search.indexOf('=UserCP&CODE=')!=-1 ){document.write("<style>.maintitle { height: 29px; }}</style>")}
</script>
<style>

[/SMALL]

</span>
Offline Profile Quote Post Goto Top
 
Pheonix
Member Avatar
color my world.
[ *  *  *  * ]
I remember this skin. Aside from the submenu everything looks good. ;)
Offline Profile Quote Post Goto Top
 
olrun
Member
[ *  *  * ]
Not bad, though the background color doesn't seem to match the scheme. Also, you should edit your skin to accommodate IE (I'm using FF, but I saw the NO IE thing in your javascript).
Offline Profile Quote Post Goto Top
 
BlueMatter
Member Avatar
addictiveStyles - o.O
[ *  *  *  *  * ]
Well maybe you should look in IE first. I tested it and it works fine. =/
Offline Profile Quote Post Goto Top
 
Sphoenix
Member Avatar
drown in the now
[ *  *  *  *  *  * ]
It's a bit simple, but the overall look is very professional. Good stuff. B)
Offline Profile Quote Post Goto Top
 
BlueMatter
Member Avatar
addictiveStyles - o.O
[ *  *  *  *  * ]
Thanks everyone. =]
Offline Profile Quote Post Goto Top
 
.tony
Member Avatar
Member
[ *  *  * ]
That looks great. I like the colors.
Offline Profile Quote Post Goto Top
 
Mini Maul
Member Avatar
Member
[ *  *  * ]
Nice and simple.
Good job on this skin. :D
Offline Profile Quote Post Goto Top
 
IcEmAn
Member Avatar
Memorial
[ *  *  *  * ]
Nice skin.
I might use it someday. :)
Offline Profile Quote Post Goto Top
 
.Vendetta
Member Avatar
Member
[ *  *  *  * ]
Looks great. Sleek and simple, nice work. ^_^
Offline Profile Quote Post Goto Top
 
Psychosocial
Member
[ *  *  *  *  *  * ]
Nice and simple. Great skin though :wub:
Offline Profile Quote Post Goto Top
 
.Fable
Member Avatar
relax, we understand j00
[ *  *  *  *  *  * ]
I would have added a border on the right of the menu to finish it and probably emboldened the maintitle text. You could remove the copyright border or change the background. Simple but elegant I suppose, good work. :)

Oh and stuff like the codes to remove who leads the forum and the member legend they aren't part of a skin so you can leave those out in future. ;)
You could add the member legend images to the member database and link them back here if you really want to. ^_^
Offline Profile Quote Post Goto Top
 
Journet
Member Avatar
This is a place you'll never know...
[ *  *  *  *  *  *  * ]
It's very sleek and I love the color scheme. Can I ask how you copyrighted the name "Workshop Red"?
Offline Profile Quote Post Goto Top
 
daniwigg
Member
[ *  * ]
Yes, I do not see how you © a name... I like the overall design, it is simple yet, effective.

-daniwigg
Offline Profile Quote Post Goto Top
 
Jenny
Member Avatar
Retro
[ *  *  *  *  *  *  * ]
I'm quite fond of this skin, personally. I love the smooth, simple feel of it. The colours flow pretty well, and it's easy on the eyes. Nice job! ^_^
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1