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

[Sabbo]

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



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

View attachment stickers.zip​

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



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

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%;
}

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

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

 

[Sabbo]

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

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

 

[Sabbo]

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

 

[Sabbo]

I have been neglecting this thread, here's something

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.

 

[Sabbo]

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

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



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