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

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

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

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

Первый блок Первый параграф первого блока. Второй параграф первого блока. Второй блок Первый параграф второго блока. Второй параграф второго блока. Uiee io u e ee ea iioe ioeuaoe ooai u. Третий блок Первый параграф третьего блока. Второй параграф третьего блока. Третий параграф третьего блока.	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style type="text/css"> /* стиль блоков */ ul#split,ul#split li{margin:0;padding:0;list-style:none} ul#split li{float:left;width:150px;margin:0 10px 10px 0} ul#split h3{font: normal 120%/1.3 Verdana,sans-serif; text-transform:uppercase;margin:0px;padding: 5px 0 0; text-align:center; color: #000} ul#split p{margin:0;padding:5px 8px 15px} li#one{background: #C8C866} li#two{background: #FFBD00} li#three{background: #E3A1C4} </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#split li","same-height"); } </script>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет информационный блок.
<ul id="split"> <li id="one"><h3>Первый блок</h3> <div> <p>Первый параграф первого блока.</p> <p>Второй параграф первого блока.</p> </div> </li> <li id="two"><h3>Второй блок</h3> <div> <p>Первый параграф второго блока.</p> <p>Второй параграф второго блока.</p> <p>Uiee io u e ee ea iioe ioeuaoe ooai u.</p> </div> </li> <li id="three"><h3>Третий блок</h3> <div> <p>Первый параграф третьего блока.</p> <p>Второй параграф третьего блока.</p> <p>Третий параграф третьего блока.</p> </div> </li> </ul>
Здесь тоже всё должно быть понятно. В блок можно вставлять любые теги, т.е. всё что Вам нужно. Колличество блоков на страничке на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.