2022-09-11, 08:53 PM
(This post was last modified: 2024-03-31, 05:59 PM by User 124306. Edited 10 times in total.)
Go to: ACP > Templates & Style > Themes > global.css
Add CSS code:
Go to: ACP > Templates & Style > Templates > Post Bit Templates > postbit_classic
Find:
Change to:
At the end, add code:
I only edited the buttons on the left side, or you can add all the variables on the left / right side.
Add CSS code:
.buttons {
display: none;
margin-top: 10px;
}
Go to: ACP > Templates & Style > Templates > Post Bit Templates > postbit_classic
Find:
<div class="postbit_buttons author_buttons float_left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div>
Change to:
<button onclick="FunctionButtons_{$post['pid']}()">Options</button>
<div class="buttons" id="buttons_{$post['pid']}">
<div class="postbit_buttons author_buttons float_left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div>
</div>
At the end, add code:
<script type="text/javascript">
function FunctionButtons_{$post['pid']}() {
var x = document.getElementById("buttons_{$post['pid']}");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
</script>
I only edited the buttons on the left side, or you can add all the variables on the left / right side.