Вопрос BB код простой цитаты

Sidd

Проверенный
Регистрация
13.07.18
Сообщения
55
Реакции
13
Баллы
45
Как сделать простое выделение текста в виде цитаты формата << текст >>
Вот пример:

nwcPTCq[1].png

Вот CSS я так понимаю для экстра

CSS:
blockquote.coolqoute:before {
    font-family: 'Roboto', sans;
    content: "«";
    /* color: rgb(156, 159, 163); */
    color: #cd9e76;
    font-size: 35px;
    line-height: 30px;
    vertical-align: sub;
    margin-right: 5px;
    margin-left: -24px;
}

blockquote.coolqoute:after {

  font-family: 'Roboto', sans;
  content: "»";
  /* color: rgb(156, 159, 163); */
  color: #cd9e76;
  font-size: 35px;
  line-height: 30px;
   vertical-align: top;
  margin-left: 5px;
}

[COOLQUOTE][/COOLQUOTE]

А что нужно указать при добавлении бб кода, чтобы оно заработало?
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
В extra.less
Less:
.cool-quote-before() {
    color: @xf-textColorAttention;
    font-size: 35px;
    line-height: 14px;
    vertical-align: sub;  
}

.cool-quote {
    width: 100%;
    p {
        width: 96%;
        font-style: italic;
        text-align: justify;
        color: @xf-textColorDimmed;
        margin: 0 auto;
        &:before {
            content: "\00AB";
            .cool-quote-before();      
            margin-right: 5px;
        }
        &:after {
            content: "\00BB";
            .cool-quote-before();      
            margin-left: 5px;          
        }
    }
}
 

Вложения

  • bb_codes_coolquote.zip
    512 байт · Просмотры: 6

Sidd

Проверенный
Регистрация
13.07.18
Сообщения
55
Реакции
13
Баллы
45
Спасибо, очень не хватало такой штуки ^_^
 

Похожие темы

Верх Низ