Кавычки в вв-коде code для Subsilver2

[miba]

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

[МайскийЖук]

Открываем /styles/subsilver2/template/bbcode.html. Ищем:

Код: Выделить всё

    <!-- 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 -->

Заменяем на:

Код: Выделить всё

    <!-- 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 -->

Открываем /styles/subsilver2/theme/stylesheet.css и добавляем в конец файла:

Код: Выделить всё

    blockquote blockquote {
       /* Nested quotes */
       background-color:#EFEED9;
    }

    blockquote blockquote blockquote {
       /* Nested quotes */
       background-color: #EBEBEB;
    }
    blockquote {
       background: #ebebeb none 6px 8px no-repeat;
       border: 1px solid #dbdbdb;
       font-size: 0.95em;
       margin: 0.5em 1px 0 25px;
       overflow: hidden;
       padding: 5px;
    }

    blockquote blockquote {
       /* Nested quotes */
       background-color: #bababa;
       font-size: 1em;
       margin: 0.5em 1px 0 15px;   
    }

    blockquote blockquote blockquote {
       /* Nested quotes */
       background-color: #e4e4e4;
    }

    blockquote cite {
       /* Username/source of quoter */
       font-style: normal;
       font-weight: bold;
       margin-left: 20px;
       display: block;
       font-size: 0.9em;
    }

    blockquote cite cite {
       font-size: 1em;
    }

    blockquote.uncited {
       padding-top: 25px;
    }

    blockquote {
       background-color: #EBEBEB;
       background-image: url("./images/quote.gif");
       border-color:#DBDBCE;
    }

    .rtl blockquote {
       background-image: url("./images/quote_rtl.gif");
    }

Добавляем следующие изображения в /styles/subsilver2/theme/images/.

quote.gif

quote_rtl.gif

[nissin]

Можно проще.
OPEN styles/subsilver2/theme/stylesheet.css
FIND

Код: Выделить всё

.attachcontent {
	font-size: 0.85em;
}

ADD BEFORE

Код: Выделить всё

.quotecontent {
	background-image: url("./images/quote.gif");
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding-left: 25px;
}

Ну и скопировать quote.gif из prosilver в styles/subsilver2/theme/images

[miba]

Можно проще.

у этого способа - кавычки с одной стороны только видать: http://www.santechniki.com/post263807.html#p263807
и не нашел, где увеличить чёрное поле под Quote

[nissin]

Вообще-то у prosilver кавычки всегда с одной стороны были.
Увеличить padding-left: 25px;

[miba]

Увеличить padding-left: 25px;

не помогло

[Татьяна5]

до 35px, в bbcode.html

[miba]

Сенкс, помогло.... но теперь хотелось-бы сократить расстояние справа, а лучше добавить вторую кавычку...
Думаете, с одной кавычкой достаточно красиво?
И, пользуясь случаем, как-бы сделать рамки цитат с закруглёнными углами?

[Татьяна5]

Отличный дизайн от 27 апреля 2011 года! - для двойных кавычек

[miba]

Мне очень стыдно, но до конца не получилось

кусок моего bbcode.html

Код: Выделить всё

<!-- BEGIN quote_username_open -->
<table><tr><td><span class="quotetitle" style="margin: 0; padding: 0px 20px;">{USERNAME} {L_WROTE}:</span><div class="quotecontent" style="margin: 0; border-radius: 10px; padding: 15px 35px 20px;">
<!-- END quote_username_open -->

<!-- BEGIN quote_open -->
<table><tr><td><span class="quotetitle" style="margin: 0; padding: 0px 40px;"><b>{L_QUOTE}:</b></span><div class="quotecontent" style="margin: 0; padding: 10px 20px;">
<!-- END quote_open -->

<!-- BEGIN quote_close -->
</div></td></tr></table>
<!-- END quote_close -->

кусок stylesheet.css

Код: Выделить всё

.quotecontent {
	background-image: url("./images/quote.png");
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding-left: 45px;

уже почти красиво!
как-же всётаки вторую кавычку прилепить?

[Татьяна5]

miba, проверила инструкцию от Nekstati на subsilver2 - с небольшими изменениями все отлично работает
Обернуть содержимое цитаты в div-ы q1 и q2, добавить соответствующие классы

Код: Выделить всё

<!-- BEGIN quote_username_open -->
<table><tr><td><span class="quotetitle" style="margin: 0; padding: 0px 20px;">{USERNAME} {L_WROTE}:</span><div class="quotecontent" style="margin: 0; border-radius: 10px; padding: 15px 35px 20px;"><div class="q1"><div class="q2">
<!-- END quote_username_open -->

<!-- BEGIN quote_open -->
<table><tr><td><span class="quotetitle" style="margin: 0; padding: 0px 40px;"><b>{L_QUOTE}:</b></span><div class="quotecontent" style="margin: 0; padding: 10px 20px;"><div class="q1"><div class="q2">
<!-- END quote_open -->

<!-- BEGIN quote_close -->
</div></div></div></td></tr></table>
<!-- END quote_close -->

Стили

Код: Выделить всё

.q1 { /* Cited */
	background: url("{T_THEME_PATH}/images/quote-l.png") no-repeat 4px 7px;
}
.q2 {
	min-height: 19px;
	padding: 7px 27px 7px 32px;
	background: url("{T_THEME_PATH}/images/quote-r.png") no-repeat right bottom;
}

Подобрать отступы.
Для quotecontent фоновую картинку убрать.

и не нашел, где увеличить чёрное поле под Quote

Установить ширину для table (в 2-х местах)

[miba]

спасибо!
почти всё отлично!
за исключением одной мелочи:
не могу текст отодвинуть от левой кавычки, пикселей на 7... час просидел, но что-то пока никак, уже руки опускаются, но я продолжаю поиск

Добавлено спустя 18 минут 27 секунд:
с каждым разом запросы ростут, теперь хочется чтобы все чёрные поля были с закруглёнными углами.

[Татьяна5]

не могу текст отодвинуть от левой кавычки

отступы заданы в классе q2

Добавлено спустя 2 минуты 2 секунды:

теперь хочется чтобы все чёрные поля были с закруглёнными углами

Firebug для файрфокса (или аналог для других браузеров) в помощь...
Определить класс и задать для него border-radius

[miba]

Farebug для файрфокса (или аналог для других браузеров) в помощь...

спасибо вам огромное, очень помогли! сейчас займусь.

последний вопрос по теме, может знаете? как выделить другим оттенком вложенные цитаты?

[Татьяна5]

как выделить другим оттенком вложенные цитаты?

Можно напрямую через стили (не идеальное решение)
.quotecontent { background-color: цвет1; } - цвет 1-й цитаты (по вложенности)
.quotecontent .quotecontent { background-color: цвет2; } - цвет 2-й цитаты
.quotecontent .quotecontent .quotecontent { background-color: цвет3; } - цвет 3-й цитаты
При таком подходе 4-я, 5-я и т.д. цитаты будут 3-го цвета (если не задать для них цвета отдельно)

Хорошо б сделать чтобы цвета менялись по порядку (четный/нечетный)... но подходящего условия для цитат не знаю...