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
le="color: #000000"><?php <!-- only for login user //--> <{if $viewer_level gt 0}> <!-- modal for rate //--> <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> <!-- modal for quickreply //--> <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> <!-- fix bottom navbar //--> <div class="navbar-fixed-bottom container" id="postnav" style="bottom:12px;"> <!-- rate button //--> <{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}> <!-- reply button //--> <{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}> <!-- modal-dialog move to bottom //--> <style>.btn-bottom {position: absolute;bottom:48px;z-index:9999;} </style> <!-- scroll hide bottom navbar //--> <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
