С помощью 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, время: 03:30. |