Post by Zaxinou on Jun 14, 2009 21:33:53 GMT 10
Here is my latest skin. I made this for my sodan team on another forum and I did a little editting to make it available to users of this forum.
Preview Image
Features:
images
On icon: i143.photobucket.com/albums/r146/zaxinou/sodan_on_icon.jpg
Off icon: i143.photobucket.com/albums/r146/zaxinou/sodan_off_icon.jpg
Global Header
Global Footer
Main Footer
Comments
Any editing needed feel free to PM me or post here.
Preview Image
Features:
- Edittable forum name using proboards general settings
- Clickable forum name (returns to main page)
- Menu bar with text hover effect
- PM bar
- Custom on/off icons
- Info center icons hidden
images
On icon: i143.photobucket.com/albums/r146/zaxinou/sodan_on_icon.jpg
Off icon: i143.photobucket.com/albums/r146/zaxinou/sodan_off_icon.jpg
Global Header
<!-- Sodan Skin Global Header -->
<style type="text/css">
<!--
body{
background: url(http://i143.photobucket.com/albums/r146/zaxinou/sodan_b_bg.jpg) center repeat-y #8d8d8d;
}
.bordercolor{
background-color: #767676;
}
.welcomebg{
background: url(http://i143.photobucket.com/albums/r146/zaxinou/sodan_banner.jpg) center;
height: 150px;
}
.welcomebg font{
position: relative;
left: -220px;
top: 40px;
font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
font-size: 400%;
line-height: 100%;
font-variant: small-caps;
letter-spacing: -1px;
font-weight: normal;
text-decoration: none;
color: #f1f1f1;
}
.welcomebg font:hover{
color: #f79822;
}
.welcomebg a:hover{
text-decoration: none;
}
.windowbg, .windowbg2{
background-image: url(http://i143.photobucket.com/albums/r146/zaxinou/sodan_w_bg.jpg);
background-position: bottom left;
background-repeat: repeat-x;
background-color: #ffffff;
}
.windowbg table tr td.windowbg, .windowbg2 table tr td.windowbg2{
background: none;
border: none;
}
.menubg{
background: url(http://i143.photobucket.com/albums/r146/zaxinou/sodan_menu_bar.jpg) center no-repeat;
height: 25px;
}
.menubg a:link, .menubg a:visited{
padding: 0px 10px;
font-weight: bold;
color: #f1f1f1;
}
.menubg a:hover{
font-weight: bold;
text-decoration: none;
color: #6c6c6c;
}
font{
font-family: Tahoma;
font-size: 11px;
color: #6c6c6c;
}
a:link, a:visited, .nav:link, .nav:visited{
font-family: Tahoma;
font-size: 11px;
color: #f79822;
}
a:hover{
font-family: Tahoma;
font-size: 11px;
color: #f79822;
text-decoration: underline;
}
textarea{
fony-family: Tahoma;
font-size: 11px;
border: 1px solid #767676;
}
input{
fony-family: Tahoma;
background-color: #efefef;
border: 1px solid #767676;
}
input:hover{
background-color: #c8c8c8;
border: 1px solid #767676;
}
.catbg, .titlebg{
background: url(http://i143.photobucket.com/albums/r146/zaxinou/sodan_c_bg.jpg) center repeat-x;
border-top: 1px solid #ffc37c;
}
.pmbar{
background: url(http://i143.photobucket.com/albums/r146/zaxinou/sodan_pm.jpg) center no-repeat;
height: 25px;
}
#footer{
font-size: 9px;
}
//-->
</style>
<script type="text/javascript">
<!--
/*Clickable Banner/Logo/Text - Open Source*/
var iYourLink="/index.cgi"; //Link to website
var iFont=document.getElementsByTagName('font').item(0);
var iTd=iFont.parentNode;
var iLink=document.createElement('a');
iLink.href=iYourLink
iLink.appendChild(iFont);
iTd.insertBefore(iLink,iTd.getElementsByTagName('br').item(0));
//-->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('br')[0].style.display="none";
document.getElementsByTagName('table')[0].cellSpacing="0";
document.getElementsByTagName('td')[2].style.display="none";
document.getElementsByTagName('font')[1].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>
<div id="sspmbar">
<br />
<table class="pmbar" cellpadding="4" cellspacing="1" align="center">
<tr><td></td></tr>
</table>
</div>
<script type="text/Javascript">
// Simple Style PM Bar v1 by Chris
// Do not redistribute without permission of the creator
var nWidth = "800"; // Width of the pm bar
// Don't edit
var aTD = document.getElementsByTagName("td");
if(pb_username == "Guest")
var dat = "<a href='?action=login'>Login</a> | <a href='?action=register'>Register</a>";
else
var dat = "<a href='?action=pm'>Inbox</a> | <a href='?action=pm&view=2'>Outbox</a> | <a href='?action=pm'>"+(aTD[2].innerHTML.match(/(messages?)<\/a>, (\d+) \w{2,3} new/i)?RegExp.$2+" new "+RegExp.$1:"0 new messages")+"</a>";
var ss = document.getElementById("sspmbar");
ss.getElementsByTagName("table")[0].width = nWidth;
ss.getElementsByTagName("td")[0].innerHTML = "<font style='float: right;'>Welcome, "+pb_displayname+".</font>"+dat;
document.body.insertBefore(ss, document.getElementsByTagName("table")[0].nextSibling);
</script>
<!-- End Sodan Skin Global Header -->
Global Footer
<!-- Sodan Skin 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>
<script type="text/javascript">
<!--
/* Transparent Board Highlights - Open Source */
if(window.mouseOverHighlightCell) {
var hover = [ mouseOverHighlightCell, mouseOutHighlightCell ]
mouseOverHighlightCell = function(a) {
style.backgroundColor = "transparent";
hover[0](a);
}
mouseOutHighlightCell = function(a) {
style.backgroundColor = "transparent";
hover[1](a);
}
}
if(window.mouseOverHighlightCellB) {
var hover_sub = [ mouseOverHighlightCellB, mouseOutHighlightCellB ]
mouseOverHighlightCellB = function(a) {
style.backgroundColor = "transparent";
hover_sub[0](a);
}
mouseOutHighlightCellB = function(a) {
style.backgroundColor = "transparent";
hover_sub[1](a);
}
}
//-->
</script>
<script type="text/Javascript">
// Remove "Author | Topic" Row by Chris
// Do not redistribute without permission of the creator
var aTD = document.getElementsByTagName("td");
if(location.href.match(/action=(display|(calendar|pm)view)/i) || document.title.match(/\s-\sSearch\sResults/i)){
for(a=0;a<aTD.length;a++){
if(aTD[a].className == "catbg" && aTD[a].width == "20%"){
aTD[a].parentNode.style.display = "none";
}
}
}
</script>
<table width="800" class="bordercolor" align="center"><tr><td class="windowbg2"><div id="footer">Skin design by <a href="http://zaxinou.proboards.com" style="font-size: 9px;" target="_blank">Graphic Monks</a>. | Best viewed in <a href="http://www.mozilla.org/firefox?WT.mc_id=aff_en01&WT.mc_ev=click" style="color: #d64203; font-size: 9px;" target="_blank">Mozilla Firefox</a>.</div></td></tr></table>
<!-- End Sodan Skin Global Footer -->
Main Footer
<!-- Sodan Skin Main Footer -->
<script type="text/javascript">
<!--
var tr=document.getElementsByTagName("tr");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(ma.+ad|logout|home|change.+?))?(#.+)?)?$/)){
for(i=0;i<tr.length-1;i++){
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 titlebg */
var td=document.getElementsByTagName("td");
if(location.href.match(/(cgi\??(#.+)?|com\/?|logout|sread|change=.+?)$/)){
for(i=0;i<td.length;i++){
if(td[i].className=="titlebg" && td[i].innerHTML.match(/Info\sCenter/i)){
td[i].parentNode.style.display="none";
}
}
}
// -->
</script>
<script type="text/javascript">
<!--
/* Remove Info Center Icons by UnChained */
/* Please leave this header intact. Do not repost. */
/* [url]http://proboardcoding.proboards58.com[/url] */
var td=document.getElementsByTagName("td")
if(location.href.match(/com\/?((\index\.cgi)?\??(action=(change.+?|home))?)?(#.+)?$/)){
for(x=0;x<td.length;x++){
if(td[x].className.match(/windowbg/) &&td[x].width.match(/20/)){
td[x].style.display="none";
}
}
}
//-->
</script>
<!-- End Sodan Skin Main Footer -->
Comments
Any editing needed feel free to PM me or post here.