Хаки и Скрипты Next Generation CMS

Свежие эффекты для ваших кнопок на сайте

irbees2008 irbees2008 Опубликовано - 3 - марта Кнопки и иконки
30211 - 0
  • Автор: Мэри Лу
  • Адаптировал: irbees2008
  • Источник:
  • Уровень сложности исполнения: нужны навыки css html
  • Демо:

Всем привет,уже давненько я ничего не писал,все работа и работа, а на любимое дело времени нет cry .Ну сегодня я увидел новый набор эффектов для кнопок, и они просто обалденные. Ну что же приступим.

Как всегда я выберу для описания первый вариант кнопки,их много и скачав исходник вы можете выбрать свой вариант.
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем и заливаем папки css и font в папку с вашим шаблоном
2.В нашем шаблоне открываем файл main.tpl и в секцию хеад подключаем стиль кнопок и стиль шрифта

Код:
<link rel="stylesheet"  href="{{ tpl_url }}/css/vicons-font.css" />
<link rel="stylesheet" href="{{ tpl_url }}css/buttons.css" />
3.Открываем в исходнике файл index.html и ищем свой вариант,ну мне проще я выбрал первый вариант
Код:
<button class="button button--winona button--border-thin button--round-s" data-text="Open Project"><span>Open Project</span></button>
4.Вот и все ставим код кнопки куда вам нужно,только не забываем в кнопке добавить адрес ,того что она будет делать,это примерно так
Код:
<button src="Ваш адрес переадресации" class="button button--winona button--border-thin button--round-s" data-text="Open Project"><span>Open Project</span></button>
Если что не понятно пишем в коментариях.

Можешь почитать и вот эту статейку "Форматирование цифр по октетам на TWIGe"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4421 день
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 665
  • Онлайн всего: [4]
  • Гости: [3]
  • Поисковики: [1] Google
  • Были сегодня : [3] Google, Georg83, Яндекс
  • SQL запросов: 33
  • Генерация страницы: 0.406сек
  • Потребление памяти: 5.165 Mb 
  •   Яндекс.Метрика