Замена слов Новая тема;Новый опрос;Ответить;Профиль;ЛС; и тд ...Редактировать Цитировать своими картинками, со сменой картинки при наведении курсора
Ставим в 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>
(*Значения красным - регулируем
Поскольку замечена проблема с установкой Своих картинок для Пожаловаться и Поделиться(для форумов ork) - выход был найден с помощью css (устанавливаем в HTML верх либо без тегов <style> во второе Окно Стиля
<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>
Теги: замена слов, замена картинками, изменение при наведении, скрипты, deff
Отредактировано Deff (2011-05-16 22:43:39)