Show-Hide buttons in postbit.
Go to: ACP > Templates & Style > Themes > <span style="font-weight: bold;" class="mycode_b">global.css</span><br />
<br />
Add CSS code:<br />
<pre class="block-code line-numbers language-none"><code class="language-none">.buttons {
display: none;
margin-top: 10px;
}</code></pre><br />
Go to: ACP > Templates & Style > Templates > Post Bit Templates > <span style="font-weight: bold;" class="mycode_b">postbit_classic</span><br />
<br />
Find:<br />
<pre class="block-code line-numbers language-none"><code class="language-none"><div class="postbit_buttons author_buttons float_left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div></code></pre><br />
Change to:<br />
<pre class="block-code line-numbers language-none"><code class="language-none"><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></code></pre><br />
At the end, add code:<br />
<pre class="block-code line-numbers language-none"><code class="language-none"><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></code></pre><br />
I only edited the buttons on the left side, or you can add all the variables on the left / right side.<br />
<br />
Demo:<br />
<iframe width="560" height="315" src="//www.youtube-nocookie.com/embed/hQbSN8YqEi4" frameborder="0" allowfullscreen="true"></iframe><br />
<hr class="mycode_hr" />
Sorry to edit the topic 9 times. I had a formatting problem.
Go to: ACP > Templates & Style > Themes > <span style="font-weight: bold;" class="mycode_b">global.css</span><br />
<br />
Add CSS code:<br />
<pre class="block-code line-numbers language-none"><code class="language-none">.buttons {
display: none;
margin-top: 10px;
}</code></pre><br />
Go to: ACP > Templates & Style > Templates > Post Bit Templates > <span style="font-weight: bold;" class="mycode_b">postbit_classic</span><br />
<br />
Find:<br />
<pre class="block-code line-numbers language-none"><code class="language-none"><div class="postbit_buttons author_buttons float_left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div></code></pre><br />
Change to:<br />
<pre class="block-code line-numbers language-none"><code class="language-none"><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></code></pre><br />
At the end, add code:<br />
<pre class="block-code line-numbers language-none"><code class="language-none"><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></code></pre><br />
I only edited the buttons on the left side, or you can add all the variables on the left / right side.<br />
<br />
Demo:<br />
<iframe width="560" height="315" src="//www.youtube-nocookie.com/embed/hQbSN8YqEi4" frameborder="0" allowfullscreen="true"></iframe><br />
<hr class="mycode_hr" />
Sorry to edit the topic 9 times. I had a formatting problem.