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

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

demo

Для этого с сайта 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