Замена слов "Новая тема, Новый опрос, Ответить, Профиль, ЛС, Редактировать, Цитировать и.т.д" на картинки, со сменой картинки при наведении курсора:
Скрипт ставим в html низ:
<script><!--Свои картинки вместо:Новая тема;Новый опрос;Ответить;Профиль;ЛС;и т.д. -->
pstlnk=new Array(
".postlink","Новая тема",
"Ссылка на картинку","Ссылка на картинку при наведении",
".postlink","Новый опрос",
"Ссылка на картинку","Ссылка на картинку при наведении",
".postlink","Ответить",
"Ссылка на картинку","Ссылка на картинку при наведении",
".pl-email","Профиль",
"Ссылка на картинку","Ссылка на картинку при наведении",
".pl-email","ЛС",
"Ссылка на картинку","Ссылка на картинку при наведении",
".pl-email","E-mail",
"Ссылка на картинку","Ссылка на картинку при наведении",
".pl-website","Вебсайт",
"Ссылка на картинку","Ссылка на картинку при наведении",
".pl-delete","Удалить",
"Ссылка на картинку","Ссылка на картинку при наведении",
".pl-edit","Редактировать",
"Ссылка на картинку","Ссылка на картинку при наведении",
".pl-quote","Цитировать",
"Ссылка на картинку","Ссылка на картинку при наведении" // !ПОСЛЕДНИЙ элемент без запятой
)
function find_and_replace(value){var s0,s1,s2,s3,i; for (i=0; i < pstlnk.length; i=i+4){s0=pstlnk[i+2];
s1="onmouseover=\"this.src='"+pstlnk[i+3]+"'\"";s2="onmouseout=\"this.src='"+s0+"'\"";
s3='<img class="pst_lnk" src="'+s0+'" '+s1+' '+s2+' border="0" />';
var str=$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html();
if (str!=null) {str=str.replace(pstlnk[i+1],s3);
$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html(str);};};}
$("#pun-viewforum .linkst,#pun-viewforum .linksb,#pun-viewtopic .linkst,#pun-viewtopic .linksb,#pun-viewtopic .post .post-links").each(function(){find_and_replace(this);;});
</script>
Вместо красного - Подставляем свою ссылку на картинку.
Если под какие пункты картинками не нужны, - убираем это двухстрочье...Но -Помним, что последний элемент в списке без запятой(такой казус может возникнуть если убираем "Цитировать"
Внимание!!! - если вы не хотите, чтобы окружающее изображение дергалось и смещалось до наведения и после: Оба изображения в паре(до наведения и после) должны иметь одинаковый внешний размер!
Кому-то, возможно, захочется скорректировать по высоте размещения кнопок "Новая тема","Новый опрос","Ответить",
В html верх тогда ставим такой код:
<style> /*корректируем кнопку "ответить;Нов.тема; Нов.опрос*/
.linkst .postlink{
margin-top:25px;
}
.linksb .postlink{
margin-top: -40px;
}
</style>
Значения выделенные красным - регулируем.
Автор: Deff