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

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

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

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

Title one Eiu iae eiouuu io eiiu e eo eee ue uaioeo eiea euooi iueui a eieuoo iau iaio ieeoaiui. Iie u uiuou uaueiei ioou ouu o e uue aeiii o euoueeei iueuou ei aoeaei ui eeoueuo e ioi. Title two Uiiui ieoai ooiu iuo oo iaoouuo ouiue ui oa aeiooi ieuuu ue auaou euui oieoeo iai aaoo. Ueauiuiiu oauue iiouoi eiiiaeaa ioeu e eio iioui iu o ieooua aooiu ooiu o oau oo ouuau ueuoeii ieieoeee aee. Uiee io u e ee ea iioe ioeuaoe ooai u. Title three iei ooo ui ui eeiuiuoi uiauoe ieuii ii aia eiii eueieie ouio oi. Iu iuiui aeeoio aouea euaeu ouuu aoooe eueo uei ueeu ea uieuiuu uo ui e aeuu eaeia oui. Oeouo ue uuei e ieuee o uooeuoo eaeeu oeieioa aoaea iuia ue uia oiau a uoeo.	Скопируйте и вставте
	Внутри тега <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 5px 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 h3{background: #C8C866} ul#split div{background: #FFC} li#one div{border:2px solid #C8C866} li#two h3{background: #FFBD00} li#two div{border:2px solid #FFBD00} li#three h3{background: #E3A1C4} li#three div{border:2px solid #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 h3","top"); // титульная часть Nifty("ul#split div","none same-height"); // информационная часть } </script>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет информационный блок.
	<ul id="split"> <li id="one"><h3>Title one</h3> <div> <p>Eiu iae eiouuu io eiiu e eo eee ue uaioeo eiea euooi iueui a eieuoo iau iaio ieeoaiui.</p> <p>Iie u uiuou uaueiei ioou ouu o e uue aeiii o euoueeei iueuou ei aoeaei ui eeoueuo e ioi.</p> </div> </li> <li id="two"><h3>Title two</h3> <div> <p>Uiiui ieoai ooiu iuo oo iaoouuo ouiue ui oa aeiooi ieuuu ue auaou euui oieoeo iai aaoo.</p> <p>Ueauiuiiu oauue iiouoi eiiiaeaa ioeu e eio iioui iu o ieooua aooiu ooiu o oau oo ouuau ueuoeii ieieoeee aee.</p> <p>Uiee io u e ee ea iioe ioeuaoe ooai u.</p> </div> </li> <li id="three"><h3>Title three</h3> <div> <p>iei ooo ui ui eeiuiuoi uiauoe ieuii ii aia eiii eueieie ouio oi.</p> <p>Iu iuiui aeeoio aouea euaeu ouuu aoooe eueo uei ueeu ea uieuiuu uo ui e aeuu eaeia oui.</p> <p>Oeouo ue uuei e ieuee o uooeuoo eaeeu oeieioa aoaea iuia ue uia oiau a uoeo.</p> </div> </li> </ul>
Здесь тоже всё должно быть понятно. Информационный блок состоит из 2-х. Блока титульной части и блока информационной части. В блок можно вставлять любые теги, т.е. всё что Вам нужно. Колличество блоков на страничке на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.