Nifty Corners Cube™
One call. Two parameters. Three sizes.
|
Скопируйте и вставте |
| Внутри тега <HEAD> - </HEAD> |
|
| Всё подписано, проблем быть не должно. |
| Внутри тега <BODY> - </BODY> там где у Вас будет информационный блок. |
|
| Здесь тоже всё должно быть понятно. В блок можно вставлять любые теги, т.е. всё что Вам нужно. Колличество блоков на страничке на Ваше усмотрение. |
|
Nifty Corners Cube предназначен для закругленныя углов блоков. Это третья версия строящаяся на трех основных компонентах:
- Javascript-файл, с именем "niftycube.js"
- CSS-файл, с именем "niftyCorners.css"
- Javascript вызовы, специфичные для страниц
Слева вверху представлен пример: div с большими закругленными углами. Программирование примера имеет вид: | |
Рассмотрим подробнее.
|
Первый параметр для CSS-селектор(идентификатор), принимаются: тег, id-селектор, селектор потомка (с id или class) и их группировки. В следующей таблице приводятся некоторые примеры:
| Selector | Пример |
| tag selector | "p"
"h2" |
| id selector | "div#header"
"h2#about" |
| селектор класса | "div.news"
"span.date"
"p.comment" |
| потомок селектора (с id) | "div#content h2"
"div#menu a" |
| потомок селектора (с класс) | "ul.news li"
"div.entry h4" |
| группировки (любое количество и сочетание предыдущего селекторы) | "h2,h3"
"div#header,div#content,div#footer"
"ul#menu li,div.entry li" |
|
Говоря о параметрах: они определены ключевыми слова, они могут быть указаны в любом порядке и количестве. Давайте на них посмотрим:
| ключевое слово | его смысл |
| tl | верхнем левом углу |
| tr | верхнем правом углу |
| bl | нижнем левом углу |
| br | нижнем правом углу |
| top | верхние углы |
| bottom | нижние углы |
| left | левые углы |
| right | правый углы |
| all (по умолчанию) | во всех четырех углах |
| none | нет углы не будут скруглены (использовать для nifty столбцов) |
| small | малые углы (2px) |
| normal (по умолчанию) | нормальный размер углов (5px) |
| big | большой размер углов (10px) |
| transparent | корректировка верхней части блока. Применяется при задании фона блока картинкой, смены фонов и т.д. |
| fixed-height | применяется при фиксированной высоте задается через CSS |
| same-height | Параметр для nifty столбцов: все элементы, определенные в CSS селектор первого параметра будут иметь одинаковую высоту. Если эффект нужен, без скругленных углов, просто используйте этот параметр в сочетании с ключевым словом none. |
|
Примеры использования скрптиа |
| |
1. Пример 1 - одиночный блок с закруглёнными углами максимального радиуса.
2. Пример 2 - 2-а блока в DIV контейнере.
3. Пример 3 - блок с фоновой картинкой.
4. Пример 4 - создание кнопок меню.
5. Пример 4bic - цветное меню.
6. Пример 5 - вариант кнопок меню.
7. Пример 6 - блоки фиксированной высоты.
8. Пример 7 - вариант блоков одинаковой высоты.
9. Пример 8 - вариант блоков фиксированной высоты.
10. Пример 9 - блоки с титульной частью.
11. Пример 10 - вариант блоков с титульной частью.
12. Пример 11 - сложный составной блок.
13. Пример 12 - страничка из информационных блоков.
| |
|
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.
Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь. |
