С помощью JS добавить к ссылкам картинку в CSS
С помощью JS добавить к ссылкам картинку в CSS
Будут такого типа ссылки <div class="post"> <a href="внешняя-ссылка"></a> <a href="внутренняя-ссылка"></a> <a href="редиректная-ссылка/go.php?url=http://внешняя-ссылка"></a> </div> Редиректным и внешним ссылкам прописывать с помощью CSS картинку как на скрине: ![]() Внутренним ссылкам не добавлять картинку. Возможности добавить css стили ссылкам нет, поэтому я и спрашиваю как такое реализовать?? |
Люди подсказали что можно реализовать через jquery, подкиньте примеры?
я вообще дуб как в JS так и jquery Хочу в своем блоге такое сделать |
Цитата:
<div class="post"> <a href="http://external">Внешняя ссылка</a> <a href="/internal">Внутренняя ссылка</a> <a href="/go.php?url=http://внешняя-ссылка">Внешняя ссылка</a> </div> <style type="text/css"> a[href^='http://'], a[href^='/go.php?url']{ padding-left: 10px; background: #f00; } </style> Работает везде(ie6 не всчет) |
Блог работает на wordpress и поэтому даже внутренние ссылки с http://
Возможно ли оттолкнуться от <div class="post"> что-бы только в этом месте работал ваш код? <style type="text/css"> a[href^='http://'], a[href^='/go.php?url']{ padding-left: 10px; background: #f00; } </style> То-есть мой блог wlad2.ru и чтобы CSS работал только внутри <div class="post"></div> |
Конечно:
.post a[href^='http://']{..} Обратите внимание, что внутренние ссылки не должны начинаться с http:, иначе придется потрудиться чтобы все работало верно. |
Если в ссылках есть target=blank ??
можно на этом както сыграть? .post a[href^='http://' target=blank]{..} |
да .post a[target='_blank']{..}
http://htmlbook.ru/samcss/selektory-atributov |
danik.js, большое тебе спасибо все что ты написал мне очень помогло.
|
Часовой пояс GMT +3, время: 23:22. |