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

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

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

Закругление углов информационых блоков Пример 5 (вариант кнопок меню)

permalink comments trackback
Скопируйте и вставте
Внутри тега <HEAD> - </HEAD>
<style type="text/css"> /* стиль кнопок */ ul.postnav,ul.postnav li{margin:0;padding:0;list-style-type:none} ul.postnav li{float:left;width: 9em;font-size:140%;margin-right: 5px} ul.postnav a{display:block;width:9em;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif; text-transform:uppercase;background: #C7FF5A;color: #666; text-decoration:none;text-align:center} ul.postnav a:hover{background: #A8E52F;color:#FFF} </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.postnav a","transparent"); } </script>
Всё подписано, проблем быть не должно.
Внутри тега <BODY> - </BODY> там где у Вас будет информационный блок-кнопки.
<ul class="postnav"> <li><a href="#">permalink</a></li> <li><a href="#">comments</a></li> <li><a href="#">trackback</a></li> </ul>
Здесь тоже всё должно быть понятно. В блок можно вставлять любые теги, т.е. всё что Вам нужно. Колличество блоков на страничке на Ваше усмотрение. Колличество кнопок в меню на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.