The Godfather Admin istratorPosts : 5133Reputation : 831
by The Godfather August 9th 2022, 3:57 pm
Administrators who have customized the template viewforum_body should consider the changes below. (Administrators who have not customized this template are not affected by these changes included natively in the basic template of the forum.)
The template affected by the changes below can be found here:
Administration Pannel Display Templates - GENERAL
Modifications pour le template
viewforum_body Awesomebb: AFTER
Code: <!-- END switch_user_logged_in -->
ADD THIS
Code: <!-- BEGIN switch_sort_options --> <div id="sort-box"> <span class="btn btn-flat mark-buttons" id="sort-btn"><i class="material-icons">sort</i> {switch_sort_options.L_SORT}</span> <form method="post" class="forumline sort-form"> <b>{switch_sort_options.L_SORT_BY}</b> <select name="sort_method"> {switch_sort_options.S_OPTIONS} </select> <b>{switch_sort_options.L_ORDER}</b> <div> <label><input type="radio" name="sort_order" id="sort_order_d" value="0" {switch_sort_options.DESC_CHECKED}/> {switch_sort_options.L_DESC}</label> <label><input type="radio" name="sort_order" id="sort_order_a" value="1" {switch_sort_options.ASC_CHECKED}/> {switch_sort_options.L_ASC}</label> </div> <input class="btn btn-default" type="submit" value="{switch_sort_options.L_SORT}"> </form> </div> <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var sort_btn = $('#sort-btn'); sort_btn.on('click', function() { sort_btn.toggleClass('expanded'); }); document.onclick = function(e){ if ($(e.target).parents('#sort-box').length==0) { document.getElementById('sort-btn').classList.remove('expanded'); } }; }); //]]> </script> <!-- END switch_sort_options -->
ModernBB: AFTER
Code: <a href="{U_MARK_READ}"><i class="ion-android-checkmark-circle"></i>{L_MARK_TOPICS_READ}</a>
ADD THIS
Code: <!-- BEGIN switch_sort_options --> <span id="sort-box"> <span id="sort-btn"><i class="ion-android-funnel"></i>{switch_sort_options.L_SORT}</span> <form method="post" class="module sort-form"> <div class="h3">{switch_sort_options.L_SORT_BY}</div> <select name="sort_method"> {switch_sort_options.S_OPTIONS} </select> <br/><br/> <div><b>{switch_sort_options.L_ORDER}</b></div> <div> <label><input type="radio" name="sort_order" id="sort_order_d" value="0" {switch_sort_options.DESC_CHECKED}/> {switch_sort_options.L_DESC}</label> <label><input type="radio" name="sort_order" id="sort_order_a" value="1" {switch_sort_options.ASC_CHECKED}/> {switch_sort_options.L_ASC}</label> </div> <br/> <input class="btn btn-default" type="submit" value="{switch_sort_options.L_SORT}"> </form> </span> <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var sort_btn = $('#sort-btn'); sort_btn.on('click', function() { sort_btn.toggleClass('expanded'); }); document.onclick = function(e){ if ($(e.target).parents('#sort-box').length==0) { document.getElementById('sort-btn').classList.remove('expanded'); } }; }); //]]> </script> <!-- END switch_sort_options -->
PHPBB2: REPLACE
Code: <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td> <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td> </tr> <!-- BEGIN switch_legend --> <tr> <td colspan="2"> <table border="0" cellpadding="6" cellspacing="2" align="center"> <tr> <td> <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br /> <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br /> <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span> </td> <td> <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_IMG}</span><br /> <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br /> <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span> </td> <td valign="top"> <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br /> <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br /> <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br /> </td> </tr> </table> </td> </tr> <!-- END switch_legend --> </table> </form>
WITH
Code: <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a> <!-- END switch_user_authpost --> </td> <td align="right" nowrap="nowrap"> <!-- BEGIN switch_sort_options --> <span id="sort-box" class="gensmall"> <form method="post" class="sort-form"> {switch_sort_options.L_SORT_BY}: <select name="sort_method"> {switch_sort_options.S_OPTIONS} </select> <input class="liteoption" type="submit" value="{switch_sort_options.L_SORT}"> </form> </span> <!-- END switch_sort_options --> <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></form> </td> </tr> <!-- BEGIN switch_legend --> <tr> <td colspan="2"> <table border="0" cellpadding="6" cellspacing="2" align="center"> <tr> <td> <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br /> <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br /> <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span> </td> <td> <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_IMG}</span><br /> <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br /> <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span> </td> <td valign="top"> <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br /> <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br /> <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br /> </td> </tr> </table> </td> </tr> <!-- END switch_legend --> </table>
PHPBB3: REPLACE
Code: <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="vf_jumpbox"> <label>{L_JUMP_TO}: </label> {S_JUMPBOX_SELECT} <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form>
WITH
Code: <div class="action-box"> <!-- BEGIN switch_sort_options --> <div id="sort-box"> <form method="post" class="sort-form"> <fieldset> <label>{switch_sort_options.L_SORT_BY}: </label> <select name="sort_method"> {switch_sort_options.S_OPTIONS} </select> <input class="button2" type="submit" value="{switch_sort_options.L_SORT}"> </fieldset> </form> </div> <!-- END switch_sort_options --> <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="vf_jumpbox"> <label>{L_JUMP_TO}: </label> {S_JUMPBOX_SELECT} <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form> </div>
Invision: AFTER
Code: <div class="borderwrap"> {TOPICS_LIST_BOX} </div>
ADD THIS
Code: <!-- BEGIN switch_sort_options --> <div id="sort-box"> <div id="sort-btn">{switch_sort_options.L_SORT}</div> <form method="post" class="forumline sort-form"> <div class="maintitle" style="">{switch_sort_options.L_SORT_BY}</div> <select name="sort_method"> {switch_sort_options.S_OPTIONS} </select> <div> <b>{switch_sort_options.L_ORDER}</b> <div> <label><input type="radio" name="sort_order" id="sort_order_d" value="0" {switch_sort_options.DESC_CHECKED}/> {switch_sort_options.L_DESC}</label> <label><input type="radio" name="sort_order" id="sort_order_a" value="1" {switch_sort_options.ASC_CHECKED}/> {switch_sort_options.L_ASC}</label> </div> </div> <input class="button" type="submit" value="{switch_sort_options.L_SORT}"> </form> </div> <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var sort_btn = $('#sort-btn'); sort_btn.on('click', function() { sort_btn.toggleClass('expanded'); }); document.onclick = function(e){ if ($(e.target).parents('#sort-box').length==0) { document.getElementById('sort-btn').classList.remove('expanded'); } }; }); //]]> </script> <!-- END switch_sort_options -->
PunBB: AFTER
Code: {TOPICS_LIST_BOX} <div class="paged-foot clearfix">
ADD THIS
Code: <!-- BEGIN switch_sort_options --> <div id="sort-box"> <div id="sort-btn">{switch_sort_options.L_SORT}</div> <form method="post" class="sort-form main"> <div class="main-head"> <div class="h3">{switch_sort_options.L_SORT_BY}</div> </div> <div class="main-content"> <select name="sort_method"> {switch_sort_options.S_OPTIONS} </select> <div><b>{switch_sort_options.L_ORDER}</b></div> <div> <label><input type="radio" name="sort_order" id="sort_order_d" value="0" {switch_sort_options.DESC_CHECKED}/> {switch_sort_options.L_DESC}</label> <label><input type="radio" name="sort_order" id="sort_order_a" value="1" {switch_sort_options.ASC_CHECKED}/> {switch_sort_options.L_ASC}</label> </div> <input class="btn btn-default" type="submit" value="{switch_sort_options.L_SORT}"> </div> </form> </div> <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var sort_btn = $('#sort-btn'); sort_btn.on('click', function() { sort_btn.toggleClass('expanded'); }); document.onclick = function(e){ if ($(e.target).parents('#sort-box').length==0) { document.getElementById('sort-btn').classList.remove('expanded'); } }; }); //]]> </script> <!-- END switch_sort_options -->
Like 8 Dislike Ape, sivastar, SLGray, Mimóza, Obscure, Winging, hoanglongnhatbao and Revelore like this post