Quantcast
Channel: RaGEZONE - MMO Development Forums
Viewing all articles
Browse latest Browse all 26735

[Release] RevCMS hot rooms

$
0
0
Hello, community.

Today i release something small. I gonna release `hot rooms / popular rooms".
It shows the top 5 rooms with the most users in it.

First of all, add this to your page ( i recommend the community page):
Spoiler:

PHP Code:

<link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/rooms.css" type="text/css">
 
<
script type="text/javascript" src="{url}/app/tpl/skins/Habbo/js/rooms.js"></script> 


Remember, replace "skins/Habbo" with your skin folder, like "skins/yourskin"

Then, add the following code on the page you want it , i recommend the community page.
Spoiler:

PHP Code:

<?php

$eo 
'even';
 
function 
GenerateRoomOccupancy($usersNow$usersMax)
{
    
$num 1;
    
$percentage intval(($usersNow $usersMax) * 100);
 
    if (
$percentage <= 0)
    {
        
$num 1;
    }
    else if (
$percentage 35)
    {
        
$num 2;
    }
    else if (
$percentage 75)
    {
        
$num 3;
    }
    else if (
$percentage 100)
    {
        
$num 4;
    }
    else if (
$percentage >= 100)
    {
        
$num 5;
    }
 
    return 
'room-occupancy-' $num;
}
 
?>
<div class="habblet-container "> 
<div class="cbb clearfix red ">
 
<h2 class="title">Populaire kamers</h2>
 
<style type="text/css">
.room-occupancy-1 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_1.gif') !important; }
.room-occupancy-2 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_2.gif') !important; }
.room-occupancy-3 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_3.gif') !important; }
.room-occupancy-4 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_4.gif') !important; }
.room-occupancy-5 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_5.gif') !important; }
</style>
 
<div id="rooms-habblet-list-container-h124" class="recommendedrooms-lite-habblet-list-container">
<ul class="habblet-list">
 
<?php
 
$get 
mysql_query("SELECT * FROM rooms WHERE roomtype = 'private' ORDER BY users_now DESC LIMIT 5")or die(mysql_error());
 
while (
$room mysql_fetch_assoc($get))
{
    if (
$eo == 'even')
    {
        
$eo 'odd';
    }
    else
    {
        
$eo 'even';
    }
 
    echo 
'<li class="' $eo '">
    <span class="clearfix enter-room-link ' 
GenerateRoomOccupancy($room['users_now'], $room['users_max']) . '" title="Go There" roomid="' $room['id'] . '">
    <span class="room-enter">Naar kamer</span>
    <span class="room-name">' 
. ($room['caption']) . '</span>
    <span class="room-description">' 
. ($room['description']) . '</span>       
    <span class="room-owner">Owner: <a href="/home/' 
. ($room['owner']) . '">' . ($room['owner']) . '</a></span>
    </span>
    </li>'
;
}
 
?>
 
<div id="room-more-data-h124" style="display: none">
<ul class="habblet-list room-more-data">
 
<?php
 
$get 
mysql_query("SELECT * FROM rooms WHERE roomtype = 'private' ORDER BY users_now DESC LIMIT 6,10")or die(mysql_error());
 
while (
$room mysql_fetch_assoc($get))
{
    if (
$eo == 'even')
    {
        
$eo 'odd';
    }
    else
    {
        
$eo 'even';
    }
 
    echo 
'<li class="' $eo '">
    <span class="clearfix enter-room-link ' 
GenerateRoomOccupancy($room['users_now'], $room['users_max']) . '" title="Go There" roomid="' $room['id'] . '">
    <span class="room-enter">Naar kamer</span> <br>
    <span class="room-name">' 
. ($room['caption']) . '</span> <br>
    <span class="room-description">' 
. ($room['description']) . '</span>       
    <span class="room-owner">Owner: <a href="/home/' 
. ($room['owner']) . '">' . ($room['owner']) . '</a></span>
    </span>
    </li>'
;
}
 
?>
 
</ul>
</div>
 
<div class="clearfix">
<a href="#" class="room-toggle-more-data" id="room-toggle-more-data-h124">Meer kamers!</a>
</div>
 
</div>
 
<script type="text/javascript">
L10N.put("show.more", "Show more rooms");
L10N.put("show.less", "Show less rooms");
var roomListHabblet_h124 = new RoomListHabblet("rooms-habblet-list-container-h124", "room-toggle-more-data-h124", "room-more-data-h124");
</script>
 
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
 
   
<br /><br>



Remember, replace "skins/Habbo" with your skin folder, like "skins/yourskin"
The only thing you need to do is add the css and js in your style and js folder.

Download link of the css and js : https://www.mediafire.com/?tki8xg7417i1p67

Screenshot of the result : http://gyazo.com/f3b0bb3deac31b08cbd44fe5c231e755
Sorry if you don't understand the tutorial on how to set this up, i have some trouble with my English grammar.

Anyways, have a nice day further,

Mozilla.

Viewing all articles
Browse latest Browse all 26735

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>