Stuff For Webmatsers

Widgets For 

Adventure Party Surprise

What's an adventure party without any surprises? Roll over the icon in this plugin and look what appears...

Current version: 1.0  Try It Out^↗  

Code :
<p onmouseover="playSound('http://clubpenguincode.com/wordpress/adventure/268.swf')" onmouseout="playSound('');"> <img src="http://clubpenguincode.com/wordpress/adventure/adventure1.png" onmouseover="this.src='http://clubpenguincode.com/wordpress/adventure/adventure2.png'" onmouseout="this.src='http://clubpenguincode.com/wordpress/adventure/adventure1.png'" ;="" style="position:fixed; float:right; right:0px; bottom:0px; cursor:pointer; cursor:hand;"> </p>
---------------------------------------------------------------------------------------------------------

Applause Button

Appearing on Club Penguin at the Music Jam and Penguin Play Awards, this button, when clicked, plays an applause noise! This is perfect for any type celebration, awards, or performance. 

Current version: 1.1.1 Try It Out ^↗ 

Code : 

<a onclick="playSound('http://clubpenguincode.com/wordpress/applause/applause.swf');">

<img src="http://clubpenguincode.com/wordpress/applause/dark.png" onmouseover="this.src='http://clubpenguincode.com/wordpress/applause/lighted.png'" onmouseout="this.src='http://clubpenguincode.com/wordpress/applause/dark.png'" ;="" style="position:fixed; float:right; right:0px; bottom:0px; cursor:pointer; cursor:hand;">

</a>

---------------------------------------------------------------------------------------------------------

Card-Jitsu Elements

The fire and water elements are a big part of Card-Jitsu. Why not show your appreciation and add them to your website?

Current version: 1.0.1 Try It Out ^↗

^{Code :}

<!-- The images originated from Club Penguin But From Penguin Castle : PENGUINCASTLE.BLOGSPOT.COM http://teamclubpenguincheats.blogspot.com/ -->
<img src="http://clubpenguincode.com/wordpress/jitsu/water.gif"; style="position:fixed; float:right; right:0px; bottom:0px;">
<img src="http://clubpenguincode.com/wordpress/jitsu/fire.gif"; style="position:fixed; float:left; left:0px; bottom:0px;">

---------------------------------------------------------------------------------------------------------

Fair Rooster

It looks like an innocent penguin dressed up as a rooster, but what happens when you click on it? It moos!

Current version: 1.0.1 Try It Out^↗

Code :

<script language="javascript" type="text/javascript"> 
function playSound(soundfile) {
document.getElementById("fair").innerHTML=
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script> 
<span id="fair"></span> 
<a onclick="playSound('http://clubpenguincode.com/wordpress/fair/moo.swf');"><div style="height:100%; width:100%;">
<img src="http://clubpenguincode.com/wordpress/fair/rooster.png"; style="position:fixed; float:right; cursor:pointer; cursor:hand; right:0px; bottom:0px;"> 
</a>
</div>

---------------------------------------------------------------------------------------------------------

Ghosts

It looks like some ghosts are following you and watching your every move! This adds a purple ghost to the top left and a blue ghost to the bottom right. This can be changed by modifying the CSS nested inside the HTML.



Current version: 1.0 Try It Out ↗

Code :
<!-- The images originated from Club Penguin but are from Penguin Castle And Used With Premission,http://penguincastle.blogspot.com -->
<img src="http://clubpenguincode.com/wordpress/ghosts/1.gif" width="200" height="103"; style="position:fixed; float:left; left:0px; top:0px;">
<img src="http://clubpenguincode.com/wordpress/ghosts/2.gif"; style="position:fixed; float:right; right:0px; bottom:0px;">

---------------------------------------------------------------------------------------------------------

Pumpkin

Halloween isn't complete without pumpkins! Roll your mouse over it to make the pumpkin light up.



Current version: 1.0.1 Try It Out ↗ 

Code :
<img src="http://clubpenguincode.com/wordpress/pumpkin/p1.png" onmouseover="this.src='http://clubpenguincode.com/wordpress/pumpkin/p2.png'" onmouseout="this.src='http://clubpenguincode.com/wordpress/pumpkin/p1.png'"; style="position:fixed; float:right; right:0px; bottom:0px;">
---------------------------------------------------------------------------------------------------------

Snow Globe

Adds a snow globe to the bottom right corner of your website. When you click it, it shakes back and work!



Current version: 1.0.1 Try This Out ↗

Code :
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
div#globe { margin: 0px; width: 200px; height: 122px; background-image:url(http://clubpenguincode.com/wordpress/snow/globe.png); position:fixed; float:right; right:0px; bottom:0px; cursor:pointer; cursor:hand; }
</style>
<script>
$(document).ready(function() {
$("div#globe").click(function () {
$(this).effect("shake", { times:3 }, 150);
});
});
</script>
<div id="globe"></div>


---------------------------------------------------------------------------------------------------------

Snow Race

D'oh! Everybody makes mistakes. Roll your mouse over the penguin in the demo page below to see what the yellow penguin's is!



Current version: 1.0.0 Try This Out 

Code :
<img src="http://clubpenguincode.com/wordpress/snowrace/ride.png" onmouseover="this.src='http://clubpenguincode.com/wordpress/snowrace/fell.png'"; style="position:fixed; float:right; right:0px; bottom:0px; cursor:pointer; cursor:hand;">
---------------------------------------------------------------------------------------------------------