Пропустить

Стилизация цитат

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Свернуть Развернуть Правила форума Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).

Стилизация цитат

Сообщение Kostelano » 17.07.2010 17:18

Занимался ли кто-нибудь вопросом стилизации цитат (видоизменением)? Согласитесь, стандартная рамка цитат не очень симпатична.

Изображение

К примеру, на том же движке vBulletin видел несколько разных вариантов цитируемых сообщений.
Аватара пользователя
Kostelano
phpBB 1.4.4
 
Сообщения: 76
Зарегистрирован: 23.02.2010 1:59
Откуда: Днепропетровск
Благодарил (а): 10 раз.
Поблагодарили: 13 раз.

Re: Стилизация цитат

Сообщение MIT » 17.07.2010 17:43

Да, занимался, да не очень.
Аватара пользователя
MIT
Поддержка
Поддержка
 
Сообщения: 2060
Зарегистрирован: 14.03.2009 18:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 16 раз.
Поблагодарили: 277 раз.

Re: Стилизация цитат

Сообщение Nekstati » 17.07.2010 17:55

А по-моему, цитаты вполне симпатичны. Ищите в CSS по blockquote и blockquote cite. Можно, например, скруглить углы и сделать рамку темнее:

blockquote {
   border-color: #99AACC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

Кстати, вообще насчёт сравнения с vBulletin и прочими — на мой взгляд, ничего и рядом не висело с банальным Просильвером. Да, он нам приелся и оскомину набил, но остаётся шедевром.
За это сообщение автора Nekstati поблагодарил:
Di_Mok (14.01.2011 23:01)
Аватара пользователя
Nekstati
Лидер поддержки
Лидер поддержки
 
Сообщения: 2571
Зарегистрирован: 19.03.2009 18:43
Благодарил (а): 9 раз.
Поблагодарили: 772 раз.

Re: Стилизация цитат

Сообщение Kostelano » 17.07.2010 18:00

Nekstati писал(а):Ничего и рядом не висело с банальным просильвером...

Полностью согласен, но вот момент с цитатами мне показался слишком простым.

Можно, например, скруглить углы и сделать рамку темнее.

Ну вот, уже значительно симпатичнее выглядят цитаты :) Спасибо!

Изображение
Будут еще варианты - делитесь :)
Аватара пользователя
Kostelano
phpBB 1.4.4
 
Сообщения: 76
Зарегистрирован: 23.02.2010 1:59
Откуда: Днепропетровск
Благодарил (а): 10 раз.
Поблагодарили: 13 раз.

Re: Стилизация цитат

Сообщение MIT » 17.07.2010 19:07

Kostelano, я не очень на гадалку похож, что бы сидеть и придумывать чего ты там хотел. Прозвучал конкретный вопрос, я на него вполне конкретно ответил :roll:

Однажды пришлось сделать такое:
Untitled.png


для себя подобным заниматься лениво, да и надобность сомнительная.
Аватара пользователя
MIT
Поддержка
Поддержка
 
Сообщения: 2060
Зарегистрирован: 14.03.2009 18:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 16 раз.
Поблагодарили: 277 раз.

Re: Стилизация цитат

Сообщение Kostelano » 17.07.2010 22:40

MIT
Дай реализацию.
Аватара пользователя
Kostelano
phpBB 1.4.4
 
Сообщения: 76
Зарегистрирован: 23.02.2010 1:59
Откуда: Днепропетровск
Благодарил (а): 10 раз.
Поблагодарили: 13 раз.

Re: Стилизация цитат

Сообщение MIT » 17.07.2010 23:31

Ну держи...
Вложения
quote.rar
(10.18 КБ) Скачиваний: 109
Аватара пользователя
MIT
Поддержка
Поддержка
 
Сообщения: 2060
Зарегистрирован: 14.03.2009 18:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 16 раз.
Поблагодарили: 277 раз.

Re: Стилизация цитат

Сообщение владимир1983 » 18.07.2010 0:02

Ну держи...

MIT
Здравствуйте. Выглядит конечно супер. MIT Расскажите пожалуйста подробней как реализовать такую стилизацию цитаты, куда это заливать, что править)?

Добавлено спустя 1 минуту 59 секунд:
Стиль на основе subsilver2.
Сдаюсь в аренду или временно поживу за счет заказчика
Аватара пользователя
владимир1983
Поддержка
Поддержка
 
Сообщения: 1823
Зарегистрирован: 27.04.2010 2:17
Откуда: Сергиев Посад
Благодарил (а): 70 раз.
Поблагодарили: 205 раз.

Re: Стилизация цитат

Сообщение MIT » 18.07.2010 0:11

Ну если в общем, то:
1) Скопировать картинки
2) Внести правки в файл stylesheet.css, дополнив или добавив существующие блоки кода предложенными; указать верные пути к файлам изображений
3) В файле bbcode.html заменить блоки кода
<!-- BEGIN quote_open -->
<div class="quotetitle"><b>{L_QUOTE}:</b></div><div class="quotecontent">
<!-- END quote_open -->
и
<!-- BEGIN quote_close -->
</div>
<!-- END quote_close -->
на предложенный мной код
Аватара пользователя
MIT
Поддержка
Поддержка
 
Сообщения: 2060
Зарегистрирован: 14.03.2009 18:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 16 раз.
Поблагодарили: 277 раз.

Re: Стилизация цитат

Сообщение Пчелкин » 20.07.2010 7:02

А поточней инструкцию для жирафов под просильвер? Не наставаю. но всеж...шибко заинтересовало..
Да и красиво !!!
Фанат phpBB. В HTML - без проблем, в CSS - так себе, учусь, в php - баран, помогает только дедукция
Аватара пользователя
Пчелкин
phpBB 3.0.7-PL1
 
Сообщения: 4901
Зарегистрирован: 15.01.2010 14:57
Откуда: От Москвы 9 часов на Боинге
Благодарил (а): 289 раз.
Поблагодарили: 557 раз.

Re: Стилизация цитат

Сообщение владимир1983 » 20.07.2010 20:10

Уважаемый MIT!
Если можно то и для сабсильвера поточней, для точ таких же жирафов(
Сдаюсь в аренду или временно поживу за счет заказчика
Аватара пользователя
владимир1983
Поддержка
Поддержка
 
Сообщения: 1823
Зарегистрирован: 27.04.2010 2:17
Откуда: Сергиев Посад
Благодарил (а): 70 раз.
Поблагодарили: 205 раз.

Re: Стилизация цитат

Сообщение MIT » 21.07.2010 19:39

ПроСильвер 3.0.7 pl1
Проверил, работает.

bbcode.html
Find
<!-- BEGIN quote_username_open --><blockquote><div><cite>{USERNAME} {L_WROTE}:</cite><!-- END quote_username_open -->
<!-- BEGIN quote_open --><blockquote class="uncited"><div><!-- END quote_open -->
<!-- BEGIN quote_close --></div></blockquote><!-- END quote_close -->
Replace with
<!-- BEGIN quote_username_open --><div class="qouteo png_bg"><blockquote style="background: none no-repeat scroll 10px 10px transparent; border: 0pt none rgb(219, 219, 219);"><div class="posttopleft-qu1 png_bg"><div class="posttopright-qu1 png_bg"><div class="postmod-top-qu1 png_bg"></div></div></div><div class="postmod-surround-qu1"><div><cite>{USERNAME} {L_WROTE}:</cite><!-- END quote_username_open -->
<!-- BEGIN quote_open --><div class="qouteo png_bg"><blockquote style="background: none no-repeat scroll 10px 10px transparent; border: 0pt none rgb(219, 219, 219);"><div class="posttopleft-qu1 png_bg"><div class="posttopright-qu1 png_bg"><div class="postmod-top-qu1 png_bg"></div></div></div><div class="postmod-surround-qu1"><div style="padding-top: 15px"><!-- END quote_open -->
<!-- BEGIN quote_close --></div></div><div class="postbottomleft-qu1 png_bg"><div class="postbottomright-qu1 png_bg"><div class="postmod-bottom-qu1 png_bg"></div></div></div></blockquote></div><!-- END quote_close -->

В colours.css добавить
.qouteo {background-attachment:scroll;background-color:transparent;background-image:url("{T_THEME_PATH}/images/quoteo.png");background-position:0 0;background-repeat:no-repeat;padding-left:10px;padding-top:20px}
.posttopleft-qu1 {background:url("{T_THEME_PATH}/images/postmod-tl-qu1.png") no-repeat scroll 0 0 transparent;height:15px}
.posttopright-qu1 {background:url("{T_THEME_PATH}/images/postmod-tr-qu1.png") no-repeat scroll 100% 0 transparent;height:15px}
.postmod-top-qu1 {background:url("{T_THEME_PATH}/images/postmod-tm-qu1.png") repeat-x scroll 0 0 transparent;height:15px;margin:0 15px}
.postmod-surround-qu1  {background:url("{T_THEME_PATH}/images/quote.gif") no-repeat scroll 3px 3px #EBEADD;border-left:1px solid #DBDBCE;border-right:1px solid #DBDBCE;margin:0;padding:5px}
.postbottomleft-qu1  {background:url("{T_THEME_PATH}/images/postmod-bl-qu1.png") no-repeat scroll 0 100% transparent;height:15px}
.postbottomright-qu1  {background:url("{T_THEME_PATH}/images/postmod-br-qu1.png") no-repeat scroll 100% 100% transparent;height:15px}
.postmod-bottom-qu1  {background:url("{T_THEME_PATH}/images/postmod-bm-qu1.png") repeat-x scroll 0 100% transparent;height:15px;margin:0 15px}

Картинки скопировать в папку styles/prosilver/theme/images/

СабСильвер2 3.0.7 pl1
Проверил, работает.
bbcode.html
Find
<<!-- BEGIN quote_username_open -->
<div class="quotetitle">{USERNAME} {L_WROTE}:</div><div class="quotecontent">
<!-- END quote_username_open -->

<!-- BEGIN quote_open -->
<div class="quotetitle"><b>{L_QUOTE}:</b></div><div class="quotecontent">
<!-- END quote_open -->

<!-- BEGIN quote_close -->
</div>
<!-- END quote_close -->
Replace with
<!-- BEGIN quote_username_open --><div class="qouteo png_bg"><blockquote style="background: none no-repeat scroll 10px 10px transparent; border: 0pt none rgb(219, 219, 219);"><div class="posttopleft-qu1 png_bg"><div class="posttopright-qu1 png_bg"><div class="postmod-top-qu1 png_bg"></div></div></div><div class="postmod-surround-qu1"><div><cite>{USERNAME} {L_WROTE}:</cite><!-- END quote_username_open -->
<!-- BEGIN quote_open --><div class="qouteo png_bg"><blockquote style="background: none no-repeat scroll 10px 10px transparent; border: 0pt none rgb(219, 219, 219);"><div class="posttopleft-qu1 png_bg"><div class="posttopright-qu1 png_bg"><div class="postmod-top-qu1 png_bg"></div></div></div><div class="postmod-surround-qu1"><div><cite><b>{L_QUOTE}:</b></cite><!-- END quote_open -->
<!-- BEGIN quote_close --></div></div><div class="postbottomleft-qu1 png_bg"><div class="postbottomright-qu1 png_bg"><div class="postmod-bottom-qu1 png_bg"></div></div></div></blockquote></div><!-- END quote_close -->

В stylesheet.css добавить
.qouteo {background-attachment:scroll;background-color:transparent;background-image:url("./images/quoteo.png");background-position:0 0;background-repeat:no-repeat;padding-left:10px;padding-top:20px}
.posttopleft-qu1 {background:url("./images/postmod-tl-qu1.png") no-repeat scroll 0 0 transparent;height:15px}
.posttopright-qu1 {background:url("./images/postmod-tr-qu1.png") no-repeat scroll 100% 0 transparent;height:15px}
.postmod-top-qu1 {background:url("./images/postmod-tm-qu1.png") repeat-x scroll 0 0 transparent;height:15px;margin:0 15px}
.postmod-surround-qu1  {background:url("./images/quote.gif") no-repeat scroll 3px 3px #EBEADD;border-left:1px solid #DBDBCE;border-right:1px solid #DBDBCE;margin:0;padding:5px}
.postbottomleft-qu1  {background:url("./images/postmod-bl-qu1.png") no-repeat scroll 0 100% transparent;height:15px}
.postbottomright-qu1  {background:url("./images/postmod-br-qu1.png") no-repeat scroll 100% 100% transparent;height:15px}
.postmod-bottom-qu1  {background:url("./images/postmod-bm-qu1.png") repeat-x scroll 0 100% transparent;height:15px;margin:0 15px}
blockquote {background: #EBEADD url("./images/quote.gif") 6px 8px no-repeat;border: 1px solid #dbdbdb;font-size: 0.95em;margin: 0.5em 1px 0 25px;overflow: hidden;padding: 5px}
blockquote blockquote {background-color:#EFEED9}
blockquote blockquote blockquote {background-color: #EBEADD}
blockquote cite {font-style: normal;font-weight: bold;margin-left: 20px;display: block;font-size: 0.9em}

Картинки скопировать в папку styles/subsilver2/theme/images/

Пчелкин, чужая душа — потёмки. А моя — так ещё и лабиринт, где можно навсегда заблудиться.
За это сообщение автора MIT поблагодарили: 3
Gisher (02.08.2010 23:29), GSWG (09.05.2011 14:24), okidea (30.11.2010 15:58)
Аватара пользователя
MIT
Поддержка
Поддержка
 
Сообщения: 2060
Зарегистрирован: 14.03.2009 18:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 16 раз.
Поблагодарили: 277 раз.

Re: Стилизация цитат

Сообщение Gisher » 22.07.2010 16:00

маленький недочёт, если цитата без автора
Изображение

Gisher
phpBB 2.0.23
 
Сообщения: 829
Зарегистрирован: 04.10.2006 7:50
Благодарил (а): 6 раз.
Поблагодарили: 10 раз.

Re: Стилизация цитат

Сообщение владимир1983 » 24.07.2010 12:10

Делал по инструкции для СабСильвера, не работает(. У кого нить работает?
Сдаюсь в аренду или временно поживу за счет заказчика
Аватара пользователя
владимир1983
Поддержка
Поддержка
 
Сообщения: 1823
Зарегистрирован: 27.04.2010 2:17
Откуда: Сергиев Посад
Благодарил (а): 70 раз.
Поблагодарили: 205 раз.

Re: Стилизация цитат

Сообщение Nekstati » 24.07.2010 17:19

Цитаты с именем автора и без имени автора выводятся одним и тем же тэгом и в одинаковом оформлении. faq.php?mode=bbcode#f2r0
Аватара пользователя
Nekstati
Лидер поддержки
Лидер поддержки
 
Сообщения: 2571
Зарегистрирован: 19.03.2009 18:43
Благодарил (а): 9 раз.
Поблагодарили: 772 раз.

След.

Вернуться в Стили для phpBB 3.0.x

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

Бессрочный конкурс phpBB-ориентированных материалов
FastVPS — надёжный и доступный хостинг для phpBB
Изображение