[THESCRIPT] TopiaCMS - The most advanced CMS [PHP][HTML][CSS][JQUERY]

The Habbo Script

About the Script
This script is for developing Habbo in the languages stated in the title. It will have all of the hotel views functions and we will even progress to see if we can code movement and more. I don't know if users will consider this project as 'useful' but it will definitely be considered as educational and can be used throughout in the Habbo community for a range of things. We plan to also attempt to make this as a content management system as Lucca has offered to the backend for us, while we do the front end but if that's the case it will be at the end of the project anyway. This script plans to have all the hover effects, popups and much more which the hotel has to offer. This is also special because it'll be compatible with Mobile devices as it doesn't require flash to run (although I'm not sure if it would be progressed so the game is completely playable like that).

Planned features for the Script

• Instant Messaging
• Full functioning navigation
• Potential movement
• Welcome tutorial like Habbo
• Friends displaying offline/online at the bottom bar.
• Friendstream
• All the hover effects and movement features
• Popup tabs, such as Navigation and other.
• Latest Habbo images and views
• Possible for the users to customize content to make it unique.
• PHP logging (if imported at the end)
• Much more
• Draggable boxes

The thread was erased before because of the forum rollback so here is the new updated features I've done since then.

Screenshots
The view itself,
http://www.iaza.com/work/130317C/iaza11502472434600.png

The draggable boxes when nav is clicked,
http://www.iaza.com/work/130317C/iaza11502477973800.png

Welcome tutorial started to be developed,
http://www.iaza.com/work/130317C/iaza11502498616300.png

Thanks,
Sean (Will post regular updates)

Looking good, I hope for the best from this project.

Also, I could help with the CMS if you'd like. :)

Quote:

---

Originally Posted by Les

looks alittle weird.. ?

---

Everything looks weird to you doesn't it? You always criticize everything.


Anyway, Good luck Sean, I've left the project due to personal priorities as said before the rollback happened.

I'm not totally understanding this.. Is this going to try to replicate the client in your own code, without said-emulator? If so how will you handle users, rooms, etc. etc.

Quote:

---

Originally Posted by Makarov

I'm not totally understanding this.. Is this going to try to replicate the client in your own code, without said-emulator? If so how will you handle users, rooms, etc. etc.

---

Yes, It's the client coded in completely HTML, CSS, JavaScript and jQuery and then PHP to store user information and rooms etc. This means no flash and like a web interface. I don't actually know how far it can progress like this but we'll see.

The navigator functions like Habbo's,
http://www.iaza.com/work/130317C/iaza12698153281400.png

To-do list before working on more features,
* Add the border on the Habbo banner as I couldn't find the original image so I'll do it in Photoshop
* Redo the Games button on the navigator as the hover effect is positioned wrong
* Fix the avatar positioning from the top, left and right is sorted.
* Make the draggable boxes not able to drag off the page to reshape the current client
* Do the find new friends pop up menus in jQuery
* Change the styling for the navigator so it's the current Habbo one (pure effort to do this)
* Fix the backing for the friend bar so it overlaps the backing images instead of moving it.
* Make it so the draggable boxes are only draggable from the header instead of everywhere in the box.
* Redo the Go to Home room button as I rubbed out the border by mistake.
* Add the original Habbo fonts (I don't know what it is)
* Lower the hover glow for the go to the room
* Resume development on the Welcome tutorial

When these (or most of them) are complete I can work on adding new features to the client.

Just be careful with this. One website that implemented this type of thing on their retro was really laggy. The homepage was very laggy :(

If you need any help PM me, I have some ideas.

Quote:

---

Originally Posted by Ddos Attack

Just be careful with this. One website that implemented this type of thing on their retro was really laggy. The homepage was very laggy :(

---

I don't think you understand. This is just one single page. The development is recreating the Habbo Hotel view in one page but then have functions behind it so it actually works like the hotel itself. Once the page is loaded, You don't load anything else and it wouldn't be laggy. The popup navigator would function like a standard popup menu on a website.

Been working on the Welcome development. I enjoy doing this part, not sure why.

Updates -
* Added the welcome figure
* Animates to move across to the square when it's clicked
* Fixed a bug where you could click the square multiple times and move the avatar again, Now can only be done once.

To-do list on the Welcome room
* Avatar images imported so while it slides to the square it actually looks like it's walking, Just like it does on actual Habbo but through the SWF.
* Rotations for the character when it has arrived.
* Speech bubbles and tutorial marks around the page which can be set off after each step is done.
* The flash light needs to be appear when it reaches the square.
* The square glow

http://www.iaza.com/work/130317C/iaza12698174685100.png

http://www.iaza.com/work/130317C/iaza12698166966900.png

Ye, the website that had it had a single page - it was so laggy.
dw 'bout it tho.

This is looking so good !
Put it on a free-host so we can try it out once more is done.
I can't wait to see rooms working :D (thats if u do them ;))

Btw, I think you need to post a snippet of code - Dev rules?

Seems like this may be the way forward.

I made that register a time ago.
http://cf-hack.3owl.com/register/

@DDOS Attack
Right now I don't feel there is anything worth posting a snippet off as It just consists of HTML, CSS and jQuery. When we get onto the PHP and Javascript handling then I think snippets should be released.

Updates -
* Made more triggers for the Welcome tutorial
* Speech bubble leaves and enters perfectly
* New bubble comes in after correctly
* The transparent instruction box has been added.

To-do list (for welcome room)
* Movement (all I have is the images for the welcome one, like Habbo do.)
* The leaving part (since it's currently only like 40% complete)
* Transparent corners for the second bubble (my photoshop won't make things transparent? :S)
* The Illumina buttons (so I can do the proceed part on the second bubble as a new trigger)
* The final animations and limitations so the welcome tutorial can only be done once and then leads to a room (will require PHP).

Heres a video so far,
http://www.youtube.com/watch?v=jk_4EHghW0w&

Didn't Jabbo make this? :3
Also if you need some help I can help you out.

Thanks,
Divide

Quote:

---

Originally Posted by Divide

Didn't Jabbo make this? :3
Also if you need some help I can help you out.

Thanks,
Divide

---

There are many diffrent kind of "Javascript Habbo's".

Like my version few years ago and another one from my where I'm bussy with so nowaday.

Jahbo - Take a look and use what you like.


Edit: I watched your video and it looks like the menu icons are kind of jumping arround when hovering.
Is that normal? I can't remember it's banging that mutch up and down.