Remaster 2006 Habbo Layout [release][work-in-progress]

Quote:

---

Originally Posted by Sabbo

Create silly messages to reveal who they are and what they do

---

Can everyone edit their own message, or is it just a textbox that needs to be filled in by an admin?

Quote:

---

Originally Posted by Joorren

Can everyone edit their own message, or is it just a textbox that needs to be filled in by an admin?

---

As of right now, the administrator would have to add the messages (or don't), administrators have full control how they showcase their content

- - - Updated - - -

When searching for usernames, you now will be able to see the users formated username (admins get a crown)

CAUSE WHY NOT!

http://i.imgur.com/4gj5aRp.png

- - - Updated - - -

When comparing the 2006 theme/template to the 2009 theme/template, well the 2006 template/theme doesn't even compare to the functionality the 2009 theme/template has, so for today I will be doing the following:


* Creating a copy of current 2009 stylesheets and making a second theme for the 2009 templates.
* I'll be redesinging the 2009 theme to make it look like the 2006 theme while keeping the 2009 template the same. This way both themes get the same functionality, but looking totally different. I believe this is possible without having to changing any of the templates.

This is a good thing because I won't have to be working on 2 separate templates at the same time, which means a faster release and I'll still be releasing a 2006 theme and a 2009 theme as I said I would.

The downfall is that all current work on the 2006 theme/template is kind of redundant, but I can use the work I done so far to reference how I go about theming the 2006 theme.


Feedback is welcome and your input may change the way I do things

- - - Updated - - -

I found this in the revision of holocms I was using, this gives me an idea how 2006 homes looks (mainly the buttons and the store)

http://i.imgur.com/lU0aGMS.png

- - - Updated - - -

This is a development after all, so expect ugly. It gives you an idea how I process things and work through them though.


http://i.imgur.com/seEpUT1.png

- - - Updated - - -

I have 0 modifications to the template, as you can see I was correct to think that it woruld work out :D

- - - Updated - - -

Now it's just a matter of tidying up the header, footer and making the content (plugins) match 2006 theme which should be easy to do!

http://i.imgur.com/ECtcUbA.png

- - - Updated - - -

Compromises:

Header won't be exactly like habbo's 2006 layout

- - - Updated - - -

Once I'm done editing the theme, no one would have ever known the difference :lol:

- - - Updated - - -

Functionality still the same; also stress testing with all those stickers :D

http://i.imgur.com/GKWliMX.gif

This header is posing a great challenge for me

http://i.imgur.com/vR9kTUj.png

- - - Updated - - -

Maybe it's just an alignment issue, maybe I just need to spread everything out a little more :?:

- - - Updated - - -

Pretty happy with the results, considering the limitations that have been put on me

I just need to redo buttons, change some colours to the appropriate 2006 theme and I'll probably leave it at that for the time being

Feedback is welcome!

http://i.imgur.com/U1NaBpl.png

As someone who's never touched any kind of forum software before; I'm impressed with how much you've been able to do, and that it's even possible in what seems like a very old platform.

It's cool and unique :thumbup:

Quote:

---

Originally Posted by Konquer

As someone who's never touched any kind of forum software before; I'm impressed with how much you've been able to do, and that it's even possible in what seems like a very old platform.

It's cool and unique :thumbup:

---

The time I've spent using MYBB I have learnt a lot about the platform and my experience with coding has changed.


The things I dislike about MyBB is how you manage the themes (right now I'm not using the theme manager as it doesn't work for what I want it to do). In a couple of months though MyBB will be releasing 1.9 which will update their themes manager and a couple of other interesting things that I look forward to, hopefully they'll become relevant.

The template manager/plugins are amazing, I wouldn't change anything about them as they work pretty well (as you can see from my development)

The language system is very limiting, the mybb team know this as I've spoken to some of them and they want to overhaul it, which is a good thing.

The system itself is very stable, it's relatively fast, it doesn't slow down and it's secure.


The best thing about MyBB is that it's got an active community and it's FREE! The only limitation is yourself

- - - Updated - - -

I'm sick of trying to find things in this /web-gallery/ so I've made things much simpler and more organised.

I spend more time trying to find a javascript file, it's like playing cat and mouse, is it in /static/js/ or /js/, same with images/v2/styles/blababa

http://i.imgur.com/jrTI9C2.png

- - - Updated - - -

We lost a lot of stylesheets along the way, lets all give a moment of silence

http://i.imgur.com/Ccrq2V0.png

- - - Updated - - -

Assets.css needs work (205KB!!!!)

- - - Updated - - -

Visual.js, libs.js and libs2.js should never be modified

http://i.imgur.com/qHN1KVK.png

- - - Updated - - -

727 of those files are /images/stickers/ lol

http://i.imgur.com/fGUd4jE.png

- - - Updated - - -

Minor adjustment to who's online

http://i.imgur.com/oRelcMD.png

- - - Updated - - -

I would also like to change every .gif or any other terrible format into .png, eventually

- - - Updated - - -

HTML markup needs changing too into..

<header>
<nav>
<main>
<section>
<footer>

- - - Updated - - -

Do I really want to continue supporting internet explorer? IE6? :lol:

- - - Updated - - -

Sorry to those internet explorer users, you no longer are being supported by my project

- - - Updated - - -

I said not to modify visual.js, libs.js and libs2.js, but I am anyway

- - - Updated - - -


The removal van has come back

Code:

---

if (Prototype.Browser.Opera) {
 Element.Methods.getStyle = Element.Methods.getStyle.wrap(function(D, B, C) {
  switch (C) {
  case "left":
  case "top":
  case "right":
  case "bottom":
    if (D(B, "position") === "static") {
    return null
    }
  case "height":
  case "width":
    if (!Element.visible(B)) {
    return null
    }
    var E = parseInt(D(B, C), 10);
    if (E !== B["offset" + C.capitalize()]) {
    return E + "px"
    }
    var A;
    if (C === "height") {
    A = ["border-top-width", "padding-top", "padding-bottom", "border-bottom-width"]
    } else {
    A = ["border-left-width", "padding-left", "padding-right", "border-right-width"]
    }
    return A.inject(E, function(F, G) {
    var H = D(B, G);
    return H === null ? F : F - parseInt(H, 10)
    }) + "px";
  default:
    return D(B, C)
  }
 });
 Element.Methods.readAttribute = Element.Methods.readAttribute.wrap(function(C, A, B) {
  if (B === "title") {
  return A.title
  }
  return C(A, B)
 })
} else {
 if (Prototype.Browser.IE) {
  Element.Methods.getOffsetParent = Element.Methods.getOffsetParent.wrap(function(C, B) {
  B = $(B);
  var A = B.getStyle("position");
  if (A !== "static") {
    return C(B)
  }
  B.setStyle({
    position: "relative"
  });
  var D = C(B);
  B.setStyle({
    position: A
  });
  return D
  });
  $w("positionedOffset viewportOffset").each(function(A) {
  Element.Methods[A] = Element.Methods[A].wrap(function(E, C) {
    C = $(C);
    var B = C.getStyle("position");
    if (B !== "static") {
    return E(C)
    }
    var D = C.getOffsetParent();
    if (D && D.getStyle("position") === "fixed") {
    D.setStyle({
      zoom: 1
    })
    }
    C.setStyle({
    position: "relative"
    });
    var F = E(C);
    C.setStyle({
    position: B
    });
    return F
  })
  });
  Element.Methods.getStyle = function(A, B) {
  A = $(A);
  B = (B == "float" || B == "cssFloat") ? "styleFloat" : B.camelize();
  var C = A.style[B];
  if (!C && A.currentStyle) {
    C = A.currentStyle[B]
  }
  if (B == "opacity") {
    if (C = (A.getStyle("filter") || "").match(/alpha\(opacity=(.*)\)/)) {
    if (C[1]) {
      return parseFloat(C[1]) / 100
    }
    }
    return 1
  }
  if (C == "auto") {
    if ((B == "width" || B == "height") && (A.getStyle("display") != "none")) {
    return A["offset" + B.capitalize()] + "px"
    }
    return null
  }
  return C
  };
  Element.Methods.setOpacity = function(B, E) {
  function F(G) {
    return G.replace(/alpha\([^\)]*\)/gi, "")
  }
  B = $(B);
  var A = B.currentStyle;
  if ((A && !A.hasLayout) || (!A && B.style.zoom == "normal")) {
    B.style.zoom = 1
  }
  var D = B.getStyle("filter"),
    C = B.style;
  if (E == 1 || E === "") {
    (D = F(D)) ? C.filter = D: C.removeAttribute("filter");
    return B
  } else {
    if (E < 0.00001) {
    E = 0
    }
  }
  C.filter = F(D) + "alpha(opacity=" + (E * 100) + ")";
  return B
  };
  Element._attributeTranslations = {
  read: {
    names: {
    "class": "className",
    "for": "htmlFor"
    },
    values: {
    _getAttr: function(A, B) {
      return A.getAttribute(B, 2)
    },
    _getAttrNode: function(A, C) {
      var B = A.getAttributeNode(C);
      return B ? B.value : ""
    },
    _getEv: function(A, B) {
      B = A.getAttribute(B);
      return B ? B.toString().slice(23, -2) : null
    },
    _flag: function(A, B) {
      return $(A).hasAttribute(B) ? B : null
    },
    style: function(A) {
      return A.style.cssText.toLowerCase()
    },
    title: function(A) {
      return A.title
    }
    }
  }
  };
  Element._attributeTranslations.write = {
  names: Object.extend({
    cellpadding: "cellPadding",
    cellspacing: "cellSpacing"
  }, Element._attributeTranslations.read.names),
  values: {
    checked: function(A, B) {
    A.checked = !!B
    },
    style: function(A, B) {
    A.style.cssText = B ? B : ""
    }
  }
  };
  Element._attributeTranslations.has = {};
  $w("colSpan rowSpan vAlign dateTime accessKey tabIndex encType maxLength readOnly longDesc").each(function(A) {
  Element._attributeTranslations.write.names[A.toLowerCase()] = A;
  Element._attributeTranslations.has[A.toLowerCase()] = A
  });
  (function(A) {
  Object.extend(A, {
    href: A._getAttr,
    src: A._getAttr,
    type: A._getAttr,
    action: A._getAttrNode,
    disabled: A._flag,
    checked: A._flag,
    readonly: A._flag,
    multiple: A._flag,
    onload: A._getEv,
    onunload: A._getEv,
    onclick: A._getEv,
    ondblclick: A._getEv,
    onmousedown: A._getEv,
    onmouseup: A._getEv,
    onmouseover: A._getEv,
    onmousemove: A._getEv,
    onmouseout: A._getEv,
    onfocus: A._getEv,
    onblur: A._getEv,
    onkeypress: A._getEv,
    onkeydown: A._getEv,
    onkeyup: A._getEv,
    onsubmit: A._getEv,
    onreset: A._getEv,
    onselect: A._getEv,
    onchange: A._getEv
  })
  })(Element._attributeTranslations.read.values)
 } else {
  if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) {
  Element.Methods.setOpacity = function(A, B) {
    A = $(A);
    A.style.opacity = (B == 1) ? 0.999999 : (B === "") ? "" : (B < 0.00001) ? 0 : B;
    return A
  }
  } else {
  if (Prototype.Browser.WebKit) {
    Element.Methods.setOpacity = function(A, B) {
    A = $(A);
    A.style.opacity = (B == 1 || B === "") ? "" : (B < 0.00001) ? 0 : B;
    if (B == 1) {
      if (A.tagName == "IMG" && A.width) {
      A.width++;
      A.width--
      } else {
      try {
        var D = document.createTextNode(" ");
        A.appendChild(D);
        A.removeChild(D)
      } catch (C) {}
      }
    }
    return A
    };
    Element.Methods.cumulativeOffset = function(B) {
    var A = 0,
      C = 0;
    do {
      A += B.offsetTop || 0;
      C += B.offsetLeft || 0;
      if (B.offsetParent == document.body) {
      if (Element.getStyle(B, "position") == "absolute") {
        break
      }
      }
      B = B.offsetParent
    } while (B);
    return Element._returnOffset(C, A)
    }
  }
  }
 }
}
if (Prototype.Browser.IE || Prototype.Browser.Opera) {
 Element.Methods.update = function(B, C) {
  B = $(B);
  if (C && C.toElement) {
  C = C.toElement()
  }
  if (Object.isElement(C)) {
  return B.update().insert(C)
  }
  C = Object.toHTML(C);
  var A = B.tagName.toUpperCase();
  if (A in Element._insertionTranslations.tags) {
  $A(B.childNodes).each(function(D) {
    B.removeChild(D)
  });
  Element._getContentFromAnonymousElement(A, C.stripScripts()).each(function(D) {
    B.appendChild(D)
  })
  } else {
  B.innerHTML = C.stripScripts()
  }
  C.evalScripts.bind(C).defer();
  return B
 }
}


---

- - - Updated - - -

To be fair, I shouldn't be removing webkit

- - - Updated - - -

Updated SWFOBJECT from v1.5 to 2.3!

- - - Updated - - -

I'm pretty satisifed with the folder structure

A lot of irrelevant code has been removed, which was something I initially planned to do

Markup language, changing imagges from gif to png, sorting out /stickers/ is something I need to do, but is not a priority. The sooner I do them though, the better

- - - Updated - - -

Probably my imagination, but the website seems to load faster :lol:

- - - Updated - - -

No errors when validating the html markup :drool:

http://i.imgur.com/JRTFJ5s.png

- - - Updated - - -

Removing

Code:

---

<script>var andSoItBegins = (new Date()).getTime();</script>


---

Not sure why it wasn't removed sooner...

We now only have 350 stickers, which is still a crazy amount to catalogue and they're all gifs :lol: :scared:

- - - Updated - - -

If someone wants to convert all of these images into .PNG, feel free to do so! Attachment:

Attachment 165016

http://i.imgur.com/w3hJHtl.png

- - - Updated - - -

I expect someone to do this for me, as I can't do everything by myself! As an incentive, if this doesn't get completed, I won't be releasing the project :lol:

- - - Updated - - -

Background and widgets in assets.css have been completed. They're all .PNG

Stickers are next, I'll be waiting for them to be zipped :lol:

Code:

---


div.b_bg_colour_01 {
  background-image: url(../images/backgrounds/bg_colour_01.png);
}
div.b_bg_colour_01_pre {
  background-image: url(../images/backgrounds/bg_colour_01.png);
}
div.b_bg_colour_08 {
  background-image: url(../images/backgrounds/bg_colour_08.png);
}
div.b_bg_colour_08_pre {
  background-image: url(../images/backgrounds/bg_colour_08.png);
}
div.b_bg_colour_12 {
  background-image: url(../images/backgrounds/bg_colour_12.png);
}
div.b_bg_colour_12_pre {
  background-image: url(../images/backgrounds/bg_colour_12.png);
}
div.b_bg_colour_16 {
  background-image: url(../images/backgrounds/bg_colour_16.png);
}
div.b_bg_colour_16_pre {
  background-image: url(../images/backgrounds/bg_colour_16.png);
}
div.b_bg_pattern_denim {
  background-image: url(../images/backgrounds/bg_pattern_denim.png);
}
div.b_bg_pattern_denim_pre {
  background-image: url(../images/backgrounds/bg_pattern_denim.png);
}
div.b_bg_pattern_lace {
  background-image: url(../images/backgrounds/bg_pattern_lace.png);
}
div.b_bg_pattern_lace_pre {
  background-image: url(../images/backgrounds/bg_pattern_lace.png);
}
div.b_bg_pattern_stitched {
  background-image: url(../images/backgrounds/bg_pattern_stitched.png);
}
div.b_bg_pattern_stitched_pre {
  background-image: url(../images/backgrounds/bg_pattern_stitched.png);
}
div.b_bg_pattern_wood {
  background-image: url(../images/backgrounds/bg_pattern_wood.png);
}
div.b_bg_pattern_wood_pre {
  background-image: url(../images/backgrounds/bg_pattern_wood.png);
}
div.b_bg_pattern_cork {
  background-image: url(../images/backgrounds/bg_pattern_cork.png);
}
div.b_bg_pattern_cork_pre {
  background-image: url(../images/backgrounds/bg_pattern_cork.png);
}
div.b_bg_pattern_stone {
  background-image: url(../images/backgrounds/bg_pattern_stone.png);
}
div.b_bg_pattern_stone_pre {
  background-image: url(../images/backgrounds/bg_pattern_stone.png);
}
div.b_bg_pattern_bricks {
  background-image: url(../images/backgrounds/bg_pattern_bricks.png);
}
div.b_bg_pattern_bricks_pre {
  background-image: url(../images/backgrounds/bg_pattern_bricks.png);
}
div.b_bg_pattern_ruledpaper {
  background-image: url(../images/backgrounds/bg_pattern_ruledpaper.png);
}
div.b_bg_pattern_ruledpaper_pre {
  background-image: url(../images/backgrounds/bg_pattern_ruledpaper.png);
}
div.b_bg_pattern_grass {
  background-image: url(../images/backgrounds/bg_pattern_grass.png);
}
div.b_bg_pattern_grass_pre {
  background-image: url(../images/backgrounds/bg_pattern_grass.png);
}
div.b_bg_pattern_bubbles {
  background-image: url(../images/backgrounds/bg_pattern_bubbles.png);
}
div.b_bg_pattern_bubbles_pre {
  background-image: url(../images/backgrounds/bg_pattern_bubbles.png);
}
div.b_bg_pattern_bobbaskulls1 {
  background-image: url(../images/backgrounds/bg_pattern_bobbaskulls1.png);
}
div.b_bg_pattern_bobbaskulls1_pre {
  background-image: url(../images/backgrounds/bg_pattern_bobbaskulls1.png);
}
div.b_bg_pattern_space {
  background-image: url(../images/backgrounds/bg_pattern_space.png);
}
div.b_bg_pattern_space_pre {
  background-image: url(../images/backgrounds/bg_pattern_space.png);
}
div.b_bg_image_submarine {
  background-image: url(../images/backgrounds/bg_image_submarine.png);
}
div.b_bg_image_submarine_pre {
  background-image: url(../images/backgrounds/bg_image_submarine.png);
}
div.b_bg_pattern_metal {
  background-image: url(../images/backgrounds/metal.png);
}
div.b_bg_pattern_metal2_pre {
  background-image: url(../images/backgrounds/metal.png);
}
div.b_bg_pattern_brokenglass {
  background-image: url(../images/backgrounds/bg_pattern_brokenglass.png);
}
div.b_bg_pattern_brokenglass_pre {
  background-image: url(../images/backgrounds/bg_pattern_brokenglass.png);
}
div.b_bg_pattern_clouds {
  background-image: url(../images/backgrounds/bg_pattern_clouds.png);
}
div.b_bg_pattern_clouds_pre {
  background-image: url(../images/backgrounds/bg_pattern_clouds.png);
}
div.b_bg_pattern_floral_01 {
  background-image: url(../images/backgrounds/bg_pattern_floral_01.png);
}
div.b_bg_pattern_floral_01_pre {
  background-image: url(../images/backgrounds/bg_pattern_floral_01.png);
}
div.b_bg_pattern_floral_02 {
  background-image: url(../images/backgrounds/bg_pattern_floral_02.png);
}
div.b_bg_pattern_floral_02_pre {
  background-image: url(../images/backgrounds/bg_pattern_floral_02.png);
}
div.b_bg_pattern_floral_03 {
  background-image: url(../images/backgrounds/bg_pattern_floral_03.png);
}
div.b_bg_pattern_floral_03_pre {
  background-image: url(../images/backgrounds/bg_pattern_floral_03.png);
}
div.b_bg_pattern_bulb {
  background-image: url(../images/backgrounds/bg_pattern_bulb.png);
}
div.b_bg_pattern_bulb_pre {
  background-image: url(../images/backgrounds/bg_pattern_bulb.png);
}
div.b_bg_pattern_cars {
  background-image: url(../images/backgrounds/bg_pattern_cars.png);
}
div.b_bg_pattern_cars_pre {
  background-image: url(../images/backgrounds/bg_pattern_cars.png);
}
div.b_bg_pattern_carpants {
  background-image: url(../images/backgrounds/bg_pattern_carpants.png);
}
div.b_bg_pattern_carpants_pre {
  background-image: url(../images/backgrounds/bg_pattern_carpants.png);
}
div.b_bg_pattern_plasto {
  background-image: url(../images/backgrounds/bg_pattern_plasto.png);
}
div.b_bg_pattern_plasto_pre {
  background-image: url(../images/backgrounds/bg_pattern_plasto.png);
}
div.b_bg_pattern_tinyroom {
  background-image: url(../images/backgrounds/bg_pattern_tinyroom.png);
}
div.b_bg_pattern_tinyroom_pre {
  background-image: url(../images/backgrounds/bg_pattern_tinyroom.png);
}
div.b_bg_pattern_hearts {
  background-image: url(../images/backgrounds/bg_pattern_hearts.png);
}
div.b_bg_pattern_hearts_pre {
  background-image: url(../images/backgrounds/bg_pattern_hearts.png);
}
div.b_bg_pattern_abstract {
  background-image: url(../images/backgrounds/bg_pattern_abstract.png);
}
div.b_bg_pattern_abstract_pre {
  background-image: url(../images/backgrounds/bg_pattern_abstract.png);
}
div.b_bg_pattern_tile {
  background-image: url(../images/backgrounds/bg_pattern_tile.png);
}
div.b_bg_pattern_tile_pre {
  background-image: url(../images/backgrounds/bg_pattern_tile.png);
}
div.b_bg_pattern_fish {
  background-image: url(../images/backgrounds/bg_pattern_fish.png);
}
div.b_bg_pattern_fish_pre {
  background-image: url(../images/backgrounds/bg_pattern_fish.png);
}
div.b_bg_pattern_deepred {
  background-image: url(../images/backgrounds/bg_pattern_deepred.png);
}
div.b_bg_pattern_deepred_pre {
  background-image: url(../images/backgrounds/bg_pattern_deepred.png);
}
div.b_bg_colour_02 {
  background-image: url(../images/backgrounds/bg_colour_02.png);
}
div.b_bg_colour_02_pre {
  background-image: url(../images/backgrounds/bg_colour_02.png);
}
div.b_bg_colour_03 {
  background-image: url(../images/backgrounds/bg_colour_03.png);
}
div.b_bg_colour_03_pre {
  background-image: url(../images/backgrounds/bg_colour_03.png);
}
div.b_bg_colour_04 {
  background-image: url(../images/backgrounds/bg_colour_04.png);
}
div.b_bg_colour_04_pre {
  background-image: url(../images/backgrounds/bg_colour_04.png);
}
div.b_bg_colour_05 {
  background-image: url(../images/backgrounds/bg_colour_05.png);
}
div.b_bg_colour_05_pre {
  background-image: url(../images/backgrounds/bg_colour_05.png);
}
div.b_bg_colour_06 {
  background-image: url(../images/backgrounds/bg_colour_06.png);
}
div.b_bg_colour_06_pre {
  background-image: url(../images/backgrounds/bg_colour_06.png);
}
div.b_bg_colour_07 {
  background-image: url(../images/backgrounds/bg_colour_07.png);
}
div.b_bg_colour_07_pre {
  background-image: url(../images/backgrounds/bg_colour_07.png);
}
div.b_bg_colour_09 {
  background-image: url(../images/backgrounds/bg_colour_09.png);
}
div.b_bg_colour_09_pre {
  background-image: url(../images/backgrounds/bg_colour_09.png);
}
div.b_bg_colour_10 {
  background-image: url(../images/backgrounds/bg_colour_10.png);
}
div.b_bg_colour_10_pre {
  background-image: url(../images/backgrounds/bg_colour_10.png);
}
div.b_bg_colour_11 {
  background-image: url(../images/backgrounds/bg_colour_11.png);
}
div.b_bg_colour_11_pre {
  background-image: url(../images/backgrounds/bg_colour_11.png);
}
div.b_bg_colour_13 {
  background-image: url(../images/backgrounds/bg_colour_13.png);
}
div.b_bg_colour_13_pre {
  background-image: url(../images/backgrounds/bg_colour_13.png);
}
div.b_bg_colour_14 {
  background-image: url(../images/backgrounds/bg_colour_14.png);
}
div.b_bg_colour_14_pre {
  background-image: url(../images/backgrounds/bg_colour_14.png);
}
div.b_bg_colour_15 {
  background-image: url(../images/backgrounds/bg_colour_15.png);
}
div.b_bg_colour_15_pre {
  background-image: url(../images/backgrounds/bg_colour_15.png);
}
div.b_bg_colour_17 {
  background-image: url(../images/backgrounds/bg_colour_17.png);
}
div.b_bg_colour_17_pre {
  background-image: url(../images/backgrounds/bg_colour_17.png);
}
div.b_bg_pattern_rose {
  background-image: url(../images/backgrounds/bg_pattern_rose.png);
}
div.b_bg_pattern_rosepre {
  background-image: url(../images/backgrounds/bg_pattern_rose.png);
}
div.b_bg_pattern_skull {
  background-image: url(../images/backgrounds/bg_pattern_skull.png);
}
div.b_bg_pattern_skull_pre {
  background-image: url(../images/backgrounds/bg_pattern_skull.png);
}
div.b_bg_pattern_goth {
  background-image: url(../images/backgrounds/bg_pattern_goth.png);
}
div.b_bg_pattern_goth_pre {
  background-image: url(../images/backgrounds/goth_pattern.png);
}
div.b_bg_pattern_hcmachine {
  background-image: url(../images/backgrounds/bg_pattern_HCmachine.png);
}
div.b_bg_pattern_hcmachine_pre {
  background-image: url(../images/backgrounds/bg_pattern_HCmachine.png);
}
div.b_bg_pattern_hcpillow {
  background-image: url(../images/backgrounds/bg_pattern_HCpillow.png);
}
div.b_bg_pattern_hcpillow_pre {
  background-image: url(../images/backgrounds/bg_pattern_HCpillow.png);
}
div.b_bg_pattern_hcroyal {
  background-image: url(../images/backgrounds/bg_pattern_HCroyal.png);
}
div.b_bg_pattern_hcroyal_pre {
  background-image: url(../images/backgrounds/bg_pattern_HCroyal.png);
}
div.b_bg_pattern_xmas {
  background-image: url(../images/backgrounds/bg_pattern_xmas.png);
}
div.b_bg_pattern_xmas_pre {
  background-image: url(../images/backgrounds/bg_pattern_xmas.png);
}
div.b_bg_image_fireworks {
  background-image: url(../images/backgrounds/bg_image_fireworks.png);
}
div.b_bg_image_fireworks_pre {
  background-image: url(../images/backgrounds/bg_image_fireworks.png);
}
div.b_bg_image_tutorial {
  background-image: url(../images/backgrounds/bg_image_tutorial.png);
}
div.b_bg_image_tutorial_pre {
  background-image: url(../images/backgrounds/bg_image_tutorial.png);
}
div.b_bg_image_grouptutorial {
  background-image: url(../images/backgrounds/bg_image_grouptutorial.png);
}
div.b_bg_image_grouptutorial_pre {
  background-image: url(../images/backgrounds/bg_image_grouptutorial.png);
}
div.b_bg_pattern_rain {
  background-image: url(../images/backgrounds/bg_pattern_rain.png);
}
div.b_bg_pattern_rain_pre {
  background-image: url(../images/backgrounds/bg_pattern_rain.png);
}
div.b_bg_image_groups {
  background-image: url(../images/backgrounds/bg_image_groups.png);
}
div.b_bg_image_groups_pre {
  background-image: url(../images/backgrounds/bg_image_groups.png);
}
div.b_bg_pattern_exec {
  background-image: url(../images/backgrounds/bg_pattern_exec.png);
}
div.b_bg_pattern_exec_pre {
  background-image: url(../images/backgrounds/bg_pattern_exec.png);
}
div.b_bg_image_x {
  background-image: url(../images/backgrounds/bg_image_x.png);
}
div.b_bg_image_x_pre {
  background-image: url(../images/backgrounds/bg_image_x.png);
}
div.b_bg_image_toolbar {
  background-image: url(../images/backgrounds/bg_image_toolbar.png);
}
div.b_bg_image_toolbar_pre {
  background-image: url(../images/backgrounds/bg_image_toolbar.png);
}
div.b_bg_image_inked_inked {
  background-image: url(../images/backgrounds/bg_image_inked.png);
}
div.b_bg_image_inked_pre {
  background-image: url(../images/backgrounds/bg_image_inked.png);
}
div.b_bg_image_guidesgroup {
  background-image: url(../images/backgrounds/bg_image_guidesgroup.png);
}
div.b_bg_image_guidesgroup_pre {
  background-image: url(../images/backgrounds/bg_image_guidesgroup.png);
}
div.b_bg_image_chalkboard {
  background-image: url(../images/backgrounds/bg_image_chalkboard.png);
}
div.b_bg_image_chalkboard_pre {
  background-image: url(../images/backgrounds/bg_image_chalkboard.png);
}
div.w_highscoreswidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/hiscores_preview.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_profilewidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/profilewidget.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_friendswidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/friends_preview.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_roomswidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/rooms_preview.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_guestbookwidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/guestbook_preview.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_groupinfowidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/groupinfowidget.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_groupswidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/groupswidget.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_memberwidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/member_preview.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_ratingwidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/rating_preview.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_traxplayerwidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/trax_preview.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_highscorelistwidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/highscorelistwidget.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_userexpswidget_pre {
  background-image: url(../images/../web-gallery/images/myhabbo/widgets/hiscores_preview.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.w_badgeswidget_pre {
 background-image:url(../images/../web-gallery/images/myhabbo/widgets/badges_preview.png);
 background-repeat:no-repeat;
 background-position:50% 50%;
}
div.w_movieswidget_pre {
 background-image:url(../images/../web-gallery/images/myhabbo/widgets/movies_preview.png);
 background-repeat:no-repeat;
 background-position:50% 50%;
}


---

- - - Updated - - -

You're probably wondering why we have the same information twice, I'm wondering the same thing too :lol:

_pre is for preview and the other is for the inventory. Do we really need _pre? Sadly yes

Very basic account settings page, may revise it more in the future

http://i.imgur.com/bBlYlDu.png

- - - Updated - - -

Plenty of work needed to be done with this theme, but here is account settings using the 2006 theme

http://i.imgur.com/VfD4xxI.png

Development is going great, thread hasn't been active for past couple of days.

I have been neglecting this thread, here's something

http://i.imgur.com/In3RLcr.png

Explanation:

Inside MyBB there is an option that allows you to promote users with certain requirements, when these requirements are met, they will be promoted. If no promotions are active, then active campaigns will not showcase on index.php. All I have done is implemented hot campaigns with MyBB's promotion manager. Very cool feature and makes hot campaigns relevant and no longer static information.

- - - Updated - - -

http://i.imgur.com/8qYYpGL.png

Here is a visual example how campaigns/referrals/search users work for those who don't like to read

http://i.imgur.com/PhBYydR.gif

- - - Updated - - -

If you want to remove search users and the other tabs entirely, you would deactive it's plugin

- - - Updated - - -

I will no longer be posting development updates on this thread, as this threads purpose was to release a 2006 remaster of the original 2006 template which I succeeded in doing. The development with MyBB, well I would consider it spam as it's not relevant to the opening post.

I did request for this thread to be moved to development forum (earlier on in development) but it got ignored. Which is fine, it doesn't matter now

Whether I make a development thread in the future is whatever. Thanks for supporting this project thus far with likes and questions