Сообщений в теме: 6

[venceslauzzz]

реализовал на некоторых сайтах клиентов. смотрится неплохо. кому интересно вот код. PIE.htc положить в папку с картинками для шаблона. в файле product_brief.tpl.html исправляем код. вместо

<a href="{if $smarty.const.CONF_MOD_REWRITE eq 1}product_{$product_info.productID}.html{else}index.php?productID={$product_info.productID}{/if}"><img src="data/small/{$product_info.picture}" alt="{$product_info.name}"></a>

пишем

<a class="b-img-radius" href="{if $smarty.const.CONF_MOD_REWRITE eq 1}product_{$product_info.productID}.html{else}index.php?productID={$product_info.productID}{/if}" style="background: url(data/small/{$product_info.picture})"><img src="data/small/{$product_info.picture}" alt="{$product_info.name}"></a>

и соответственно в файле product_detailed.tpl.html исправляем код

<a href="data/big/{$product_info.big_picture}" class="highslide" onclick="return hs.expand(this)"><img src="data/medium/{$product_info.thumbnail}" alt="{$product_info.name}" id="{$product_info.big_picture}"></a>

на

<a href="data/big/{$product_info.big_picture}" class="highslide b-img-radius" onclick="return hs.expand(this)" style="background: url(data/medium/{$product_info.thumbnail})"><img src="data/medium/{$product_info.thumbnail}" alt="{$product_info.name}" id="{$product_info.big_picture}"></a>

, код

<a href="data/big/{$product_info.big_picture}" class="highslide" onclick="return hs.expand(this)"><img src="data/small/{$product_info.picture}" alt="{$product_info.name}" id="{$product_info.big_picture}"></a>

на

<a href="data/big/{$product_info.big_picture}" class="highslide b-img-radius" onclick="return hs.expand(this)" style="background: url(data/small/{$product_info.picture})"><img src="data/small/{$product_info.picture}" alt="{$product_info.name}" id="{$product_info.big_picture}"></a>

, код

<a href="data/big/{$all_product_pictures[i].enlarged}" class="highslide" onclick="return hs.expand(this)"><img src="data/small/{$all_product_pictures[i].filename}" alt="{$product_info.name}" id="{$all_product_pictures[i].enlarged}"></a>

на

<a href="data/big/{$all_product_pictures[i].enlarged}" class="highslide b-img-radius" onclick="return hs.expand(this)" style="background: url(data/small/{$all_product_pictures[i].filename})"><img src="data/small/{$all_product_pictures[i].filename}" alt="{$product_info.name}" id="{$all_product_pictures[i].enlarged}"></a>

. затем в файле стилей style.css корректируем код

.imboxr img, .sr{margin-left:8px}

.imboxl img, .sl{margin-right:8px}

и меняем на

.imboxr img, .sr{margin-left:0px}

.imboxl img, .sl{margin-right:0px}

и в конец дописываем

/* IMG radius */

.b-img-radius {zoom: 1; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); display: inline-block; vertical-align: top;}

.b-img-radius img {display: block; visibility: hidden;}

. пользуемся и говорим спасибо. пример можно посмотреть тут http://motochki.com.ua

Прикрепленные файлы

•  PIE.rar   10.29К   6 Количество загрузок:

[badisoft]

пользуемся и говорим спасибо. пример можно посмотреть тут http://motochki.com.ua

Надо только не забывать добавлять, что в IE вся эта красота не работает.

[venceslauzzz]

Надо только не забывать добавлять, что в IE вся эта красота не работает.

ишак 9 полет нормальный . 8 версии нет, а ставить в падлу для проверки

[badisoft]

Не все маньяки обновления. Есть огромное количество "просто пользователей", которые совершенно не в курсе, что IE это плохо и отстой. У меня XP и IE8, в нем все картинки как были "квадратиш практиш гут!", так и остались. Страшного в этом ничего нет, ведь для IE не стало лучше, но не стало и хуже.

[Localhost]

CSS Rounded Corners - как вариант с JS

http://davidwalsh.na...rounded-corners

[venceslauzzz]

CSS Rounded Corners - как вариант с JS

http://davidwalsh.na...rounded-corners

поставил, проверил в ие8. работает.надо положить файл в папку data/картинки_шаблона и в head.tpl.html добавить строку

<script type="text/javascript" src="data/{$smarty.const.TPL}/curvy.corners.trunk.js"></script>

. у кого установлена более ранняя версия ишака, отпишитесь.

Прикрепленные файлы

•  curvy.corners.trunk.rar   14.19К   4 Количество загрузок:

[Lada]

Еще вариант скругления углов:

В файл style.css ставим в конец это:

.table0 {
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius: 25px;;
}

И в нужном месте указываем class="table0"