Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Замена слов "Профиль", "ЛС", и др. картинками, со сменой при наведении


Замена слов "Профиль", "ЛС", и др. картинками, со сменой при наведении

Сообщений 1 страница 13 из 13

1

Замена слов Новая тема;Новый опрос;Ответить;Профиль;ЛС; и тд ...Редактировать Цитировать своими картинками, со сменой картинки при наведении курсора

Ставим в  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)

+1

2

ммм... пасиб :writing:  :flag:

0

3

Спасибо)))
Пригодиться)))

0

4

А возможно в данный скрипт внести строчку для изменения знака Аськи?Если да,то как будет выглядеть строка?

0

5

lenaelena написал(а):

А возможно в данный скрипт внести строчку для изменения знака Аськи?Если да,то как будет выглядеть строка

киньте юзер ник -пароль в личку и дайте ссылку на тему с юзерами с аськой

0

6

Спасибо большое,очень нужная информация!

0

7

:crazyfun:  :cool: Отличный скрипт!

0

8

А можно без картинок, а просто слова заменить?

0

9

Пользователь Ира написал(а):

А можно без картинок, а просто слова заменить?

<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){for (var i=0; i < pstlnk.length; i=i+3){
  var str=$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html();
  if (str!=null) {str=str.replace(pstlnk[i+1],pstlnk[i+2]);
$(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>

:glasses: Попробуйте так(ставим в HTML низ

Отредактировано Deff (2011-05-24 15:00:31)

0

10

Спасибо! :cool:

0

11

После установки данного скрипта появилась такая проблема:

http://uploads.ru/t/2/u/O/2uO6A.jpg

можно ли восстановить разметку, не уменьшая размер вставленных картинок? Форум

0

12

Allechka, html-верх:

<style>
#pun-viewtopic .post .post-links {padding-bottom: 26px!important;}
</style>

+1

13

Leonheart
Благодарю, надеюсь я еще не очень сильно успела Вам надоесть :blush:

0


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Замена слов "Профиль", "ЛС", и др. картинками, со сменой при наведении


Рейтинг форумов | Создать форум бесплатно