KrAcAvChIK,
Quote (KrAcAvChIK)
у меня никак не получается(
.... Так.
Заходишь в ПУ (панель управления сайтом - здесь и далее) » Главная » Управление дизайном » Редактирование шаблонов » Нижняя часть сайта
и пихаешь вот такой код:
Quote
<!--[if lte IE 9]>
<script type="text/javascript">
$('b.swchItemA,a.swchItem,b.swchItemA1,a.swchItem1').addClass('rc3');
</script>
<script type="text/javascript" src="http://likbezz.ru/_theme/_script/_ext/rounded-corners-min.js"></script>
<![endif]-->
Где:
b.swchItemA,a.swchItem,b.swchItemA1 - классы элементов, через запятую, к которым будем применять скрипт.
.addClass('rc3') - Добавляем класс - для скрипта - отмечаем что обрабатывать, и задаём радиус - rc3 - равный 3px. Не сложно догадаться, что rc7 - это радиус 7px и так далее.
<!--[if lte IE 9]> - Условные комментарии для ИЕ. (девятая версия уже понимает border-radius)... ヅ
Важно:
Скрипт заливаем себе на хост (на сайт) и корректируем ссылку (src="http://likbezz.ru/_theme/_script/_ext/rounded-corners-min.js")...
Скачать скрипт можно с code.google.com
☑ Ссылка: rounded-corners-min.js (13.4 kb)
...
Ещё важнее:
Конкретно в этом случае, я бы не стал тАк заморачиваться.
А сделал бы проще:
Так как мы имеем для переключателей вот такой код:
Code
<b class="swchItemA1 "><span>1-10</span></b>
и
Code
<a class="swchItem1" href="javascript://" rel="nofollow" onclick="spages('3');return false;"><span>21-30</span></a>
- То просто пишем стили:
Code
.swchItemA1,.swchItem1{background:url(img.png) no-repeat left top;}
.swchItemA1 span,.swchItem1 span{background:url(img.png) no-repeat right top;}
- И соответствующие картинки - широкая - с левым радиусом и короткая - с правым радиусом ....
То же самое и для hover.
...
☑ Пример - смотреть исходник.
...