• 1442
  • 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;
    }
Ну с цветами можно и поиграть,а также изменить цвет картинки под дизайн вашего сайта

Можешь почитать и вот эту статейку "Вертикальное ,выпадающее меню на jquery"

mistakes

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

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

Ваше мнение

TWIG -что это?
Результаты

----