BBCode & BBQuote boxes style
20
апр
2016
апр
2016
Как видно из скрина, модификация позволит вам изменить внешний вид боксов Code(кода) и Quote(цитаты).
Что бы получить такой результат, нам надо загрузить изображения из архива в папку /gradients, вашего стиля.
(http://site.com/styles/название_вашего_стиля/xenforo/gradients)
Затем в шаблон EXTRA.CSS, добавить следующий код:
/* BBCode & BBQuote boxes style */
.bbCodeCode .type {
background: url("@imagePath/xenforo/gradients/bbcode_grad.png") repeat-x scroll center top #cbdbdf!important;
border-bottom: 1px solid #a3bdc4 !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #54676c;
font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
font-size: 11px;
padding: 3px 8px;
}
.bbCodeCode pre, .bbCodeCode .code {
background: url("@imagePath/xenforo/gradients/shadow_bbcode.png") no-repeat scroll center top #cbdbdf!important;
border-radius: 0 0 0 0 !important;
box-shadow: 0 0 3px #bfd5dc inset;
font-family: Consolas,'Courier New',Courier,monospace;
font-size: 10pt;
line-height: 1.24;
max-height: 500px;
min-height: 30px;
overflow: auto;
padding: 10px;
word-wrap: normal;
color: #54676c;
}
.bbCodeCode {
border: 1px solid #a3bdc4 !important;
border-radius: 5px 5px 5px 5px;
}
.bbCodeCode .type {
padding: 4px 10px !important;
font-size: 14px !important;
color: #54676c !important;
}
.bbCodeQuote .type {
background: url("@imagePath/xenforo/gradients/bbcode_grad.png") repeat-x scroll center top #fee6b6!important;
border-bottom: 1px solid #e6c585!important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #6CB2E4;
font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
font-size: 11px;
padding: 3px 8px;
}
.bbCodeQuote blockquote{
background: url("@imagePath/xenforo/gradients/shadow_bbcode.png") no-repeat scroll center top #fee6b6!important;
border-radius: 0 0 0 0 !important;
box-shadow: 0 0 3px #edd3a1 inset;
}
.bbCodeQuote {
border: 1px solid #e6c585!important;
border-radius: 5px 5px 5px 5px;
}
.bbCodeQuote .type {
padding: 4px 10px !important;
font-size: 14px !important;
color: #414141 !important;
}
.bbCodeCode .type {
background: url("@imagePath/xenforo/gradients/breadcrumb_grad.png") repeat-x scroll top #cbdbdf!important;
border-bottom: 1px solid #a3bdc4 !important;
}
/* end BBCode & BBQuote boxes style */
Уважаемый Пользователь!
|
- Автор: masterok
- Комментарии: 0
- Просмотры: 7 327