(at the html
macro) :)
<div class="div-shoutbox" style="bottom: 0; right: 0; position: fixed; border: 1px solid white; border-bottom: 0px; background-color: black; border-radius: 10px; border-bottom-right-radius: 0;border-bottom-left-radius: 0;">
<div class="top-shoutbox" style="text-align: left; color: white; font-weight: bold;padding-left: 10px;font-size: 20px; border-bottom: 1px solid white;">
<a href="#" class="minimize" style="color: white">-</a>
<a href="#" style="color: white;margin-left: 110px;">Shoutbox</a>
<a href="http://forum.sniperjum.com/Shoutbox-tutorial-td11422.html" class="manual" style="font-size: 14px;float: right;margin-right: 10px;margin-top: 3px;">Manual</a>
</div>
<div class="div-shoutbox-box">
<b>- here your script to your http://www2.yourshoutbox.com shoutbox -</b>
</div>
</div>
<script type="text/javascript">
$(".top-shoutbox").click(function() {
min_max();
});
$(".minimize").click(function() {
event.stopPropagation();
min_max();
});
$(".manual").click(function() {
event.stopPropagation();
});
function min_max() {
var min = Nabble.getCookie("min");
if (!min) {
$(".div-shoutbox").animate({
height: 50
}, 800);
Nabble.setCookie("min", true);
}
else if (min) {
$(".div-shoutbox").animate({
height: 485
}, 800);
Nabble.deleteCookie("min");
}
}
$( document ).ready(function() {
var min = Nabble.getCookie("min");
if (min) {
$(".div-shoutbox").css("height", "50px")
Nabble.setCookie("min", true);
}
});
</script>
:) Helper