Открыть меню    

Закругляем углы блока с помощью JavaScript. Niftycube.

Один из самых простых способов закруглить углы блока - это использовать JavaScript. К примеру, на вашем сайте существует много блоков, у которых необходимо закруглить углы.

niftycube_js

Для этого с сайта NiftyCube скачаем zip-файл с последней версией сценария на JavaScript’е. Распакуем архив и скопируем в корневую папку сайта всего лишь два файла – niftycube.js и niftyCorners.css. Затем пропишем ссылку на сценарий внутри элемента head и укажем функцию, которая передаст сценарию информацию о том, какой блок необходимо закруглить. Чтобы применить данный сценарий к нескольким блокам достаточно прописать их в функцию через запятую.

HTML


<head>.....
<script type="text/javascript"  src="niftycube.js"> </script>
<script type="text/javascript">
window.onload=function(){ Nifty("div.for_text");}
</script>      
....</head>

Где div.for_text - это блок (for_text - название класса, который применяется к данному блоку), у которого мы закругляем углы. Такие блоки можно оформлять в любом стиле, учитывая всего одно условие: внутренний отступ должен быть задан в px., иначе в Internet Explorer возможны осложнения.

Можете скачать отсюда: www.html.it/articoli/niftycube/index.html

Комментарии к статье

аватарка пользователя
2011-05-30
Хасан

Дайте ссылку на сайт NiftyCube, по ходу при наборе в браузере выдает ерунду с доменами com, ru , net поэтому просьба дайте ссылку на скачивание

аватарка пользователя
2011-06-02
Костя

Ссылку дал в конце статьи

аватарка пользователя
2012-09-09
саша

переходите по ссылке, и всамом незу страницы жмёте DOWNLOAD. всё.

Добавить комментарий