Menu
Forums
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Trending
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Upgrades
Log in
Register
What's new
Search
Search
Search titles only
By:
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
Software Development
Programming
Requests
[REQUEST] Could someone recode this staff page?
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="X2_" data-source="post: 291188" data-attributes="member: 47935"><p>Well I'm not exactly good with coding. And the way HabboPHP is kinda looks wierd. Here is the code for my current staff page.</p><p></p><p>Staff.php</p><p>[PHP]<?php</p><p></p><p>#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|</p><p>#| #|</p><p>#| HABBOPHP - http://habbophp.com #|</p><p>#| Copyright © 2012 Valentin & Robin. All rights reserved. #|</p><p>#| #|</p><p>#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|</p><p></p><p>require 'init.php';</p><p></p><p>$tpl->assign('groups','community');</p><p>$tpl->assign('selected','selected');</p><p>$tpl->display('header.tpl');</p><p></p><p></p><p>//Liste des rangs</p><p>// Pour ajouter un rang ajoutez cette ligne : array('Nom' => 'Modérateur' , 'Rank' => '10' , 'Couleur' => 'darkblue'), à l'intérieur du array $rank</p><p></p><p>$rank = array(</p><p> array('Nom' => 'Owners' , 'Rank' => '7' , 'Couleur' => 'blue'),</p><p> array('Nom' => 'Administrators' , 'Rank' => '6' , 'Couleur' => '#000'),</p><p> array('Nom' => 'Moderators' , 'Rank' => '5' , 'Couleur' => 'red')</p><p>);</p><p></p><p>foreach($rank as $ranks){ $minRanks[] = $ranks['Rank'] ; } //On fait un array des ranks</p><p>array_multisort($minRanks,SORT_NUMERIC); // On les tri par ordre croissant</p><p>$query=$db->query("SELECT rank,username,motto,id,look FROM users WHERE rank>=".intval($minRanks[0]),true);</p><p>$tpl->assign('user_info',$query);</p><p>$tpl->assign('rank',$rank);</p><p></p><p>/////////////////////////////////////////////////</p><p>// Display</p><p>/////////////////////////////////////////////////</p><p></p><p>$tpl->display('staff.tpl');</p><p>$tpl->display('footer.tpl');</p><p></p><p>?>[/PHP]</p><p></p><p>Then Staff.tpl</p><p>[CODE]<style></p><p>label{</p><p> width: 150px;</p><p> float:left;</p><p>}</p><p>.ssh {</p><p>float:left;</p><p>width:100px;</p><p>-moz-border-radius:5px;</p><p>-webkit-border-radius:5px;</p><p>margin-left:10px;</p><p>border-radius:5px;</p><p>text-align:center;</p><p>border:3px solid #000;</p><p>background: #ffffff; /* Old browsers */</p><p>background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */</p><p>background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */</p><p>background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */</p><p>background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */</p><p>background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */</p><p>background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */</p><p>filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */</p><p>}</p><p>.ssh:hover {</p><p>background: #ffffff; /* Old browsers */</p><p>background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */</p><p>background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */</p><p>background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */</p><p>background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */</p><p>background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */</p><p>background: linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */</p><p>filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */</p><p>}</p><p>.r7 {</p><p></p><p>}</p><p></style></p><p><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script></p><p><script type="text/javascript" src="assets/js/jquery.qtip-1.0.0-rc3.min.js"></script></p><p><script></p><p>jQuery.noConflict();</p><p></script></p><p><div id="container"></p><p> <div id="content" style="position: relative" class="clear fix"></p><p> <div></p><p></p><p></p><p> <div class="habblet-container " style="float:left; width: 770px;"></p><p> <div class="cbb clearfix settings"></p><p> </p><p> </p><p> {foreach from=$rank key=k item=i}</p><p> <h2 class="title">{$i.Nom}</h2></p><p> <div class="box-content"></p><p> {foreach from=$user_info key=key item=item}</p><p> {if $item.rank eq $i.Rank}</p><p> </p><p> <script type="text/javascript"></p><p> function slideSwitch{$item.id}() {</p><p> var $active = jQuery("#slideshow{$item.id} IMG.active");</p><p> </p><p> if ( $active.length == 0 ) $active = jQuery("#slideshow{$item.id} IMG:last");</p><p> </p><p> var $next = $active.next().length ? $active.next()</p><p> : jQuery("#slideshow{$item.id} IMG:first");</p><p> </p><p> $active.addClass("last-active");</p><p> </p><p> $next.addClass("active");</p><p> $active.removeClass("active last-active");</p><p> }</p><p> </p><p> jQuery(function(){</p><p> setInterval( "slideSwitch{$item.id}()", 200 );</p><p> });</p><p> </script></p><p> <style></p><p> #slideshow{$item.id} {</p><p> position:relative;</p><p> height:97px;</p><p> width:100px;</p><p> }</p><p> </p><p> #slideshow{$item.id} IMG {</p><p> position:absolute;</p><p> top:0;</p><p> left:0;</p><p> z-index:8;</p><p> opacity:0;</p><p> width:100px;</p><p> }</p><p> </p><p> #slideshow{$item.id} IMG.active {</p><p> z-index:10;</p><p> opacity:1;</p><p> float: center;</p><p> margin-left: 18px;</p><p> height:110px;</p><p> width:64px;</p><p> }</p><p> </p><p> #slideshow{$item.id} IMG.last-active {</p><p> z-index:9;</p><p> opacity:0;</p><p> }</p><p> </style></p><p> </p><p> <script type="text/javascript"></p><p> jQuery(document).ready(function()</p><p> {</p><p> jQuery("#tt{$item.id}").qtip({</p><p> content: "<div style=\'text-align:center;background:{$i.Couleur};color:white;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:7px;\'><b>{$i.Nom}</b></div>{$item.motto}",</p><p> position: {</p><p> corner: {</p><p> tooltip: "leftMiddle",</p><p> target: "rightMiddle"</p><p> }</p><p> }</p><p> });</p><p> });</p><p> </script></p><p> </p><p> </p><p> <a href="home.php?username={$item.username}" style="color:black;"><div style="width:100px" class="ssh" id="tt{$item.id}" onmouseover="jQuery('#one{$item.id}').hide();jQuery('#slideshow{$item.id}').show();" onmouseout="jQuery('#slideshow{$item.id}').hide();jQuery('#one{$item.id}').show();"></p><p><div id="slideshow{$item.id}" style="display:none;"></p><p><img id="f1" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=0&head_direction=0&gesture=std&size=l&img_format=gif" class="active" /></p><p><img id="f2" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=1&head_direction=1&gesture=std&size=l&img_format=gif" /></p><p><img id="f3" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=2&head_direction=2&gesture=std&size=l&img_format=gif" /></p><p><img id="f4" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=3&head_direction=3&gesture=std&size=l&img_format=gif" /></p><p><img if="f5" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=4&head_direction=4&gesture=std&size=l&img_format=gif" /></p><p><img id="f6" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=5&head_direction=5&gesture=std&size=l&img_format=gif" /></p><p><img id="f7" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=6&head_direction=6&gesture=std&size=l&img_format=gif" /></p><p><img id="f8" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=7&head_direction=7&gesture=std&size=l&img_format=gif" /></p><p></div></p><p><img src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=3&head_direction=3&gesture=std&size=l&img_format=gif" id="one{$item.id}" /><br/></p><p><b style="width:60px;word-wrap: break-word;">{$item.username}</b><br /><br/></div></a></p><p> </p><p> </p><p> {/if}</p><p> {/foreach}</p><p> <div style="clear:both;"></div></p><p> </div></p><p> {/foreach}</p><p> </p><p> </p><p> </div></p><p> </div></p><p></div></p><p></div>[/CODE]</p></blockquote><p></p>
[QUOTE="X2_, post: 291188, member: 47935"] Well I'm not exactly good with coding. And the way HabboPHP is kinda looks wierd. Here is the code for my current staff page. Staff.php [PHP]<?php #|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#| #| #| #| HABBOPHP - http://habbophp.com #| #| Copyright © 2012 Valentin & Robin. All rights reserved. #| #| #| #|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#| require 'init.php'; $tpl->assign('groups','community'); $tpl->assign('selected','selected'); $tpl->display('header.tpl'); //Liste des rangs // Pour ajouter un rang ajoutez cette ligne : array('Nom' => 'Modérateur' , 'Rank' => '10' , 'Couleur' => 'darkblue'), à l'intérieur du array $rank $rank = array( array('Nom' => 'Owners' , 'Rank' => '7' , 'Couleur' => 'blue'), array('Nom' => 'Administrators' , 'Rank' => '6' , 'Couleur' => '#000'), array('Nom' => 'Moderators' , 'Rank' => '5' , 'Couleur' => 'red') ); foreach($rank as $ranks){ $minRanks[] = $ranks['Rank'] ; } //On fait un array des ranks array_multisort($minRanks,SORT_NUMERIC); // On les tri par ordre croissant $query=$db->query("SELECT rank,username,motto,id,look FROM users WHERE rank>=".intval($minRanks[0]),true); $tpl->assign('user_info',$query); $tpl->assign('rank',$rank); ///////////////////////////////////////////////// // Display ///////////////////////////////////////////////// $tpl->display('staff.tpl'); $tpl->display('footer.tpl'); ?>[/PHP] Then Staff.tpl [CODE]<style> label{ width: 150px; float:left; } .ssh { float:left; width:100px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-left:10px; border-radius:5px; text-align:center; border:3px solid #000; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ } .ssh:hover { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .r7 { } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="assets/js/jquery.qtip-1.0.0-rc3.min.js"></script> <script> jQuery.noConflict(); </script> <div id="container"> <div id="content" style="position: relative" class="clear fix"> <div> <div class="habblet-container " style="float:left; width: 770px;"> <div class="cbb clearfix settings"> {foreach from=$rank key=k item=i} <h2 class="title">{$i.Nom}</h2> <div class="box-content"> {foreach from=$user_info key=key item=item} {if $item.rank eq $i.Rank} <script type="text/javascript"> function slideSwitch{$item.id}() { var $active = jQuery("#slideshow{$item.id} IMG.active"); if ( $active.length == 0 ) $active = jQuery("#slideshow{$item.id} IMG:last"); var $next = $active.next().length ? $active.next() : jQuery("#slideshow{$item.id} IMG:first"); $active.addClass("last-active"); $next.addClass("active"); $active.removeClass("active last-active"); } jQuery(function(){ setInterval( "slideSwitch{$item.id}()", 200 ); }); </script> <style> #slideshow{$item.id} { position:relative; height:97px; width:100px; } #slideshow{$item.id} IMG { position:absolute; top:0; left:0; z-index:8; opacity:0; width:100px; } #slideshow{$item.id} IMG.active { z-index:10; opacity:1; float: center; margin-left: 18px; height:110px; width:64px; } #slideshow{$item.id} IMG.last-active { z-index:9; opacity:0; } </style> <script type="text/javascript"> jQuery(document).ready(function() { jQuery("#tt{$item.id}").qtip({ content: "<div style=\'text-align:center;background:{$i.Couleur};color:white;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:7px;\'><b>{$i.Nom}</b></div>{$item.motto}", position: { corner: { tooltip: "leftMiddle", target: "rightMiddle" } } }); }); </script> <a href="home.php?username={$item.username}" style="color:black;"><div style="width:100px" class="ssh" id="tt{$item.id}" onmouseover="jQuery('#one{$item.id}').hide();jQuery('#slideshow{$item.id}').show();" onmouseout="jQuery('#slideshow{$item.id}').hide();jQuery('#one{$item.id}').show();"> <div id="slideshow{$item.id}" style="display:none;"> <img id="f1" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=0&head_direction=0&gesture=std&size=l&img_format=gif" class="active" /> <img id="f2" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=1&head_direction=1&gesture=std&size=l&img_format=gif" /> <img id="f3" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=2&head_direction=2&gesture=std&size=l&img_format=gif" /> <img id="f4" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=3&head_direction=3&gesture=std&size=l&img_format=gif" /> <img if="f5" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=4&head_direction=4&gesture=std&size=l&img_format=gif" /> <img id="f6" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=5&head_direction=5&gesture=std&size=l&img_format=gif" /> <img id="f7" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=6&head_direction=6&gesture=std&size=l&img_format=gif" /> <img id="f8" src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=7&head_direction=7&gesture=std&size=l&img_format=gif" /> </div> <img src="http://www.habbr.info/habbo-imaging/avatarimage?figure={$item.look}&direction=3&head_direction=3&gesture=std&size=l&img_format=gif" id="one{$item.id}" /><br/> <b style="width:60px;word-wrap: break-word;">{$item.username}</b><br /><br/></div></a> {/if} {/foreach} <div style="clear:both;"></div> </div> {/foreach} </div> </div> </div> </div>[/CODE] [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Software Development
Programming
Requests
[REQUEST] Could someone recode this staff page?
Top