Leaderboard

Hi, Earlier i saw some people was asking how AltisLife created their Server Statistic at the top of their website. This guide will help you make exactly the same. Go to Admin CP -> Customization -> Themes -> Your Theme -> Edit HTML and CSS -> CSS -> custom.css and open the css file. Paste the following CSS code onto the custom.css: .infoTab { float: left; line-height: 42px; font-family: 'Montserrat', sans-serif; font-size: 130%; padding-left: 75px; } .msg { float:right; line-height:42px; font-family:'Montserrat', sans-serif; font-size:140%; } .serverBar li { padding-left:10px; } .playerCount { color:#536e41; } .msgText { margin-right:15px; } .serverOnline { color:#536e41; } .serverOffline { color:#972E33; } Go to Templates -> core -> front -> global -> globalTemplate and open it. Paste the following HTML code into the globalTemplate: <div class="ipsLayout_container ipsClearfix" style="margin-bottom: 4px;"> <div id="navBar" class="ipsClearfix"> <ul style="font-size: 1.4rem;" class="infoTab ipsList_inline cSignedIn ipsClearfix ipsResponsive_showDesktop serverBar"> <li class="serverName" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">TEAMSPEAK</li> {block="ts_slot_check"} <li class="serverName" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">SOME</li> <li class="playerCount" data-ipstooltip="" data-ipstooltip-label="Tooltiphere"><span id="server_0" class="serverOnline">ONLINE</span></li> <li class="serverName" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">CONTENT</li> <li class="playerCount" data-ipstooltip="" data-ipstooltip-label="Tooltiphere"><span id="server_1" class="serverOnline">ONLINE</span></li> <li class="serverName" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">HERE</li> <li class="playerCount" data-ipstooltip="" data-ipstooltip-label="Tooltiphere"><span id="server_3" class="serverOnline">ONLINE</span></li> <li style="font-size: 1.4rem;" class="msg" data-ipstooltip="" data-ipstooltip-label="Tooltiphere">Your Website Name</li> </ul> </div> </div> Now you need to create a php block that can display real time server status. In this example i will show you how to do it with the Teamspeak, for others you have to write your own script or get one from internet. Go to Pages -> Block -> Create New Block -> Custom -> Manual PHP -> Next Name: Anything you want Template Key: ts_slot_check Content: require_once("misc/libraries/TeamSpeak3/TeamSpeak3.php"); try {$ts3 = TeamSpeak3::factory("serverquery://SERVERQUERYUSERNAMEHERE:SERVERQUERYPASSWORDHERE@SERVERIPORDNSHERE:10011/?server_port=9987"); echo "<li class='playerCount' data-ipstooltip='' data-ipstooltip-label='Tooltiphere'><span id='server_2' class='serverOnline'>" . $ts3->virtualserver_clientsonline . " / " . $ts3->virtualserver_maxclients . "</span></li>";} catch(Exception $e){echo "<li class='playerCount' data-ipstooltip='' data-ipstooltip-label='Tooltiphere'><span id='server_2' class='serverOffline'>OFFLINE</span></li>";} And now you just have to download PlanetTeamSpeak Framework from HERE Then copy the libraries folder and all of its content to your webserver /misc/ folder. It should looks like /misc/libraries/TeamSpeak3/TeamSpeak3.php The script is working now, and your website will display the user number on your teamspeak. Please note that this guide is only makes possible to display Teamspeak status. The other 3 column is just a static content that you can make dynamic with a script. Enjoy

Hello WebFlakians, Due to an unforseen firewall issue and a policy inside of it that was set a little too strict, cloudflare has had some server nodes not being able to communicate with our server. This was particularly hard to fix due to myself and some other people still being able to access the website while users from different regions (who connect to different cloudflare nodes) could not connect to WebFlake. This has lead to a long time undetected issue resulting in way less activity and visitors from some countries. I'm pleased to announce that this bug is finally fixed and won't bother us anymore. Kind regards, WebFlake Team

Hello Alex, welcome to WebFlake! I hope you do decide to stay with us, looking forward to see your work or content posted around to help contribute our growing community.