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

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

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

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

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 3px; text-align:center;color: #000} ul#split p{margin:0;padding:5px 8px 15px} ul#split div{background:#C5E6F6} li#one h3{background: #C8C866} li#two h3{background: #FFBD00} li#three h3{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 h3","top"); // титульная часть Nifty("ul#split div","bottom 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-х. Блока титульной части и блока информационной части. В блок можно вставлять любые теги, т.е. всё что Вам нужно. Колличество блоков на страничке на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.