• 1585
  • 1
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css hmlt

Сегодня изменим вид цитат
1.Вот исходники Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,для тех кому не понятно будет.
2.Идем в директорию \engine\includes\classes и открываем файл parse.class.php и заменяем строки

Код:
$content	=	preg_replace("#\[quote\]\s*(.*?)\s*\[/quote\]#is", "<blockquote><b>".$lang['bb_quote']."</b>$1</blockquote>",$content);
$content =preg_replace("#\[quote=(.*?)\]\s*(.*?)\s*\[/quote\]#is","<blockquote><b>$1 ".$lang['bb_wrote']."</b>$2</blockquote>",$content);
на эти
Код:
$content=preg_replace("#\[quote\]\s*(.*?)\s*\[/quote\]#is", '<div class="bbQuoteBlock"><div class="bbQuoteName" ><b>Цитата</b> </div><div class="quoteMessage"><blockquote><b>'.$lang['bb_quote'].'</b>$1</blockquote></div></div>',$content);
$content = preg_replace("#\[quote=(.*?)\]\s*(.*?)\s*\[/quote\]#is",'<div class="bbQuoteBlock"><div class="bbQuoteName" ><b>Цитата</b> </div><div class="quoteMessage"><blockquote><b>$1 '.$lang['bb_wrote'].'</b>$2</blockquote></div></div>',$content);
все это сохраняем и закрываем.
3.Далее идем в стили и добавляем стиль нужного вам цвета
  1. Голубой
    Код:
    .bbQuoteName { 
    background:#6cadcd;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(Ваш путь до картинки/blue_arrow.png) no-repeat 90% top;
    font-style:italic;
    }
  2. Зеленый
    Код:
    .bbQuoteName { 
    background:#AABC38;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(Ваш путь до картинки/green_arrow.png) no-repeat 90% top;
    font-style:italic;
    }
  3. Серый
    Код:
    .bbQuoteName { 
    background:#c7c8c8;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(Ваш путь до картинки/gray_arrow.png) no-repeat 90% top;
    font-style:italic;
    }
  4. Розовый
    Код:
    .bbQuoteName { 
    background:#ff6cb2;
    color:#fff;
    line-height:28px;
    padding-left:15px;
    text-transform:uppercase;
    }
    .quoteMessage {
    border:1px solid #e5e1d9 !important;
    border-top:0 none !important;
    padding:15px 15px 15px 15px;
    background:#f2eee6 url(Ваш путь до картинки/pink_arrow.png) no-repeat 90% top;
    font-style:italic;
    }
Ну с цветами можно и поиграть,а также изменить цвет картинки под дизайн вашего сайта

Можешь почитать и вот эту статейку "Небольшое дополнение для слайдера и не только"

mistakes

Это тоже интересно

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

Ваше мнение

Ваше отношение к TWIG
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element