Wchodząc na stronę http://ps-game.net/www/index.php po boku można zauważyć Top Postacie, Top Reputacja i Top Posty które właśnie zjeżdżają na sam dół nad shoutboxa.

[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>{$mybb->settings['bbname']}</title>
  4. {$headerinclude}
  5. <script type="text/javascript">
  6. <!--
  7. 	lang.no_new_posts = "{$lang->no_new_posts}";
  8. 	lang.click_mark_read = "{$lang->click_mark_read}";
  9. // -->
  10. </script>
  11. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  12. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
  13. <style type="text/css">
  14. .buttons {
  15.     background: url(images/arrowleft.png) no-repeat;
  16.     width: 16px;
  17.     height: 16px;
  18.     display: block;
  19.     cursor: pointer;
  20. }
  21.  
  22. .clickedbuttons {
  23.     background: url(images/arrowright.png) no-repeat;
  24.     width: 16px;
  25.     height: 16px;
  26.     display: block;
  27.     cursor: pointer;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. {$header}
  33. {$status}<br>
  34. <div style="float: right;">
  35. <a id="button" class="buttons"></a>
  36. </div>
  37. <table>
  38. <tr>
  39. <td width="100%;" valign="top">
  40. {$forums}
  41. </td>
  42.     <script type="text/javascript">
  43. jQuery.noConflict();
  44.     jQuery(function() {
  45.         //run the currently selected effect
  46.         function runEffect(){
  47.             //get effect type from 
  48.             var selectedEffect = 'slide';
  49.  
  50.             //most effect types need no options passed by default
  51.             var options = {};
  52.             //check if it's scale or size - they need options explicitly set
  53.             if(selectedEffect == 'scale'){  options = {percent: 0}; }
  54.             else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
  55.  
  56.             //run the effect
  57.             jQuery("#effect").toggle(selectedEffect,options,500);
  58.  
  59.         };
  60.  
  61.         //set effect from select menu value
  62.         jQuery("#button").click(function() {
  63.             jQuery(this).toggleClass("clickedbuttons")
  64.             runEffect();
  65.             return false;
  66.         });
  67.  
  68.     });
  69.     </script>
  70. <td valign="top">
  71. <div id="effect" class="ui-widget-content ui-corner-all">
  72. <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" width="240">
  73. <tr>
  74. <td class="thead">
  75. <strong>Szukaj</strong>
  76. </td>
  77. </tr>
  78. <tr>
  79. <td class="trow1">
  80. <form method="post" 
  81. action="{$mybb->settings['bburl']}/search.php">
  82. <input type="hidden" name="action" value="do_search" />
  83. <input type="hidden" name="postthread" value="1" />
  84. <input type="hidden" name="forums" value="all" />
  85. <input type="hidden" name="showresults" value="threads" />
  86. <input type="text" class="textbox" name="keywords" value="" />
  87. <!-- start: gobutton -->
  88. <input type="submit" class="button" value="Go" />
  89. <!-- end: gobutton -->
  90. </form>
  91. </td>
  92. </tr>
  93. </table>
  94. <br>
  95. <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" width="240">
  96. <tr>
  97. <td class="thead">
  98. <strong>Top Postacie</strong>
  99. </td>
  100. </tr>
  101. {$toppostacie}
  102. </table>
  103. <br>
  104. <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" width="240">
  105. <tr>
  106. <td class="thead">
  107. <strong>Top Reputacja</strong>
  108. </td>
  109. </tr>
  110. {$topreputacja}
  111. </table>
  112. </div>
  113. </td>
  114. </tr>
  115. </table>
  116. <br>
  117. <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" width="240">
  118. <tr>
  119. <td class="thead">
  120. <strong>Top Posty</strong>
  121. </td>
  122. </tr>
  123. {$topposty}
  124. </table>
  125. <sf_shoutbox>
  126. {$boardstats}
  127. <br style="clear: both" />
  128. {$footer}
  129. <span style="display:block;position:fixed;right:5px;bottom:0px;padding:5px 70px 6px 10px;color:#fff;background:#000;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0; -moz-opacity:0.7; opacity:0.7;">
  130. Zapraszamy na serwery CS! Przygotowania do startu SAMP!
  131. </span>
  132.  
  133. <div style="position:fixed;right:10px;bottom:0px;">
  134. <img src="images/image-bar.png" alt="" />
  135. </body>
  136. </html>
[PHP] pobierz, plaintext