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

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

irbees2008 irbees2008 Опубликовано - 3 - марта Кнопки и иконки
30057 - 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>
Если что не понятно пишем в коментариях.

Можешь почитать и вот эту статейку "Размещаем рекламу между новостями на TWIGе"

Опрос

Ваше мнение

Ваше отношение к TWIG
Результаты

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

Теги

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

Статистика

  • Caйту: 4365 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 660
  • Онлайн всего: [4]
  • Гости: [2]
  • Поисковики: [2] Google, Яндекс
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 36
  • Генерация страницы: 0.422сек
  • Потребление памяти: 6.121 Mb 
  •   Яндекс.Метрика