The result looks like this:

As you can see burry button was replaced by Report spam button. When you move mouse over it, tooltip appears. This tooltip is fully CSS-based.
Needed files:
Required icon is as an attachement. This icon is supposed to be in templates/template/images folder.
Changes:
main.css
Add code:
Code:
span.tooltip{
position:relative;
z-index:2400;
color:black;
}
span.tooltip:hover{
z-index:2500;
}
span.tooltip div{
display:none
}
.report {
background:#fff2f2 !important;
border:1px solid #9d0d0d;
}
.report_header{
background:#9d0d0d;
color:white;
font-weight:bold;
}
.report_header,.report_body{
display:block !important;
padding:1px 4px 2px 4px;
}
span.tooltip:hover div.report{
display:block;
position:absolute;
background-color:yellow;
border: 1px solid black;
top:20px; left:85px; width:15em;
color:#000;
width:250px
}
Finde section {if $link_shakebox_currentuser_votes eq 0 && $link_shakebox_currentuser_reports eq 0} and replace the whole section
with:
Code:
{if $link_shakebox_currentuser_votes eq 0 && $link_shakebox_currentuser_reports eq 0}
<span class="tooltip" style="width:85px">
<span id="xreport-{$link_shakebox_index}"><a href="javascript:{$link_shakebox_javascript_report}">
<img src="{$my_pligg_base}/templates/{$the_template}/images/spam.png" style="width:16px;height:16px" align="absmiddle" />
{#PLIGG_Visual_Vote_Bury#}Report spam</a></span>
<div class="report">
<div class="report_header">Pligg Help - Spam Report</div>
<div class="report_body">By clicking on this button you <b>report spam</b>. Visibility of this link will be limited. This action is irreversable!</div></div>
</span>
{/if}
Thats all. Hope it helps






Linear Mode

