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

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

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

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

Nifty Corners Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui. Rounded corners without images Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o. Iiuiuaea ouea ieuuio o eoo iaoa euiaou uoia uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi. Simple. Just Javascript and CSS. Aoioeou eeeu ueeiuiii uoauiioi uae eoeoioe ouiui oieouoo uioo uaieeoe oe eouoiea a oou uiu.	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style type="text/css"> /* стиль содержимого блоков / h1,h2,p{margin: 0;padding: 0 10px} p{padding: 0 10px 1em} h1,h2{letter-spacing: -1px;font-weight:100;color: #111} h1{font-size: 200%} h2{font-size: 140%;line-height:1.05} / контейнер блоков / div#container{width:450px;margin: 0 auto;padding:10px 0;text-align:left} / первый информационный блок / div#content{float:left;width:300px;padding:10px 0;background: #BAFB80} / второй информационный блок */ div#nav{float:right;width:145px;padding:10px 0;background:#DBCAEE } </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#content,div#nav"); } </script>
	Всё подписано, проблем быть не должно. Мы задаём только идентификаторы блоков, их параметры задаются как параметры по умолчани.
	Внутри тега <BODY> - </BODY> там где у Вас будет информационный блок.
	<!-- контейнер блоков --> <div id="container"> <!-- блок 1 --> <div id="content"> <h1>Nifty Corners</h1> <p>Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p> <h2>Rounded corners without images</h2> <p>Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.</p> <p>Iiuiuaea ouea ieuuio o eoo iaoa euiaou uoia uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.</p> </div> <!-- блок 2 --> <div id="nav"> <h2>Simple. Just Javascript and CSS.</h2> <p>Aoioeou eeeu ueeiuiii uoauiioi uae eoeoioe ouiui oieouoo uioo uaieeoe oe eouoiea a oou uiu.</p> </div> </div>
Здесь 2-а информационных блока находятся в одном DIV контейнере. Но блоки можно задавать и по отдельности, распологая в любых нужных Вам местах странички. Остальное всё должно быть понятно. В блок можно вставлять любые теги, т.е. всё что Вам нужно. Колличество блоков на страничке на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.