Эффекты на основе Java Script, jQuery и т.д.

Вернуться в каталог >>>

Вернуться к описанию >>>

Закругление углов информационых блоков Пример 6 (блоки фиксированной высоты)

Explore new possibilities Discover colors easily Design CSS without worries Plug and run your rounded corners... ...without any graphics! Nifty Corners Cube™ f hbhj	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style type="text/css"> /* стили блоков */ ul#about,ul#about li{list-style-type:none;margin:0;padding:0; color: #000; text-align:center;font: 16px "Trebuchet MS",Verdana,Arial,sans-serif} ul#about{width: 474px;margin:10px auto 0;text-align:left} ul#about li{float:left;width: 120px; height:100px; padding: 30px 10px 20px 20px;margin:8px 8px 0 0;} li#ab1{background: #FC0} li#ab2{background: #9F3} li#ab3{background: #F60} li#ab4{background: #39F} li#ab5{background: #F36} li#ab6{background: #FF0;} </style> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/830/niftycube.js"></script> <!-- программирование скрипта (блоков) --> <script type="text/javascript"> window.onload=function(){ Nifty("ul#about li","tl bottom big fixed-height"); } </script>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет информационный блок.
	<ul id="about"> <li id="ab1">Explore new possibilities</li> <li id="ab2">Discover colors easily</li> <li id="ab3">Design CSS without worries</li> <li id="ab4">Plug and run your rounded corners...</li> <li id="ab5">...without any graphics!</li> <li id="ab6">Nifty Corners Cube™ f gvgv</li> </ul>
Здесь тоже всё должно быть понятно. В блок можно вставлять любые теги, т.е. всё что Вам нужно. Колличество блоков на страничке на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.