MyBB Community Forums

MyBB Community Forums > Resources > Tutorials > Hide - Show Topic Options Forumdisplay - Showthread
Full Version: Hide - Show Topic Options Forumdisplay - Showthread
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

Anka06

2016-10-27, 12:43 PM
Admin Cp - Themes & Styles - Forumdisplay Templates  - forumdisplay_threadlist

1- Find

</table>
<div class="float_left">
{$multipage}
</div>
<div class="float_right" style="margin-top: 4px;">
{$newthread}
</div>
<br class="clear" />
<br />
<div class="float_left">
<div class="float_left">
<dl class="thread_legend smalltext">
<dd><span class="thread_status newfolder" title="{$lang->new_thread}">&nbsp;</span> {$lang->new_thread}</dd>
<dd><span class="thread_status newhotfolder" title="{$lang->new_hot_thread}">&nbsp;</span> {$lang->new_hot_thread}</dd>
<dd><span class="thread_status hotfolder" title="{$lang->hot_thread}">&nbsp;</span> {$lang->hot_thread}</dd>
</dl>
</div>
<div class="float_left">
<dl class="thread_legend smalltext">
<dd><span class="thread_status folder" title="{$lang->no_new_thread}">&nbsp;</span> {$lang->no_new_thread}</dd>
<dd><span class="thread_status dot_folder" title="{$lang->posts_by_you}">&nbsp;</span> {$lang->posts_by_you}</dd>
<dd><span class="thread_status lockfolder" title="{$lang->locked_thread}">&nbsp;</span> {$lang->locked_thread}</dd>
</dl>
</div>
<br class="clear" />
</div>
<div class="float_right" style="text-align: right;">
{$inlinemod}
{$searchforum}
{$forumjump}
</div>
<br class="clear" />
{$inline_edit_js}


2- Change it

</table>
<div class="float_left">
{$multipage}
</div>
<div class="float_right" style="margin-top: 4px;">
<a href="#" id="sldtoggle"><div id="sldtog"><i class="fa fa-wrench" aria-hidden="true"></i> Topic Options</div></a>
{$newthread}
</div>
<br class="clear" /><br />
<div class="sldtoggle">
<div class="float_left">
<div class="float_left">
<dl class="thread_legend smalltext">
<dd><span class="thread_status newfolder" title="{$lang->new_thread}">&nbsp;</span> {$lang->new_thread}</dd>
<dd><span class="thread_status newhotfolder" title="{$lang->new_hot_thread}">&nbsp;</span> {$lang->new_hot_thread}</dd>
<dd><span class="thread_status hotfolder" title="{$lang->hot_thread}">&nbsp;</span> {$lang->hot_thread}</dd>
</dl>
</div>
<div class="float_left">
<dl class="thread_legend smalltext">
<dd><span class="thread_status folder" title="{$lang->no_new_thread}">&nbsp;</span> {$lang->no_new_thread}</dd>
<dd><span class="thread_status dot_folder" title="{$lang->posts_by_you}">&nbsp;</span> {$lang->posts_by_you}</dd>
<dd><span class="thread_status lockfolder" title="{$lang->locked_thread}">&nbsp;</span> {$lang->locked_thread}</dd>
</dl>
</div>
<br class="clear" />
</div>
<div class="float_right" style="text-align: right;">
{$inlinemod}
{$searchforum}
{$forumjump}</div>
</div>
<br class="clear" />
{$inline_edit_js}

<script>
$('#sldtoggle').click(function() {
 $('.sldtoggle').slideToggle('fast').addClass( "sldshow" ); return false;
});
</script>

<style>
#sldtog{padding: 5.4px 15px; background: #222;color:#f5f5f5;cursor:pointer;display:inline-block;border-radius:5px;	}	
.sldtoggle {display:none;}
.sldshow {display:visible;}
</style>

 3 - Wiew

[Image: 88JGvn.png]
[Image: B8kV5L.png]


Admin Cp - Themes & Styles - Show Thread Templates - showthread

1- Find

<td class="tfoot">
{$search_thread}
<div>
<strong>&laquo; <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> &raquo;</strong>
</div>
</td>
</tr>
</table>
<div class="float_left">
{$multipage}
</div>
<div style="padding-top: 4px;" class="float_right">
{$newreply}
</div>
<br class="clear" />
{$quickreply}
{$threadexbox}
{$similarthreads}
<br />
<div class="float_left">
<ul class="thread_tools">
<li class="printable"><a href="printthread.php?tid={$tid}">{$lang->view_printable}</a></li>
{$sendthread}
<li class="subscription_{$add_remove_subscription}"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;tid={$tid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a></li>
{$addpoll}
</ul>
</div>

<div class="float_right" style="text-align: right;">
{$moderationoptions}
{$forumjump}
</div>
<br class="clear" />
{$usersbrowsing}
{$footer}
<div id="thread_modes_popup" class="popup_menu" style="display: none;"><div class="popup_item_container"><a href="showthread.php?mode=linear&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}" class="popup_item">{$lang->linear}</a></div><div class="popup_item_container"><a href="showthread.php?mode=threaded&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}" class="popup_item">{$lang->threaded}</a></div></div>
<script type="text/javascript">
// <!--
if(use_xmlhttprequest == "1")
{
$("#thread_modes").popupMenu();
}
// -->
</script>
<script type="text/javascript">
$(".author_avatar img").error(function () {
$(this).unbind("error").closest('.author_avatar').remove();
});
</script>
</body>
</html>


2- Change it

<td class="tfoot">
{$search_thread}
<div>
<strong>&laquo; <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> &raquo;</strong>
</div>
</td>
</tr>
</table>
<div class="float_left">
{$multipage}
</div>
<div style="padding-top: 4px;" class="float_right">
<div id="slidetoggle"><i class="fa fa-wrench" aria-hidden="true"></i> Topic Options</div>{$newreply}
</div>	
<div id="slidepanel">	<div class="float_left">
<ul class="thread_tools">
<li class="printable"><a href="printthread.php?tid={$tid}">{$lang->view_printable}</a></li>
{$sendthread}
<li class="subscription_{$add_remove_subscription}"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;tid={$tid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a></li>
{$addpoll}
</ul>
</div>
<div class="float_right" style="text-align: right;">
{$moderationoptions}
{$forumjump}</div>
</div>
<br class="clear" />
{$quickreply}
{$threadexbox}
{$similarthreads}
<br />	
<br class="clear" />
{$usersbrowsing}
</div>{$footer}</div>
<div id="thread_modes_popup" class="popup_menu" style="display: none;"><div class="popup_item_container"><a href="showthread.php?mode=linear&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}" class="popup_item">{$lang->linear}</a></div><div class="popup_item_container"><a href="showthread.php?mode=threaded&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}" class="popup_item">{$lang->threaded}</a></div></div>
<script type="text/javascript">
// <!--
if(use_xmlhttprequest == "1")
{
$("#thread_modes").popupMenu();
}
// -->
</script>
<script type="text/javascript">
$(".author_avatar img").error(function () {
$(this).unbind("error").closest('.author_avatar').remove();
});
</script>
</body>
</html>
<script>
 $(document).ready(function(){
  $("#slidetoggle").click(function(){
    $("#slidepanel").fadeToggle(700);
  });
 });</script>
<style>
#slidetoggle{padding: 5.4px 15px; background: #222;color:#f5f5f5;cursor:pointer;display:inline-block;border-radius:5px;	}
#slidetoggle:hover {color:#f5f4f9;background-color:#000;border-color:#222;opacity: 0.6;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;transition: all 250ms ease-in-out;	}
#slidepanel{display:none;text-align:left;	padding:65px 20px}
</style>


 3 - view

[Image: ZY0rP3.png]
[Image: OEmnJ5.png]

 headerinclude {$ stil} Add below
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

terzier

2016-10-29, 04:53 PM
bookmark first!
thanks dude

Corey H

2016-10-29, 06:18 PM
4.7.0 is the latest version of font-awesome just so you know.
MyBB Community Forums > Resources > Tutorials > Hide - Show Topic Options Forumdisplay - Showthread