Dude, you're always asking for people to post codes, release things, etc. Why don't you learn PHP, Javascript, CSS, XHTML and find out how hard it is to make this system. You'd understand why I'm not releasing it.
Also, thanks to everyone who has signed up and created a Home :)
XHTML = HTML without the crap that renders faster and conforms to the XML standard, learn your differences.
It's not hard atall, just a bit of javascript here and there and some xmlhttp objects, nothing out of the ordinary.
It is not hard to make a system like that.. It is very simple if programmed correctly and kept simple.
It just requires a connection to MySQL with several update and insert queries. For the javascript is just requires a little AJAX nothing to hard with a bit of Drag & Drop.
The most time consuming thing about building a system like that from my perspective is uploading all the stickers and backgrounds.
Quoted for truth.
He probably good as Baving is a good coder. But I don't think he understands that I haven't just coded a drag & drop thing. It's a lot more developed than that.
Ok ok, you still use scriptaculous so technically you haven't coded anything, make your own javascript framework and come back to me and Baving on that one.
Edit: It's not XHTML anyway, also compress your damn html.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>LakeHouses ~ Xoops</title>
<script language="javascript" src="js/ajax.js"></script>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
<script src="js/unittest.js" type="text/javascript"></script>
<script type="text/javascript" src="js/control.textarea.js"></script>
<script type="text/javascript" src="js/control.textarea.bbcode.js"></script>
<script type="text/javascript" src="js/getElementsBySelector.js"></script>
<link href="css/style2.css" type="text/css" rel="stylesheet" />
<link href="css/hskins.css" rel="stylesheet" type="text/css">
<link href="css/pages.css" rel="stylesheet" type="text/css">
<link href="css/compact.css" rel="stylesheet" type="text/css">
<link href="stickers/stickers.css" rel="stylesheet" type="text/css">
<link href="widgets/widgets.css" rel="stylesheet" type="text/css">
<link href="backgrounds/backgrounds.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
/* IE fix for :hover elements, damn you Microsoft! */
body {
behavior: url("csshover.htc");
}
-->
</style>
<script type="text/javascript">
var i = "0";
var heighting = "0";
hiding = "";
old_bg = "empty";
function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeigh t)
return arrayPageSize;
}
function hide_body(question)
{
var id = "overlay";
document.body.style.overflowX = "hidden";
var pageSize = getPageSize();
Element.setStyle("overlay", { width:'101.6%', height:''+pageSize[1]+'px' } );
new Effect.Appear("overlay");
$(id).morph('opacity:0.6',{ /*/options*/ });
}
function closeWebStore()
{
new Effect.Fade('change',{
afterFinish:function() { document.getElementById('change').innerHTML = '' }
});
var id = "overlay";
document.body.style.margin = "";
Element.setStyle("overlay", { width:'0%', height:'0px' } );
$(id).morph('opacity:0.0',{ /*/options*/ });
}
function showHabboHomeMessageBox(title, message, buttonText) {
var box = '<div class="dialog-grey" id="myhabbo-message2" style="z-index: 99999999; font-family: Verdana; font-size: 10px;">';
var box = box+' <div class="dialog-grey-top" style="width: 409px; height: 26px; ">';
var box = box+' <div class="dialog-greytab-top" style="cursor: move; height: 26px; text-align: left; padding-left: 0;">';
var box = box+' <h3 style="padding-right: 4px; padding-top: 7px; height: 26px; ">';
var box = box+' '+title+'';
var box = box+' </h3>';
var box = box+' </div>';
var box = box+' </div>';
var box = box+' <div class="dialog-grey-body" style="border-left: 1px solid #000000; width: 420px; margin-left: 0px; padding-right: 1px;"><div class="dialog-grey-content" style="border-left: 1px solid #000000;"><div class="clear" style="border-left: 1px solid #000000;"></div></div></div>';
var box = box+' <div class="dialog-grey-content" style="border-left: 1px solid #000000;width: 414px">';
var box = box+' <div class="dialog-grey-body" style=" margin: 0;width: 100%">';
var box = box+' <div class="dialog-grey-content" style="padding-left: 7px; padding-right: 7px;">';
var box = box+' <div class="clear">';
var box = box+' '+message+'';
var box = box+' </div><div style="text-align: right">';
var box = box+' <div style="margin-left: 31px;">';
var box = box+' <div id="exit" class="colorlink" style="margin-left: 300px; background-image: url(images/button.png); width: 414px; height: 15px; font-family: Verdana; font-size: 10px; font-weight: bold; text-align: center; padding-top: 3px; width: 69px; overflow: hidden;"><a onClick="closeHabboHomeMessageBox()" style="cursor: pointer">'+buttonText+'</a></div>';
var box = box+' </div>';
var box = box+' </div>';
var box = box+' </div></div>';
var box = box+' </div><div class="dialog-grey-bottom"><div class="dialog-greytab-bottom" style="width: 414px;"></div></div>';
var box = box+'</div>';
var box = box+'</div>';
hide_body("yes");
document.getElementById("myhabbo-message").innerHTML = box;
moveDialogToCenter("myhabbo-message");
}
function closeHabboHomeMessageBox() {
closeWebStore();
$("myhabbo-message").innerHTML = "";
}
function getViewportScrollY() {
var scrollY = 0;
if (document.documentElement && document.documentElement.scrollTop) {
scrollY = document.documentElement.scrollTop;
}
else if (document.body && document.body.scrollTop) {
scrollY = document.body.scrollTop;
}
else if (window.pageYOffset) {
scrollY = window.pageYOffset;
}
else if (window.scrollY) {
scrollY = window.scrollY;
}
return scrollY;
};
function moveDialogToCenter(dialog) {
var topPos = Position.cumulativeOffset($("top"));
var dim = Element.getDimensions(dialog);
var pageSize = getPageSize();
var x = 0, y = 0;
x = Math.round(pageSize[2] / 2) - Math.round(dim.width / 2);
if ($("ad_sidebar")) {
var adPos = Position.cumulativeOffset($("ad_sidebar"));
if (x + dim.width > adPos[0]) { x = adPos[0] - dim.width; }
}
if (x < 0) { x = 0; }
y = getViewportScrollY() + 80;
if (y + dim.height > pageSize[1]) { y = pageSize[1] - dim.height; }
if (y < topPos[1]) { y = topPos[1] + 20; }
$(dialog).style.left = x *2/3 + "px";
$(dialog).style.top = y * 1+ "px";
}
</script>
<script type="text/javascript" language="javascript">
/*########*/
function observeAnim() {
var p = document.getElementsByClassName("profile-figure");
if (p.length > 0) {
R=0; x1=.1; y1=.08; x2=.25; y2=.24; x3=1.6; y3=.24;
x4=220; y4=200; x5=260; y5=200;
DI = document.getElementsByClassName("moveable");
DIL=DI.length;
bckup = new Array();
for(i=0; i<DIL; i++){
bckup[DI[i].id + '-t'] = DI[i].style.top;
bckup[DI[i].id + '-l'] = DI[i].style.left;
}
Event.observe(p[0], "dblclick", function(e) {
if (R < 300) {
Event.stop(e);
for(i=0; i<DIL; i++){
new Effect.Move(DI[i], {x : parseFloat(Math.sin(R*x1+i*x2+x3)*x4+x5), y : parseFloat(Math.cos(R*y1+i*y2+y3)*y4+y5), mode : 'absolute'});
}
setTimeout(function() {
B = setInterval(A,10);
}, 1000);
}
});
}
function A(){
for(i=0; i<DIL; i++){
DIS=DI[i].style;
DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5 + "px";
DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5 + "px";
}
R++;
if (R > 300) {
clearInterval(B);
for(i=0; i<DIL; i++){
new Effect.Move(DI[i], {x : parseFloat(bckup[DI[i].id + '-l']), y : parseFloat(bckup[DI[i].id + '-t']), mode : 'absolute'});
}
}
document.getElementsByClassName("profile-figure").each(function(element)
{
var zInde = $(element).style.zIndex;
$(element).style.zIndex = zInde - 1;
});
}
}
function moveUpDo(heightvar)
{
height_to_add = height_to_add + heightvar;
}
function generatePostBody() {
var stickie_values = "";
var sticker_values = "";
var widget_values = "";
var background_value = element_data['background'];
document.getElementsByClassName("moveable", "mypage-bg").each(function(element) {
if (Element.hasClassName(element, "stickie")) {
value = element_data[element.id];
if (value) {
stickie_values += value;
}
} else if (Element.hasClassName(element, "sticker")) {
value = element_data[element.id];
if (value) {
sticker_values += value;
}
} else if (Element.hasClassName(element, "widget")) {
value = element_data[element.id];
if (value) {
widget_values += value;
}
}
});
var postBody = "";
if (sticker_values.length > 0) {
postBody= 'stickers= '+sticker_values;
}
if (stickie_values.length > 0) {
if(postBody.length > 0) {
postBody+= '&';
}
postBody+= 'stickienotes= '+stickie_values;
}
if (widget_values.length > 0) {
if(postBody.length > 0) {
postBody+= '&';
}
postBody+= 'widgets= '+widget_values;
}
if (background_value != null) {
if(postBody.length > 0) {
postBody+= '&';
}
postBody+= 'background= '+background_value;
}
return postBody;
}
function getElementsInInvalidPositions() {
var invalidPositions = [];
document.getElementsByClassName("moveable", "playground").each(function(element) {
if (isNotWithinPlayground(element) && element.className != "moveable NOTEGONE" && element.className != "moveable LOL") { invalidPositions.push(element); };
});
return invalidPositions;
}
function getAddVar()
{
}
function load_simon(){
window.location = "?habbo=Invent!";
}
function heightAlert()
{
var heighting = "lol";
alert("yeye!" + heighting);
}
function clearDraggables() {
Draggables.drags.each(function(element) {
element.destroy();
});
}
function initMovableItems() {
clearDraggables();
document.getElementsByClassName("moveable", "playground").each(function(element) {
new Draggable(element, {
onStart:doStart,
revert:isNotWithinPlayground,
starteffect:Prototype.emptyFunction,
onEnd:showIcons,
endeffect:function(element) {
if(!isNotWithinPlayground(element)) {
bringElementOnTop(element);
}
}, zindex:9000
});
});
}
function store(type) {
hide_body("yes");
Effect.Appear('change');
$("change").innerHTML = '<div style="width: 102px; margin-left: auto; margin-right: auto;"><br /><br /><br /><br /><br /><br /><img src="images/progress_habbos.gif" /></div>';
$("change").style.left = '45%';
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null){
alert ("Browser does not support HTTP Request")
return
}
if(type == "inv")
{
var url = "store/index.php?inv=true";
}
else if(type == "store")
{
var url = "store/index.php";
}
xmlHttp.open("GET",url,true)
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4) {
$("change").style.left = '25%';
document.getElementById("change").innerHTML = xmlHttp.responseText;
}
};
xmlHttp.send(null);
}
function listRemoved()
{
document.getElementsByClassName("LOL", "playground").each(function(element) {
alert(element.id);
});
}
function saveObserve()
{
var handlerFunc = function(t) {
$("myhabbo-overlay").innerHTML = "<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center><img src=\"images/progress_habbos.gif\" alt=\"Saving...\" /><br /><font face='verdana' color='white' size='1'><strong>SAVED!</strong></font></center>";
window.location = "compact.php?habbo=Xoops";
}
var invalidPos = getElementsInInvalidPositions();
if (invalidPos.length > 0) {
$("myhabbo-overlay").innerHTML = '';
showHabboHomeMessageBox("Whoops! You can\'t do that!", "Sorry, but you can\'t place your stickers, notes or widgets here. Close the window to continue editing your page.", "Close");
$A(invalidPos).each(function(el) { Effect.Pulsate(el); });
return false;
}
else
{ hide_body("yes");
$("myhabbo-overlay").innerHTML = "<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center><img src=\"images/progress_habbos.gif\" alt=\"Saving...\" /><br /><font face='verdana' color='white' size='1'><strong>Saving...</strong></font></center>";
document.getElementsByClassName("moveable", "mypage-bg").each(function(element)
{
if(Element.hasClassName(element, "LOL"))
{
new Ajax.Request("send_inv.php",
{
parameters:"id="+element.id+"&username=Edd"
}
);
}
else if(Element.hasClassName(element, "NOTEGONE"))
{
new Ajax.Request("rem_note.php",
{
parameters:"id="+element.id+"&username=Edd"
}
);
}
else if(Element.hasClassName(element, "sticker"))
{
if(!Element.hasClassName(element, "LOL"))
{
var left = $(element.id).style.left;
var top = $(element.id).style.top;
var z = $(element.id).style.zIndex;
new Ajax.Request("update2.php",
{
parameters:"update=true&id="+element.id+"&username=Edd&x="+left+"&y="+top+"&type=sticker&z="+z+""
}
);
}
}
else if(Element.hasClassName(element, "widget"))
{
var left = $(element.id).style.left;
var top = $(element.id).style.top;
var z = $(element.id).style.zIndex;
var skin = $(element.id+"-ProfileSkinChoose").className;
new Ajax.Request("update2.php",
{
parameters:"update=true&id="+element.id+"&username=Edd&style="+skin+"&x="+left+"&y="+top+"&type=widget&z="+z+""
}
);
}
else if(Element.hasClassName(element, "stickie"))
{
var left = $(element.id).style.left;
var top = $(element.id).style.top;
var z = $(element.id).style.zIndex;
var skin = $(element.id+"-ProfileSkinChoose").className;
new Ajax.Request("update2.php",
{
parameters:"update=true&id="+element.id+"&username=Edd&style="+skin+"&x="+left+"&y="+top+"&type=text&z="+z+""
}
);
}
}
);
/* widgetzz */
var removed2 = function(t)
{
var e = t.responseText;
var e2 = e.split("|");
for (var i = 0; i < e2.length; i++) {
if(!document.getElementById(e2[i]))
{
/* If the element DOESN'T exist, then remove it! :D */
new Ajax.Request("send_inv.php",
{
parameters:"id="+e2[i]+"&username=Edd"
}
);
}
else
{
/* It DOES exit! So remove all extra SQL tags */
new Ajax.Request("remove_sql.php",
{
parameters:"id="+e2[i]+"&username=Edd"
}
);
}
}
}
new Ajax.Request("get_widgets.php",
{
parameters:"username=Edd",
onSuccess:removed2,
onFailure:removed2
}
);
/* removed saving */
var removed = function(t)
{
var e = t.responseText;
var e2 = e.split("|");
for (var i = 0; i < e2.length; i++) {
if(!document.getElementById(e2[i]))
{
/* If the element DOESN'T exist, then remove it! :D */
new Ajax.Request("send_inv.php",
{
parameters:"id="+e2[i]+"&username=Edd"
}
);
}
}
}
new Ajax.Request("get_removed.php",
{
onSuccess:removed,
onFailure:removed
}
);
/* Background saving! */
new Ajax.Request("bg_do.php", {
parameters:"bg="+element_data['background']+"&username=Edd",
onSuccess:handlerFunc
}
);
}
}
function button_edit(src)
{
if(src == "hide")
{
doStart();
hiding = "yes";
}
else if(src == "show")
{
document.getElementsByClassName("edit-icon").each(function(element) {
document.getElementById(element.id).style.display = "block";
}
);
hiding = "no";
}
}
function set_bg(src)
{
$(src).innerHTML = "<img src=\"store/images/selector.png\" />";
$(old_bg).innerHTML = "<img src=\"store/slot_mask.png\" />";
old_bg = src;
}
/*######*/
</script>
<script type="text/javascript">
<!--
gbhabbo = "Xoops";
function delGbMsg(e, id)
{
var q = confirm("Are you sure you want to remove this message? This action is undoable!");
if(q)
{
var handle = function(e)
{
// Handler
if(e.responseText != "1")
{
alert(e.reponseText);
}
else
{
new Effect.Fade("guestbook-entry-"+id);
num = Number(num) - 1;
var signs = $("guestbook-size").innerHTML;
var signs2 = (Number(signs) - 1);
$("guestbook-size").innerHTML = signs2;
if(num == "0")
{
$("info").innerHTML = "<center>This guestbook has not yet been signed!</center>";
new Effect.Appear("info", { queue:'end' });
}
}
}
new Ajax.Request("delGb.php",
{
parameters:"id=322&msg="+id,
onSuccess:handle,
onFailure:function(e) { alert("Could not remove message: "+e.responseText); }
});
}
}
function openPostMsg()
{
var offsets = Position.cumulativeOffset($('guestbook-open-dialog'));
var left = (offsets[0] - 190) +"px";
var top = (offsets[1] - 200) +"px";
$("gb-post").style.position = "absolute";
$("gb-post").style.left = left;
$("gb-post").style.top = top;
$("gb-post").style.display = "block";
}
function editPost()
{
$("preview").style.display = "none";
$("form").style.display = "block";
}
function preview()
{
var msg = document.gb_msg.msg.value;
if(msg == "")
{
alert("Your message field was left empty!..");
}
else
{
$("preview").innerHTML = "<strong>Please wait...</strong>";
$("form").style.display = "none";
$("preview").style.display = "block";
var handle = function(e)
{
$("preview").innerHTML = e.responseText;
}
new Ajax.Request("previewGb.php",
{
parameters:"msg="+encodeURI(escape(msg)),
onSuccess:handle,
onFailure:handle
});
}
}
function postMsg()
{
var msg = document.gb_msg.msg.value;
if(msg == "")
{
alert("Your message is empty!");
}
else
{
$("preview").innerHTML = "<strong>Please wait...</strong>";
$("form").style.display = "none";
$("preview").style.display = "block";
var handle = function(e)
{
document.gb_msg.msg.value = "";
$("gb-post").style.display = "none";
$("info").style.display = "none";
$("preview").style.display = "none";
$("form").style.display = "block";
new Insertion.Top("guestbook-entry-container", e.responseText);
}
new Ajax.Request("postGb.php",
{
parameters:"msg="+encodeURI(escape(msg))+"&gb="+gbhabbo,
onSuccess:handle,
onFailure:handle
});
}
}
function doStart()
{
closeMenu("e");
document.getElementsByClassName("edit-icon").each(function(element) {
document.getElementById(element.id).style.display = "none";
}
);
}
function showIcons()
{
if(hiding == "no" || hiding == "")
{
document.getElementsByClassName("edit-icon").each(function(element) {
document.getElementById(element.id).style.display = "block";
}
);
}
}
function clearDraggables() {
Draggables.drags.each(function(element) {
element.destroy();
});
}
function initDraggableDialogs() {
$$('.dialog-grey').each(function(dialog) {
new Draggable(dialog, {
handle:'dialog-grey-handle',
starteffect:Prototype.emptyFunction,
endeffect:Prototype.emptyFunction,
zindex:9100
});
});
}
function setDraggables() {
clearDraggables();
document.getElementsByClassName("moveable", "playground").each(function(element) {
new Draggable(element, {
handle:element.id+"-handle",
onStart:doStart,
revert:isNotWithinPlayground,
starteffect:Prototype.emptyFunction,
onEnd:showIcons,
endeffect:function(element) {
if(!isNotWithinPlayground(element)) {
bringElementOnTop(element);
}
}, zindex:9000
});
});
/* Extra draggables */
new Draggable("gb-post", {
starteffect:Prototype.emptyFunction,
endeffect:Prototype.emptyFunction,
handle:"top22",
zindex:9000
});
}
function reportSticker(e, sticker)
{
Event.stop(e);
if(document.getElementById("iya"))
{
var d = document.getElementById('playground');
var olddiv = document.getElementById("iya");
d.removeChild(olddiv);
}
var left = $(sticker).style.left
var width = $(sticker).style.width;
var top = $(sticker).style.top;
var height = $(sticker).style.height;
var brokenstring=left.split("px");
var brokedstring=width.split("px");
var brokerstring=top.split("px");
var height2=height.split("px");
var top2 = Number(brokerstring[0]) - Number(height2[0]) + Number(brokerstring[0]) - 500;
var position = Number(brokenstring[0]) + Number(brokedstring[0]);
var box = "<div id=\"iya\" style=\"position: absolute; color: #FFFFFF; z-index: 0; display: none; left:"+position+"; top:"+brokerstring[0]+";\"></div>";
var show = function(k)
{
document.getElementById("iya").innerHTML = k.responseText;
}
new Insertion.Bottom("playground", box);
var loading = '<table border="0" cellspacing="0" cellpadding="0" style="z-index: 9999999">';
var loading = loading + ' <tr>';
var loading = loading + ' <td><img src="images/edit/top.gif" width="193" height="8"></td>';
var loading = loading + ' </tr>';
var loading = loading + ' <tr>';
var loading = loading + ' <td valign="top" background="images/edit/mid.gif" style="font-family: Tahoma; font-size: 11px; color:#000000;">';
var loading = loading + ' ';
var loading = loading + ' <center>';
var loading = loading + ' ';
var loading = loading + ' <div id="top" style="border-bottom: 1px dashed #000000; width: 90%">';
var loading = loading + ' ';
var loading = loading + ' <strong>';
var loading = loading + ' Report Item';
var loading = loading + ' </strong>';
var loading = loading + ' ';
var loading = loading + ' </div>';
var loading = loading + ' <br />';
var loading = loading + '<center><img src="images/progress_habbos.gif" /></center>';
var loading = loading + ' </td>';
var loading = loading + ' </tr>';
var loading = loading + ' <tr>';
var loading = loading + ' <td><img src="images/edit/bottom.gif" width="193" height="8"></td>';
var loading = loading + ' </tr>';
var loading = loading + '</table>';
$("iya").innerHTML = loading;
new Ajax.Request("report.php",
{
parameters:"sticker="+sticker,
onSuccess:show
}
);
var pos = Position.cumulativeOffset($(sticker));
var lefts = Number(brokedstring[0]) + Number(brokenstring[0])
var menu = $("iya");
menu.style.top = (pos[1] - 215) + "px";
menu.style.left = Number(lefts) + "px";
menu.style.float = "right";
menu.style.display = "block";
menu.style.zIndex = "99999999";
$("iya").style.zIndex = "999999";
Event.observe('playground', 'dblclick', function(e){ closeMenu(e) });
}
-->
</script>
<style type="text/css">
<!--
#bbcode_toolbar {
position: relative;
list-style: none;
margin: 0;
padding: 0;
height: 20px;
margin-bottom: 2px;
}
#bbcode_toolbar li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#bbcode_toolbar li a {
width: 19px;
height: 18px;
float: left;
display: block;
margin: 1px !important;
margin: 0 1px 0 0;
}
#bbcode_toolbar li span {
display: none;
}
#bbcode_bold_button {
background-image: url(images/bold.gif);
}
#bbcode_italics_button {
background-image: url(images/italic.gif);
}
#bbcode_underline_button {
background-image: url(images/underline.gif);
}
#bbcode_strike_button {
background-image: url(images/strike.gif);
}
#bbcode_quote_button {
background-position: 0 -54px;
}
#bbcode_largesize_button {
background-position: 0 -72px;
}
#bbcode_smallsize_button {
background-position: 0 -90px;
}
#bbcode_code_button {
background-position: 0 -108px;
}
#bbcode_link_button {
background-position: 0 -126px;
}
#bbcode_toolbar select {
margin-left: 3px;
}
.bbcode-quote {
background-color: #ceceba;
border: 1px solid #000000;
margin: 3px 3px 10px;
padding: 5px;
}
.w_skin_defaultskin .bbcode-quote {
background-color: #ceceba;
}
.w_skin_goldenskin .bbcode-quote {
background-color: #c9cab1;
}
.w_skin_hc_pillowskin .bbcode-quote {
background-color: #e274ba;
}
.w_skin_hc_machineskin .bbcode-quote {
background-color: #1f5f16;
}
.w_skin_metalskin .bbcode-quote {
background-color: #9999a3;
}
.w_skin_notepadskin .bbcode-quote {
background-color: #d6dbef;
}
.w_skin_speechbubbleskin .bbcode-quote {
background-color: #e2e2e2;
}
.w_skin_noteitskin .bbcode-quote {
background-color: #7ea7d0;
}
-->
</style>
<script type="text/javascript">
<!--
/*function setCookie(name, value, expires, path, domain, secure) {
document.cookie = name + "=" + escape (value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}
function remAlert()
{
var change = function(e)
{
$("alert-sending").style.display = "none";
alert("Alert sent!");
}
new Ajax.Request("rem_alert.php",
{
onSuccess:change,
onFailure:change
});
}
function sendAlert()
{
var msg = prompt("Enter the message you want to be sent to the website", "");
var handler = function(e)
{
$("alert-sending").style.display = "block";
setTimeout("remAlert()", 5000);
}
if(msg)
{
new Ajax.Request("sendAlert.php",
{
parameters:"msg="+msg,
onSuccess:handler,
onFailure:handler
});
}
}
function checkAlert()
{
var handler = function(e)
{
if(getCookie(e.responseText) != "read" && e.responseText != "")
{
if(e.responseText)
{
showHabboHomeMessageBox("Message from LakeHabbo Homes", e.responseText, "Close");
setCookie(e.responseText, "read", 365);
}
}
}
new Ajax.Request("alerts.php",
{
onSuccess:handler,
onFailure:handler
}
);
setTimeout('checkAlert()', 3000);
}*/
//-->
</script>
</head>
<body onload="observeAnim(); initDraggableDialogs(); " id="body">
<!--
Overlays and Draggables
-->
<div id="overlay" style="position: absolute; width: 0; left: 0; top: 0; width: 105%; height: 0; background-color: #000000; opacity: 0; display: none; z-index: 999999;">
</div>
<div id="change" style="position: absolute; left: 25%; top: 10%; z-index: 99999999999;">
</div>
<div id="myhabbo-message" style="position: absolute; z-index: 9999999;">
</div>
<div id="empty" style="display: none">
</div>
<div id="myhabbo-overlay" style="position: absolute; z-index: 9999999; width: 100%;">
</div>
<script type="text/javascript" language="javascript" charset="utf-8">
// <![CDATA[
new Draggable('myhabbo-message',
{
scroll:window,
handle:"dialog-greytab-top",
starteffect:Prototype.emptyFunction,
endeffect:Prototype.emptyFunction
}
);
// ]]>
</script>
<div id="preloader" style="display: none">
<!--
// This is used to preload images for the webstore in IE!
--><img src="store/images/store_inventory.gif" alt="">
<img src="store/images/store_inventory_fade.png" alt="">
<img src="store/images/store_webstore_fade.png" alt="">
<img src="store/images/store_webstore_icon.gif" alt=""> </div>
<!--
// Overlays and Draggbles ^
-->
<div align="center" id="top">
<div id="rofl" style="position: relative; left: 10px; top: 40px;">
</div>
<div id="banner">
<div id="nav-buttons">
<a href="?page=home" target="_self">
<div class="nav-button">
Home </div>
</a><a href="?page=createhome" target="_self">
<div class="nav-button">
Register </div>
</a><a href="?page=login" target="_self">
<div class="nav-button">
Login </div>
</a></div>
</div>
<br />
<br />
<div id="playground-set">
<div id="home-header" class="-header">
Xoops's Home </div>
<div id="playground-areas" style="clear: both; overflow: hidden;">
<div id="mypage-bg" class="bbfm_home_Striping Blue " style="width: 918px;">
<div id="playground" style="text-align: left;">
<script type="text/javascript" language="javascript" charset="utf-8">
// <![CDATA[
Droppables.add('playground',{
accept:['sticker_hw_logo','"jKkfGuyPetarded_v2_72"','"aZt23"','"gBx16"','"nCfballer10"','"Dn220px-Esso_logo_svg"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"oKuleafs2"','"hZhleafs1"','"zHbfont_1195944399"','box1','otherstuff']
});
// ]]>
</script>
<div id="sticker-5062" class="moveable sticker sticker_hw_logo" style="position: absolute; width: 415px; left: 242px; top: 765px; z-index: 52; height: 112px; visibility: visible;">
</div>
<div id="sticker-5063" class="moveable sticker jKkfGuyPetarded_v2_72" style="position: absolute; width: 400px; left: 253px; top: 376px; z-index: 10; height: 430px; visibility: visible;">
</div>
<div id="sticker-5064" class="moveable sticker aZt23" style="position: absolute; width: 48px; left: 623px; top: 309px; z-index: 56; height: 48px; visibility: visible;">
</div>
<div id="sticker-5065" class="moveable sticker gBx16" style="position: absolute; width: 50px; left: 241px; top: 300px; z-index: 1; height: 50px; visibility: visible;">
</div>
<div id="sticker-5066" class="moveable sticker nCfballer10" style="position: absolute; width: 50px; left: 132px; top: 177px; z-index: 51; height: 50px; visibility: visible;">
</div>
<div id="sticker-5067" class="moveable sticker Dn220px-Esso_logo_svg" style="position: absolute; width: 220px; left: 251px; top: 483px; z-index: 48; height: 156px; visibility: visible;">
</div>
<div id="sticker-5068" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 226px; top: 333px; z-index: 15; height: 80px; visibility: visible;">
</div>
<div id="sticker-5069" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 349px; top: 329px; z-index: 16; height: 80px; visibility: visible;">
</div>
<div id="sticker-5070" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 461px; top: 328px; z-index: 58; height: 80px; visibility: visible;">
</div>
<div id="sticker-5071" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 529px; top: 327px; z-index: 61; height: 80px; visibility: visible;">
</div>
<div id="sticker-5072" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 239px; top: 763px; z-index: 20; height: 80px; visibility: visible;">
</div>
<div id="sticker-5073" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 477px; top: 768px; z-index: 40; height: 80px; visibility: visible;">
</div>
<div id="sticker-5074" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 364px; top: 767px; z-index: 39; height: 80px; visibility: visible;">
</div>
<div id="sticker-5075" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 631px; top: 588px; z-index: 38; height: 146px; visibility: visible;">
</div>
<div id="sticker-5076" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 202px; top: 674px; z-index: 35; height: 146px; visibility: visible;">
</div>
<div id="sticker-5077" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 614px; top: 363px; z-index: 60; height: 146px; visibility: visible;">
</div>
<div id="sticker-5078" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 624px; top: 469px; z-index: 37; height: 146px; visibility: visible;">
</div>
<div id="sticker-5079" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 199px; top: 556px; z-index: 49; height: 146px; visibility: visible;">
</div>
<div id="sticker-5080" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 207px; top: 447px; z-index: 50; height: 146px; visibility: visible;">
</div>
<div id="sticker-5081" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 214px; top: 349px; z-index: 54; height: 146px; visibility: visible;">
</div>
<div id="sticker-5083" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 556px; top: 769px; z-index: 43; height: 80px; visibility: visible;">
</div>
<div id="sticker-5084" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 624px; top: 654px; z-index: 42; height: 146px; visibility: visible;">
</div>
<div id="sticker-5085" class="moveable sticker zHbfont_1195944399" style="position: absolute; width: 300px; left: 313px; top: 353px; z-index: 1; height: 26px; visibility: visible;">
</div>
<div class="moveable widget GuestbookWidget" onclick="" id="widget-322" style="position: absolute; font-family: verdana; font-size: 11px; left: 117px; top: 137px; z-index: 8;">
<div id="widget-322-title" class="defaultskin">
</div>
<div id="widget-322-ProfileSkinChoose" class="w_skin_defaultskin">
<div class="widget-corner" id="widget-322-handle" style="">
<div style="position: absolute; z-index: 999999; right: 20px;">
</div>
<div class="widget-headline">
<h3></h3>
<div style="">
<span class="header-left"> </span><strong><span class="header-middle">MY
GUESTBOOK(<span id="guestbook-size">0</span>)</strong>
<span id="guestbook-type" class="public">
</span></span>
<span class="header-right"> </span></div>
<h3></h3>
</div>
</div>
<div class="widget-body">
<div class="widget-content">
<div id="guestbook-wrapper" class="gb-public" style="clear: both; overflow: auto;">
<ul class="guestbook-entries" id="guestbook-entry-container">
<div id="info">
<center>This guestbook has not
yet been signed!</center></div>
<br />
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="gb-post" style="display: none; z-index: 99999;">
<div class="speech_top">
<div class="top22" id="top22" style="cursor: move">
Post a message</div>
</div>
<div class="speech_mid" style="overflow: hidden">
<form name="gb_msg" id="gb_msg" method="post" action="javascript:void(0); postMsg();">
<div id="preview" style="display: none">
</div>
<div id="form" style="display: block">
<strong>Message:</strong> <br />
<textarea name="msg" id="msg" cols="35" style="font-family: Verdana, Tahoma; width: 215px; font-size: 11px;" rows="3"></textarea>
</div>
<br />
<br />
<div style="float: left">
<input type="submit" name="submit" id="submit" style="font-family: Tahoma; font-size: 11px;" value="Post Message" /></div>
</form>
<form name="preview" id="preview" method="post" action="javascript:void(0); preview();">
<div style="float: right;">
<input type="submit" name="submit" id="submit" style="font-family: Tahoma; font-size: 11px;" value="Preview Message" />
</div>
</form>
</div>
<div class="speech_bot">
</div>
</div>
<script type="text/javascript">
<!--
bbcodeToolbar = new Control.TextArea.ToolBar.BBCode("msg");
bbcodeToolbar.toolbar.toolbar.id = "bbcode_toolbar";
var colors = { "red" : ["#d80000", "Red"],
"orange" : ["#fe6301", "Orange"],
"yellow" : ["#ffce00", "Yellow"],
"green" : ["#6cc800", "Green"],
"cyan" : ["#00c6c4", "Cyan"],
"blue" : ["#0070d7", "Blue"],
"gray" : ["#828282", "Grey"],
"black" : ["#000000", "Black"]
};
bbcodeToolbar.addColorSelect("Colours", colors, true);
new Draggable('gb-post',
{
scroll:window,
onStart:doStart,
starteffect:Prototype.emptyFunction,
endeffect:Prototype.emptyFunction,
onEnd:showIcons,
handle:'top22'
}
);
-->
</script>
<div class="moveable widget ProfileWidget" id="widget-321" style="float: left; font-family: verdana, tahoma; clear: both; position: absolute; left: 522px; top: 67px; display: block; clear: both; z-index: 55">
<div id="widget-321-ProfileSkinChoose" class="w_skin_defaultskin">
<div class="widget-corner" id="widget-321-handle">
<div class="widget-headline">
<h3><span class="header-left"> </span><span class="header-middle">MY
HABBO</span><span class="header-right">
</span></h3>
</div>
</div>
<div class="widget-body">
<div class="widget-content">
<div class="profile-info" style="font-size: 11px">
<div class="name" style="">
<span class="name-text" style="text-decoration: underline;">
<img src="http://www.habbo.co.uk/habbo-imaging/avatarimage?user=Xoops&action=4&direction=4&head_d irection=4&gesture=sml&size=l&img_format=gif" alt="Xoops" style="margin-top: -20px; margin-left: 10px;" align="right" /><strong>Xoops</strong></span>
</div>
<div>
</div>
</div>
<div class="profile-motto">
eddFTW :]<br />
<img src="images/HC1.gif" border="0" alt="Badge" />
<div class="clear">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br />
<div id="disclaimer">
HabboLake 'LakeHouses' was developed by Invent! of Habbo UK
exclusively for HabboLake.com and TheHabbo.com </div>
</div>
</div>
</body>
</html>