Хаки и Скрипты Next Generation CMS
irbees2008 irbees2008 Опубликовано - 2 - января CSS
3269 - 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;
    }
Ну с цветами можно и поиграть,а также изменить цвет картинки под дизайн вашего сайта

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

Опрос

Ваше мнение

Вы нашли что искали?
Результаты

Последние комментарии

Теги

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

Статистика

  • Caйту: 4614 дней
  • Новостей: 568
  • Комменты: 257
  • Зарегистрированно : 673
  • Онлайн всего: [50]
  • Гости: [50]
  • Были сегодня : [3] Google, Яндекс, irbees2008
  • SQL запросов: 32
  • Генерация страницы: 0.302сек
  • Потребление памяти: 5.337 Mb 
  •   Яндекс.Метрика