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

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

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

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

Nifty Corners Cube™ Easier than ever: Automatic detection of color and background color Automatic smoothing and transparency Preservation of padding, so more presentational unobtrousive Ability to choose the corners to round and the size just one or two parameters	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style type="text/css"> /* стиль информационного блока / div#box{color: #000; width: 25em;padding: 30px 0;margin:0 auto; text-align:left;background: #9CC0FF url(http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/830/gradient.png) repeat-x 0 -5px} / стили содержимого блока */ h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #303F6E} h1,p{margin:0 20px} ol{margin:10px 40px;padding:0} ol li{margin:0;padding:0} </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("div#box","transparent"); // ("идентификатор", "параметры") } </script>
	Всё подписано, проблем быть не должно. Блок с фоновой картинкой, она задаётся в CSS табличке.
	Внутри тега <BODY> - </BODY> там где у Вас будет информационный блок.
<!-- информационный блок --> <div id="box"> <!-- содержимое блока --> <h1>Nifty Corners Cube™</h1> <p>Easier than ever:</p> <ol> <li>Automatic detection of color and background color</li> <li>Automatic smoothing and transparency</li> <li>Preservation of padding, so more presentational unobtrousive</li> <li>Ability to choose the corners to round and the size</li> <li>just one or two parameters</li> </ol> </div>
Здесь тоже всё должно быть понятно. В блок можно вставлять любые теги, т.е. всё что Вам нужно. Колличество блоков на страничке на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.

Nifty Corners Cube™