Хаки и Скрипты Next Generation CMS : Текст и ссылки, JS : Иконка у внешней ссылки

irbees2008 Опубликовано - 25 - мая Текст и ссылки

Адаптировал: 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.Скачать архив с картинкой Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковать и залить в корень сайта.
Все насладаемся внешними ссылками.

Можешь почитать и вот эту статейку "С днем ВЕБ-ДИЗАЙНЕРА"

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.