Techy Skin (383 views)

[Zaxinou]

Tartarus decided to make a skin so I helped out with the coding and some of the images and here it is

---

Preview Image

Global Header
<style type="text/css">
<!--
/* CSS Styles - by Osiris */
body{
background: #292929 url(http://i143.photobucket.com/albums/r146/zaxinou/techy_bodybg.jpg) center repeat-y;
}
a:link, a:visited{
outline: none;
color: #707070;
}
a:hover{
text-decoration: underline;
}
.nav:link, .nav:visited{
outline: none;
color: #707070;
}
.nav:hover{
text-decoration: underline;
}
.bordercolor{
background-color: #787878;
}
.menubg{
background: transparent url(http://i143.photobucket.com/albums/r146/zaxinou/techy_menubg.png) center no-repeat;
height: 30px;
}
.menubg a{
font-weight: bold;
text-transform: uppercase;
outline: none;
padding: 0px 15px;
color: #efefef;
}
.menubg a:hover{
text-decoration: none;
color: #292929;
}
.catbg, .titlebg{
background: url(http://i143.photobucket.com/albums/r146/zaxinou/techy_catbg_gradient.jpg) center repeat-x;
color: #efefef;
}
.cattext, .titletext{
color: #efefef;
}
.windowbg, .windowbg2{
background: #efefef;
}
//-->
</style>
<script type="text/javascript">
<!--
/* Welcome Table Edit */

var table = document.getElementsByTagName("table");
var td = document.getElementsByTagName("td");
var font = document.getElementsByTagName("font");
var br = document.getElementsByTagName("br");

function getID(thisID) {
  return document.getElementById(thisID);
}

font.item(1).parentNode.removeChild(font.item(1));
table.item(0).cellSpacing = "0";
table.item(0).style.backgroundColor = "transparent";
td.item(2).style.display = "none";
br.item(0).style.display = "none";

//-->
</script>
<script type="text/javascript">
<!--
var td = document.getElementsByTagName('td');
for(t=0; t<td.length; t++){
if(td[t].className.match(/menubg/i)){
td[t].innerHTML = td[t].innerHTML.replace(/(\[|\])/gi,'');
}
}
//-->
</script>
Global Footer
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(t=0; t<table.length; t++) {
if(table[t].width=="92%")
table[t].width='800px';
}
// -->
</script>
<center><font style="color: #efefef;">© Skin Design by <a href="http://zaxinou.proboards.com" target="_blank" style="color: #ffffff;">Graphic Monks</a>. Best viewed in Mozilla Firefox.</font></center>
Main Footer
<script type="text/javascript">
<!--
// Bring Cat Name into Forum Name Row - By California
var tr=document.getElementsByTagName("tr");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){
for(i=0;i<tr.length-1;i++){
if(tr[i].cells[0]){
var firstCell=tr[i].cells[0];
if(firstCell.className=="titlebg" && firstCell.innerHTML.match(/Forum Name/)){
firstCell.innerHTML=tr[i+1].cells[0].innerHTML;
tr[i+1].style.display="none";
}}}}
// -->
</script>
<script type="text/javascript">
<!--
/* Remove main page mark as read bar */
var TD = document.getElementsByTagName("td");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(logout|home))?(#.+)?)?$/)){
for(i=TD.length-1; i>0; i--){
if(TD[i].innerHTML.match(/action=markallboardsread/) && TD[i].className == "catbg"){
TD[i].parentNode.style.display = "none";
break;
}}}
// -->
</script>
<script type="text/javascript">
//Remove info center titlebar
if( this.location.href.match(/\.com(\/(index\.cgi(\?|#\w+)?)?)?$/))
{
var T = document.body.getElementsByTagName("td");
for(t=0;t<T.length;t++){
if(T[t].className == "titlebg" && T[t].innerHTML.match(/Info\sCenter/))
T[t].parentNode.style.display = "none";
}}
</script>
<script type="text/javascript">
<!--
/* Remove Info Center Icons */

var td = document.getElementsByTagName("td");
for(i=0;i<td.length;i++) {
if(td[i].className=="windowbg" && td[i].width=="20" && td[i].vAlign=="middle") {
td[i].style.display="none";
}
}

// -->
</script>

Comments
Best to disable google search within your general settings I feel it works better for the forum and enable text menus if you would like the hover effect.

If you have any issues with this skin please feel free to PM me or reply here and I will help you out

[Thomas]

nice skin osi

[Splattêr Chuigø]

This is my most liked skin, how long did it take you?

[Zaxinou]

Took me and Tart like an hour or 2 XD

[Kenshin]

Nice Osi and Tart I really like this one

[Thomas]

Before:

After:

Thanks for posting the skin for the world to see!
But I want to learn how to make a forum skin based on this:


Poseidon \][/ Tritonos