Замена ссылок создания тем и в посте своими кнопками (Deff)
Замена ссылок создания тем и в посте своими кнопками со сменой при наведении курсора
Ставим в HTML низ
Вместо красного - Подставляем свою ссылку на картинку
Если под какие пункты картинками не нужны, убираем это двухстрочье... Но помним, что последний элемент в списке без запятой (такой казус может возникнуть если убираем "Цитировать")
!!!Внимание - если вы не хотите, чтобы окружающее изображение дергалось и смещалось до наведения и после, оба изображения в паре(до наведения и после) должны иметь одинаковый внешний размер!
Кому-то, возможно, захочется скорректировать по высоте размещения кнопок "Новая тема", "Новый опрос", "Ответить". В НТML верх тогда ставим такой код:
Значения красным - регулируем
Поскольку замечена проблема с установкой своих картинок для [i]Пожаловаться и Поделиться (для форумов QB), выход был найден с помощью css:
Ставим в 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+":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>
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+":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>
.linkst .postlink{
margin-top:25px;
}
.linksb .postlink{
margin-top: -40px;
}
</style>
Значения красным - регулируем
Поскольку замечена проблема с установкой своих картинок для [i]Пожаловаться и Поделиться (для форумов 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>
.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>
Просмотров: 762, Загрузок: 0, Оценка: 5.0 (1)
| Страницы: | |