Jump to content

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

Featured Replies

Posted
comment_83843

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 недели спустя...
  • Author
comment_85275

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

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

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

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

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

 

После установки 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

comment_92284

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

Куда угодно

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

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

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

 

  • 1 year later...
  • 4 недели спустя...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.