Хаки и Скрипты Next Generation CMS

Иконка у внешней ссылки

irbees2008 irbees2008 Опубликовано - 25 - мая Текст и ссылки
3862 - 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Сегодня мы добавим иконку у внешней ссылки используя jQuery плагин .
Иконка будет показываться рядом с теми ссылками, у которых прописан target="_blank" .
Итак приступим:
1.Подключаем скрипты в head main.tpl:

Код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" >
(function(a){
a.fn.link_external_icon=function(p){
var p=p||{};
var icon_path=p&&p.icon_path?p.icon_path:"link_external.png";
var n=a(this);
n.find("a[target='_blank']").css("padding-right","13px").css("background-image","url("+icon_path+")").css("background-repeat","no-repeat").css("background-position","center right");
}
})(jQuery);
</script>
Повторно подключать jQuery не надо,если у вас уже подключен.
2.Далее после тега body добавляем :
Код:
<script type="text/javascript">
$(function() {
$("body").link_external_icon({
icon_path:"/link_external_ikonka_dli_vnechnix_ccilok.png"
});
});
</script>
3.Скачать архив с картинкой Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковать и залить в корень сайта.
Все насладаемся внешними ссылками.

Можешь почитать и вот эту статейку "Удаление дублей страниц"

Опрос

Ваше мнение

какой форум лучше для вас
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4375 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 661
  • Онлайн всего: [9]
  • Гости: [9]
  • Были сегодня : [3] Яндекс, Google, Яндекс
  • SQL запросов: 32
  • Генерация страницы: 0.329сек
  • Потребление памяти: 5.366 Mb 
  •   Яндекс.Метрика