Замена ссылок создания тем и в посте своими кнопками со сменой при наведении курсора
Заменяет Новая тема, Ответить, Профиль, ЛС, E-mail, Удалить, Редактировать и т.п. на картинки со сменой при наведении курсора.
Автор: Deff
Платформа: MyBB
Ставим в 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>
Вместо красного - Подставляем свою ссылку на картинку
Если под какие пункты картинками не нужны, убираем это двухстрочье... Но помним, что последний элемент в списке без запятой (такой казус может возникнуть если убираем "Цитировать")
!!!Внимание - если вы не хотите, чтобы окружающее изображение дергалось и смещалось до наведения и после, оба изображения в паре(до наведения и после) должны иметь одинаковый внешний размер!
Кому-то, возможно, захочется скорректировать по высоте размещения кнопок "Новая тема", "Новый опрос", "Ответить". В НТML верх тогда ставим такой код:
<style> /*корректируем кнопку "ответить;Нов.тема; Нов.опрос*/
.linkst .postlink{
margin-top:25px;
}
.linksb .postlink{
margin-top: -40px;
}
</style>
Значения красным - регулируем
Поскольку замечена проблема с установкой своих картинок для Пожаловаться и Поделиться (для форумов QB), выход был найден с помощью css:
<style>
.pl-warning *,.pl-share *{
color:transparent!important;
}
.pl-warning{
height:31px; /*высота картинки*/
width:100px; /*ширина картинки*/
padding-left:32px!important; /*Отступ слева*/
background:url(Адрес картинки для Пожаловаться) no-repeat bottom right;
}
.pl-warning:hover{
background:url(Адрес картинки для Пожаловаться при наведении) no-repeat bottom right;
}
.pl-share {
height:31px; /*высота картинки*/
width:52px; /*ширина картинки*/
padding-left:16px!important; /*Отступ слева*/
background:url(Адрес картинки для Поделиться) no-repeat bottom right;
}
.pl-share:hover{
background:url(Адрес картинки для Поделиться при наведении) no-repeat bottom right;
}
</style>
Отредактировано Герда (20.05.13 04:54)
