3882
- 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>
2.Далее после тега body добавляем :
Код:
<script type="text/javascript">
$(function() {
$("body").link_external_icon({
icon_path:"/link_external_ikonka_dli_vnechnix_ccilok.png"
});
});
</script>
Все насладаемся внешними ссылками.
Можешь почитать и вот эту статейку "палитра цветов 1"
Это тоже интересно
31.08.14Стильные CSS3 hover эффекты
21.07.15Скрипт редиректа внешних ссылок
01.10.17Переливающийся текст
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.