Twilight Moon

[Amaroq]

Okay! This is my very first skin, so no harsh comments. It's pretty much a skin that comes with smilies ^.^ I got some of the codes from the website here, and other places.... Is that okay? I don't really know much about skin making... Please don't steal any of my work. Most of the graphics are hand made. Such as the banner, Background, smiles and gradients. I am NOT claiming any of the codes as mine, if you see it has the makers name in the code. This took me about 2 school days. I don't know how many hours. But it was a lot of work. If you steal it... My evil little kitteh, Charlie, will claw you to death...



suurree... She looks like an angel here, but I've got some scars from her

XD


Skin name: Twilight Moon

Live Preveiw: Clicky


DO NOT EDIT THE CODES BELOW. Unless you can find the code that makes how big your fourm is. You can edit stuff like that. But otherwise, all of the gradient thingys (the name escapes me at the momet.) are already added.

Main Header:

<style>

.titlebg
{
background-image: url(http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/Menubutton.jpg);
background-repeat: repeat;

}

</style>


<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1]; PMLogoCell.removeChild(PMLogoCell.lastChild)
document.getElementsByTagName('tr')[1].deleteCell(1);
-->
</script>




</style>



<style type="text/css">
<!--

.newstitlebg
{
background-image: url(http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/liketotallysweetgradientthingy.jpg);
background-repeat: repeat;
}

.titlebg
{
background-image: url(http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/liketotallysweetgradientthingy.jpg);
background-repeat: repeat;
}

.catbg
{
background-image: url(http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/liketotallysweetgradientthingy.jpg);
background-repeat: repeat;
}

.menubg
{
background-image: url(http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/gradient4.jpg);
background-repeat: repeat;
}

</style>




Main Footer:

<script type="text/javascript">
<!--
/* remove Forum Name | Topics | Posts...
and add thread & post info by california */
var td=document.getElementsByTagName("td");
if(location.href.match(/\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){
for(i=0;i<td.length;i++){
if(td[i].width=="1%" && td[i].innerHTML.match(/\d/)){
if(td[i+1].width.match(/^(1|7)%$/)){
td[i].innerHTML+="<br />threads";
td[i].width="0%";
}else{
td[i].innerHTML+="<br />posts";
td[i].width="0%";
}
}
if(td[i].width=="0%" && !td[i].innerHTML.match(/thread/)){
td[i].width=" 0%";
}
if(td[i].className=="titlebg" && td[i].innerHTML.match(/Twilight Moon/i)){
td[i].parentNode.style.display="none";
}
}
}
//-->
</script>






<script type="text/Javascript">
// Advanced Category Splitter v3.0 by Chris
// Do not redistribute without permission of the creator
/* DO NOT EDIT THIS LINE */ var him = []; var fim = [];


// EDIT HERE
var type = 1;
// 1 = Original ACS type. Text in head image.
// 2 = Head/Base images with cat name in normal row.
// 3 = Head/Base images with cat name in the Forum Name row spot.

var markAsReadType = 1;
// 0 = Mark as read button is not shown at all.
// 1 = Mark as read button is in own row in final category.
// 2 = Mark as read button is in the footer image underneath final category

him["URL"] = ""; // URL of your header image. Required only if using type 1.
him["height"] = 19; // Pixel height of your head image. Required if using a head image

fim["URL"] = "URL OF BASE IMAGE"; // URL of your footer image. Required only if markAsReadType is 2
fim["height"] = 19; // Pixel height of your base image. Required if using a footer image.

var forumName = 1;
// 0 = Don't include the forum name row. Note: This can mess up the cell sizes.
// 1 = Include the forum name row.

var defaultCats = [ // These are the category ids for the categoriess that will be hidden on the first time the page is viewed. Last one does not have a comma.
"category1id",
"category2id",
"category3id",
"category4id" // NO COMMA ON LAST LINE
];

var spacing = 15; // Space between the categories.

// DO NOT EDIT
var aTB = document.getElementsByTagName("TABLE");
var isIE = (document.all?true:false);

if(!document.cookie.match(/debo=1/i)){
defaultCats.push("debo");
for(a=0;a<defaultCats.length;a++){
document.cookie = defaultCats[a]+"=1;expires="+(new Date()).toGMTString().replace(/\d{4}/,"2050");
}
}

function hideShow(i){
var i2 = document.getElementById(i);
i2.style.display = (i2.style.display=="none"?"":"none");
document.cookie = i+"="+(i2.style.display == ""?"0":"1")+";expires="+(new Date()).toGMTString().replace(/\d{4}/,"2050");
}

var div = document.createElement("DIV");
var sp = document.createElement("DIV");
sp.style.height = spacing;

if(location.href.match(/action=(change|home)/i) || !location.href.match(/(action|board)=/i))
document.write("<script type='text/Javascript' src='http://www.iycatacombs.com/codes/acsv3/normal"+type+".js'><\/script>");
</script>


Global Header:

<style>

.titlebg
{
background-image: url(http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/Menubutton.jpg);
background-repeat: repeat;

}

</style>



<div id="PM_BAR">

<!-- Smangii's Clik-It PM Bar
http://smangii.proboards78.com
May be reposted as long as this header remains intact
No editing required -->

<table align="center" class="bordercolor" width="450" cellpadding="5" cellspacing="1">
<tr>
<td width="30%" align="center" height="25" class="windowbg">
<a href="javascript:void(0);" onClick="document.getElementById('pm_apple').style.display='';">Check PMs »</a></td>
<td id="pm_apple" align="center" border="1" class="windowbg" height="25" style="display: none;">
Please <a href="/index.cgi?action=login">Login</a> or
<a href="/index.cgi?action=register">Register</a>
</td>
</tr>
</table>

<script type="text/javascript">
<!--

var tdid = document.getElementsByTagName("td");
var pm_apple= document.getElementById("pm_apple");

if(tdid[2].innerHTML.match(/you have <.+?>(.+?) (message|messages)<.+?>, (\d+) (are|is) new./i))
{

var new_inbox = RegExp.$3;
var old_inbox = RegExp.$1;
var user_name = pb_displayname;

pm_apple.innerHTML = 'Hello '+user_name+'! You have <a href="/index.cgi?action=pm">'+new_inbox+'</a> new and <a href="/index.cgi?action=pm">'+old_inbox+'</a> old PMs';
}

// -->
</script>
</div>
<script type="text/javascript">
<!--

document.getElementsByTagName("td")[1].parentNode.insertBefore(
if(td[i].className=="titlebg" && td[i].innerHTML.match(/Forum Name/i))
{
document.getElementById("PM_BAR"),
document.getElementsByTagName("td")[1].nextSibling);

// -->
</script>


Global Footer:

<script type="text/javascript">
<!--
/* remove Forum Name | Topics | Posts...
and add thread & post info by california */
var td=document.getElementsByTagName("td");
if(location.href.match(/\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){
for(i=0;i<td.length;i++){
if(td[i].width=="1%" && td[i].innerHTML.match(/\d/)){
if(td[i+1].width.match(/^(1|7)%$/)){
td[i].innerHTML+="<br />threads";
td[i].width="8%";
}else{
;
}
}
if(td[i].width=="8%" && !td[i].innerHTML.match(/thread/)){
td[i].width="4%";
}
if(td[i].className=="titlebg" && td[i].innerHTML.match(/Forum Name/i)){
td[i].parentNode.style.display="none";
}
}
}
//-->
</script>




COLORS! ^.^


Background Color:000000

Background Image URL: i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/Twilightmoonbackgroundstarscopy.jpg

Background Image Fixed: Yes

Text Color: FFFFFF

Link Color: FFFFFF

Active Link Color: FFFFFF

Visited Link Color: FFFFFF

Title Background Color: 000066

Title Text Color: FFFFFF

Category Background Color: 000000

Category Text Color: FFFFFF

News Title Background Color: 000000

News Title Text Color: FFFFFF

News Background Color: 000066

News Text Color: FFFFFF

Window Background 1: 000000
.
Window Background 2: 000000

Board Highlight Color: 000000

Thread Highlight Color: 000000

Table Border Color: 000066


Popup Window Colors

Background Color: 000066

Text Color: FFFFFF

Title Background Color: 000000

Title Text Color: FFFFFF


SMILIES!
Note: There ARE two sad smilies (don't have any idea why..) but just use the Huh/confused smilie for one of them. And there is a cheesy and a laughing cheesy smilie. Use the cheesy one twice too. These smiles are NOT animated. And you do not have to use them in this skin. If you want to see what they look like, go the the Smilies! post in the fourm.

Wink:

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/winkTM_8183.gif

Undecided

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/undecidedTM_7790.gif


Tounge

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/ToungeTM_7516.gif


Supprised

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/supprisedTM_7225.gif

Smile

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/SmiliefacetTM_6822.gif

Roll eyes

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/RolleyesTM_26425.gif

Sad

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/sadTM_26775.gif

Lips sealed

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/lipssealedTM_26011.gif

Kiss

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/KissTM_25398.gif

embarest

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/embarestTM_25718.gif

Cry
http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/cryTM_24795.gif

Cool

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/CoolTM_23929.gif

Cheesy

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/CheesyTM_22477-1.gif


Big Grin

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/biggrinTM_22108.gif

Angry

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/angryTM_21009.gif

Huh/Confused

http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMoonSmilies/huhTM_13116.gif


Okay, if you want to use the banner, here is a blank version.



http://i111.photobucket.com/albums/n144/Wolves_Dream/Twilight%20Moon%20Skin/TwilightMooncopy.jpg


Hmm... That should be all, if I am missing anything, post and tell me. And I will add it. Again, This is my first EVER skin. I mean, I've made simple skins, but nothing like this, with the cat bar... Smilies etc.. So, no harsh comments. You may comment telling me somethings wrong, but in a nice way.

[Ifrit]

It's a lovely skin Amaroq, but if I were you, I'd just place everything in a zipped file so people must download and host their own images, otherwise, your going to run out of bandwidth.

[Amaroq]

Heh, I don't know how, and I wanted to keep it simple, because it gets kind of annoying to have to download stuff and host your own images... But if you could tell me how, I would.