Перейти к содержанию

(CSI/IPS/BBCODE) Кнопка загрузки


KitsuneSolar

Рекомендуемые сообщения

index.php?app=downloads&module=display&s

Название: (CSI/IPS/BBCODE) Кнопка загрузки

Добавил: WebFox

Добавлен: 24 Мар 2015

Категория: ББКоды IP.Board

Лицензия: _creativecommons.org/licenses/by-nc-nd/4.0/

BB-код позволяет вставить в сообщение красиво оформленную кнопку загрузки.

Принцип действия

Когда Вы указываете значения в тегах:

[download=URL] ... [/download]

, создаётся кнопка для загрузки информации по указанному URL.

В этом дополнении используются иконки "Font Awesome". Для подключения иконок "Font Awesome" необходимо установить hook .

Основные особенности:

  • необходимо указать ссылку для загрузки;
  • необходимо указать текст на кнопке загрузки.

После установки BB-кода, необходимо в custom.css (или ipb_styles.css) добавить следующий код:

/**
- * BBCode: Download Button
- * By CYBERSPACE Industries
- * ------------------------------------------------------------------------- */

.bbc_btn_download {
  display: inline-block;
}

.bbc_btn_download a.bbc_url {
  display: inline-block;
  padding-right: 15px;
  border-radius: 3px;
  background-color: #7266ba;
  color: #fff;
  text-decoration: none;
}

.bbc_btn_download i.fa {
  margin-right: 15px;
  padding: 10px 15px;
  background-color: rgba(0,0,0,.1);
}

.bbc_btn_download a.bbc_url:hover {
  background-color: #6254b2;
}

.bbc_btn_download a.bbc_url:active {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

Ссылка на комментарий
Поделиться на другие сайты

  • 3 недели спустя...

А что дальше делать то?

бб код веть нужно като добавить или нет

Ссылка на комментарий
Поделиться на другие сайты

А что дальше делать то?

бб код веть нужно като добавить или нет

Куда добавить?

Скачайте архив и импортируйте ббкод в админке. В чём проблема?

Ссылка на комментарий
Поделиться на другие сайты

  • 4 месяца спустя...

 

После установки BB-кода, необходимо в custom.css (или ipb_styles.css) добавить следующий код:

 
/**
- * BBCode: Download Button
- * By CYBERSPACE Industries
- * ------------------------------------------------------------------------- */

.bbc_btn_download {
  display: inline-block;
}

.bbc_btn_download a.bbc_url {
  display: inline-block;
  padding-right: 15px;
  border-radius: 3px;
  background-color: #7266ba;
  color: #fff;
  text-decoration: none;
}

.bbc_btn_download i.fa {
  margin-right: 15px;
  padding: 10px 15px;
  background-color: rgba(0,0,0,.1);
}

.bbc_btn_download a.bbc_url:hover {
  background-color: #6254b2;
}

.bbc_btn_download a.bbc_url:active {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

 

А в какое именно место Ipb_styles.css устанавливать код?
Или ещё дополненный хук Awesome нужен?
(у меня получилась вот такая багнутая кнопка)
 

Безымянный.png

Ссылка на комментарий
Поделиться на другие сайты

А в какое именно место Ipb_styles.css устанавливать код? 

Куда угодно

Или ещё дополненный хук Awesome нужен?
(у меня получилась вот такая багнутая кнопка)

Конечно нужен.

http://ipbmafia.ru/files/file/1483-csiipsbbcode-knopka-zagruzki/

 

Ссылка на комментарий
Поделиться на другие сайты

  • 1 год спустя...
  • 4 недели спустя...

Нужно срочно перезалить файл!

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...