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.Далее идем в стили и добавляем стиль нужного вам цвета
- ГолубойКод:
.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;
} - ЗеленыйКод:
.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;
} - СерыйКод:
.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;
} - РозовыйКод:
.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"
Это тоже интересно
- 27.03.1517 лучших генераторов кода CSS3
- 11.06.18Эффект прозрачности на CSS
- 15.01.14Чашка чая на CSS3
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
ответить