Jump to content
  • 0

Flux cp online status with user online counter.


Question

Posted

(just FYI there a server time in the status.php if you open it look for this url, ( http://free.timeanddate.com ) and you can change the time for you or where ever your server is located.)

I have been getting alot of message from alot of users asking me how i did the server status thing in flux cp and i will inform you how i did it.

Remember the download this attachment, you must be login.

status.zip

When your adding these files make sure you follow what i tell you.

Make sure u add these file and text in the right places.

Open your flux header.php, find <body> click enter two and paste this code after that. (Don't delete any thing in the header.php or you will mess up ur flux cp)

<div class="topbar">
<?php include 'main/status.php' ?>
</div>

then save it and close the file.

Next open both ur flux.css and main.css go to the bottom and paste this code in to flux after you press enter two time

/* Server status */
#server_status th, #server_status td {
padding: 8px 12px 8px 12px;
text-align: left;
border-bottom: 1px solid #ddd;
}

#server_status {
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #ddd;
}

#server_status .server {
color: #222;
}

#server_status .status {
text-align: center;
}

then save it close it.

open main.css and go to the bottom and press enter two time then paste this code

/* Server status */
.status
{
width: 190px;
padding-top: 25px;
margin-left: 245px;
float: left;
}
.online_count
{
width: 120px;
height: 50px;
margin-left: 99px;
text-align: center;
float: left;
color: #85a785;
font-size: 35px;
font-weight: bold;
padding: 30px 0 0 0px;
}
.login-stat
{
margin-left: 5px;
}
.char-stat
{
margin-left: 25px;
}
.map-stat
{
margin-left: 20px;
}
.time
{
float: left;
width: 145px;
padding: 22px 0 0 15px;
}
float:right;
}
.loginpanel
{
width: 230px;
height: 140px;
float: left;
}

then save it and close it.

sorry about any misspellings in this post.

  • Upvote 1

14 answers to this question

Recommended Posts

Posted (edited)

I just released it i don't have screemshot just trust me i know it works. Plus btw its a addon.

Do you have an actual Screenshot of what your FLUXCP looks like with this addon/design you've just released?

Open the FLUX CP Dir. in the theme folder open that, then the default folder, then you will see the css folder, you many have to make a main.css, or if its there, but the code at the bottom inside of the main.css file.

where i can find main.css ?

Edited by Yachiru
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...