1
newbb topic rate is less useful features
I think it is a problem with the UI
so i try hack it to facebook style
result
Quote:
xoops : 2.5.9
module : newbb 4.34 Final
template : newbb_viewtopic.tpl
css framework: Bootstrap3
icon : Font Awesome 4.7.0
<{if $viewer_level gt 0}>
<div class="modal fade bs-example-modal-sm container" id="replyrate" tabindex="-1" role="dialog" aria-labelledby="replyrate">
<div class="modal-dialog btn-bottom" role="document">
<div class="modal-content btn-group" role="group">
<button type="button" class="btn btn-default" onclick="location.href='/modules/<{$xoops_dirname}>/ratethread.php?topic_id=<{$topic_id}>&forum=<{$forum_id}>&rate=5';"><i class="fa fa-thumbs-o-up fa-2x" aria-hidden="true">i><br><{$smarty.const._MD_RATE5}>button>
<button type="button" class="btn btn-default" onclick="location.href='/modules/<{$xoops_dirname}>/ratethread.php?topic_id=<{$topic_id}>&forum=<{$forum_id}>&rate=4';"><i class="fa fa-smile-o fa-2x" aria-hidden="true">i><br><{$smarty.const._MD_RATE4}>button>
<button type="button" class="btn btn-default" onclick="location.href='/modules/<{$xoops_dirname}>/ratethread.php?topic_id=<{$topic_id}>&forum=<{$forum_id}>&rate=3';"><i class="fa fa-meh-o fa-2x" aria-hidden="true">i><br><{$smarty.const._MD_RATE3}>button>
<button type="button" class="btn btn-default" onclick="location.href='/modules/<{$xoops_dirname}>/ratethread.php?topic_id=<{$topic_id}>&forum=<{$forum_id}>&rate=2';"><i class="fa fa-frown-o fa-2x" aria-hidden="true">i><br><{$smarty.const._MD_RATE2}>button>
<button type="button" class="btn btn-default" onclick="location.href='/modules/<{$xoops_dirname}>/ratethread.php?topic_id=<{$topic_id}>&forum=<{$forum_id}>&rate=1';"><i class="fa fa-thumbs-o-down fa-2x" aria-hidden="true">i><br><{$smarty.const._MD_RATE1}>button>
div>
div>
div>
<div class="modal fade bs-example-modal-sm container" id="replyquick" tabindex="-1" role="dialog" aria-labelledby="replyquick">
<div class="modal-dialog btn-bottom" role="document">
<div class="modal-content modal-body"><button type="button btn-default" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×span>button>
<{$quickreply.form}>
div>
div>
div>
<div class="navbar-fixed-bottom container" id="postnav" style="bottom:12px;">
<{if $rating_enable}>
<a class="btn btn-default btn-lg" style="box-shadow: 0 0 15px 0 grey" data-toggle="modal" data-target="#replyrate"><i class="fa fa-thumbs-o-up" aria-hidden="true">i><{$smarty.const.THEME_LIKE}>a>
<{/if}>
<{if $quickreply.show}>
<a class="btn btn-default btn-lg" style="box-shadow: 0 0 15px 0 grey" data-toggle="modal" data-target="#replyquick"><i class="fa fa-comment-o" aria-hidden="true">i><{$smarty.const.THEME_FORUM_REPLY}>a>
<{/if}>
<style>.btn-bottom {position: absolute;bottom:48px;z-index:9999;} style>
<script>
$(window).scroll(function(){
var scrollBottom = $("body").height()-$(window).height()-60;
if (scrollBottom > 120 )
{
if ($(this).scrollTop() > 60 && $(this).scrollTop() < scrollBottom)
{ $('#postnav').fadeIn(); }
else { $('#postnav').fadeOut(); }
}
else
{
$('#postnav').fadeIn();
}
});
script>
div>
<{/if}>
done.
my blog
https://3q.9527.tw/125
