Розробка, підтримка, SEO, просування, соцмережі та реклама сайтів ☣
Кабінет клієнта
Зареєструватись Забули пароль?
Розробка та створення сайтів » Блог » jQuery » Кнопки з спецефектом

Кнопки з спецефектом

Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року. 1-05-2013, 01:29 1 890 0
Кнопки з спецефектом

Сьогодні хочу поділитись з Вами маленьким хаком - як зробити кнопку атачмента красивою та анімованою.

 

 

 

Також можна використовувати дану кнопку і для інших потреб, наприклад для сторінки з прикладом скрипту, як це реалізовано і на цьому сайті.

I. Робимо красивий атачмент:

Знаходимо у файлі  /engine/modules/functions.php

(приблизно 695 строка)

            $replace_1[] = "<span class="attachment"><a href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}" >{$row['name']}</a> [{$size}] ({$lang['att_dcount']} {$row['dcount']})</span>";
            $replace_2[] = "<span class="attachment"><a href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}" >\1</a> [{$size}] ({$lang['att_dcount']} {$row['dcount']})</span>";

І міняємо на:

    $replace_1[] = "<div class="a-center"><a href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}" title="{$row['name']}" id="knatach_3"><span class="knatach_1">Завантажити</span><div class="knatach_4"><p>({$lang['att_dcount']} {$row['dcount']})  <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[{$size}]</p></div></a>";
            $replace_2[] = "<div class="a-center"><a href="{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}"  id="knatach_3"><span class="knatach_1">Завантажити</span><div class="knatach_4"><p>({$lang['att_dcount']} {$row['dcount']})  <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[{$size}]</p></div></a>";
        

До свого стилю в тему добавляємо css:

Все готово! winked

 

 II. Вставляємо кнопку за допомогою Додаткового поля:

Майте на увазі, якщо в додатковому полі буде відсутня силка, то кнопка не буде показуватись.

1) Потрібно вставити css наведений вище.

 

2) В файл повної новини fullstory.tpl вставляємо код:

 

3) Створємо додаткове поле - silkademo

 

 
 

Розробка сайтів | Створення сайтів

Коментарі

⤹ Залишити свій коментар ⤸

  • Натисніть на зображення, щоб оновити код, якщо він нерозбірливий
Останнє на сайті
  • seo

    Українські каталоги для реєстрації сайту

    coments/141 vievs/ 1
  • faq

    Які існують російські домени?

    coments/35 vievs/ 0
  • seo

    Українська двигун для сайту - Ardilla-CMS

    coments/109 vievs/ 0
Останнє в магазині
Картинка в meta з додаткового поля Картинка в meta з додаткового поля / Платні модулі DLE
Коментарі
Популярне на сайті

Для усіх любителів Анекдотів українською існує чудовий сайт з безліччю приколів, смішних історій та відео: Анекдоти

Тарифні плани

Потужний старт Стандартний запуск сайту від $400
  • - ♜ -
  • В стартовий тарифний план входить:

  • Розробка та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 5 сторінок
  • Ліцензія двигунчика DLE
Просунутий SEO оптимізований сайт від $700
  • - ♚ -
  • В SEO тарифний план входить:

  • Створення та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 10 сторінок
  • Ліцензія двигунчика DLE
  • 5 силок + перелінковка
Імперський винущувач конкурентів від $999
  • - ♛ -
  • В імперський тарифний план входить:

  • Розробка сайту
  • Наповнення до SEO 20 сторінок
  • Повна оптимізація
  • Ліцензія двигунчика DLE
  • МОЄ НАТХНЕННЯ та ДОСВІД!
/* soc-knopki */