Post by Meghan on Jun 20, 2009 5:56:39 GMT -5
Yes, I got bored earlier so I decided to make a skin.
Preview: Here
Images: Paint
Gradients: Adobe Photoshop CS2
Colors:
Part 1
Part 2
Images:
On
Off
Background
Codes:
Global Headers
Global Footers
This skin is usuable, but host all images yourself =]
Preview: Here
Images: Paint
Gradients: Adobe Photoshop CS2
Colors:
Part 1
Part 2
Images:
On
Off
Background
Codes:
Global Headers
<style type="text/css">
<!--
textarea{
font-size: 10px;
}
-->
</style>
<script type="text/javascript">
<!--
var iCell = document.getElementsByTagName("td");
iCell[1].lastChild.innerHTML = iCell[2].getElementsByTagName("font")[0].innerHTML;
iCell[2].style.display="none";
// -->
</script>
<style type="text/css">
<!--
.menubg {background-image: url(http://i39.tinypic.com/o6z0ic.jpg); background-repeat: repeat;}
-->
</style>
<script type="text/javascript">
<!--
document.getElementsByTagName('table')[0].cellSpacing = 0;
//-->
</script>
<style type="text/css">
<!--
.titlebg {background-image: url(http://i39.tinypic.com/o6z0ic.jpg); background-repeat: repeat;}
-->
</style>
<style type="text/css">
<!--
.catbg {background-image: url(http://i39.tinypic.com/o6z0ic.jpg); background-repeat: repeat;}
-->
</style>
<style type="text/css">
<!--
.newstitlebg {background-image: url(http://i39.tinypic.com/o6z0ic.jpg); background-repeat: repeat;}
-->
</style>
<style>
body
{
background-position:center top;
background-repeat:repeat-y;
}
</style>
Global Footers
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '700';
}}}
//-->
</script>
</td></tr></table>
<script type="text/javascript">
<!--
/*
Modify image size to fit forum
By Todge
Please keep this header intact
*/
var picWidth = '400'; //Maximum image width..
var picHeight = '400'; //Maximum image height..
var pics = document.images;
window.onload = imageSize;
function imageSize()
{
var p=pics.length-1;
while(p>-1)
{
if(pics[p].alt=='[image] ')
{
if(pics[p].width>picWidth || pics[p].height>picHeight)
{
var thisPicWidth = picWidth;
if(pics[p].height/(pics[p].width/picWidth)>picHeight)
{
thisPicWidth = pics[p].width/(pics[p].height/picHeight)
}
var newWidth = 100-parseInt(thisPicWidth/pics[p].width*100);
var picLoaded = document.createElement('A');
picLoaded.setAttribute('href',pics[p].src);
picLoaded.setAttribute('target','_blank');
picLoaded.innerHTML = '<font size="0">This image is reduced by '+newWidth+'%, click it to view full size.</font><br><img src="'+pics[p].src+'" width="'+thisPicWidth+'" border="0">';
pics[p].parentNode.replaceChild(picLoaded,pics[p]);
}}
p--;
}}
// -->
</script>
This skin is usuable, but host all images yourself =]