Jump to content

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


KitsuneSolar

Recommended Posts

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)
}

Link to comment
Share on other sites

  • 3 weeks later...

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

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

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

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

Link to comment
Share on other sites

  • 4 months later...

 

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

Link to comment
Share on other sites

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

Куда угодно

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

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

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

 

Link to comment
Share on other sites

  • 1 year later...
  • 4 weeks later...

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
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...