[FAQ] Шаблон форума, CSS и html, где что "ковырять"

[bagirovs]

Ок, сейчас попробую. Спасибо!

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

Это где такое?

http://htmlbook.ru/

[Татьяна5]

bagirovs, объяснение синтаксиса в код не вставляют, смотрите на примеры применения

[bagirovs]

объяснение синтаксиса в код не вставляют

Я понимаю. Это был пример.

Добавлено спустя 1 час 3 минуты 26 секунд:
Здравствуйте!

Хочу поменять стиль цитат на свой.
Допустим, я нашел нужные мне содержания и параметры CSS. Теперь мне надо их вставить в content.css и colours.css?
Для этих параметров я создам отдельные классы (quote_header, к примеру). Куда мне вставлять названия этих классов потом?

Добавлено спустя 1 минуту 51 секунду:
Вот я нашел, что нужно отформатировать и вставить в bbcodes.html (названия классов надо поставить свои):

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

<!-- BEGIN quote_username_open --><div class="qouteo"><blockquote style="background:transparent none;border:none"><div class="quote_tl"><div class="quote_tr"><div class="quote_t"></div></div></div><div class="quote_surround"><div><cite>{USERNAME} {L_WROTE}:</cite><!-- END quote_username_open -->
<!-- BEGIN quote_open --><div class="qouteo"><blockquote style="background:transparent none;border:none"><div class="quote_tl"><div class="quote_tr"><div class="quote_t"></div></div></div><div class="quote_surround"><div><cite><b>{L_QUOTE}:</b></cite><!-- END quote_username_open --><!-- END quote_open -->
<!-- BEGIN quote_close --></div></div><div class="quote_bl"><div class="quote_br"><div class="quote_b"></div></div></div></blockquote></div><!-- END quote_close -->

Получается, я могу просто вписать сюда классы, и они применятся?

Еще вопрос: для изменения цитаты надо изменить только её CSS и файл bbcodes.html? Больше ничего не надо редактировать?

[Татьяна5]

Стилизация цитат - по аналогии

[angst66]

bagirovs [dev] Advanced warnings for phpBB3

[bagirovs]

Стилизация цитат - по аналогии

Татьяна, статью читал. А обязательно эти картинки с углами делать?
Если, допустим, рамка рисуется тэгом border-radius, то углы не нужны?
И еще вопрос: в какие файлы вносятся эти изменения? Там названий нет.

[Dbonz]

bagirovs
Если стиль Prosilver и его стандартный радиус скругления устраивает, то можно тупо до открывающего тега воткнуть <span class="corners-top"><span></span></span>
а после закрывающего тега воткнуть <span class="corners-bottom"><span></span></span>
Что-то по типу такого:

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

<span class="corners-top"><span></span></span>
<dd style="background-color: #FFE6C3;">............
......................................
...................
</dd>
<span class="corners-bottom"><span></span></span>

Если не устраивает такое решение, тогда, как уже было неоднократно продемонстрировано на примере...

в какие файлы вносятся эти изменения? Там названий нет.

http://www.phpbbguru.net/kb/styling/des ... yle-files/

[bagirovs]

Вы хотите сказать, что для цитат на этом форуме тоже использованы уголки?

[Dbonz]

bagirovs, Вам ничто не мешает посмотреть исходный код страницы и сделать по аналогии.
Курим средства разработчиков http://vremenno.net/js/browser-addons-f ... evelopers/

[bagirovs]

Dbonz, я использовал и его, и инспектор FireFox.
С помощью него я увидел все эти css, используемые для создания цитаты. Там используется всего пара картинок: фон и значок цитаты (никаких уголков).
Получается, что я могу копировать все фрагменты css, переделать их под себя, и в bbcodes.html поменять названия классов?

[Dbonz]

Открываем
/styles/prosilver/theme/content.css
Ищем свой blockquote и вставляем туда border-radius: 5px;

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

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	border-radius: 5px;
	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;
}

Dbonz, я использовал и его, и инспектор FireFox.

Тогда предыдущий Ваш вопрос с рисованными уголками в цитатах уже исчерпан…
Во всех этих FireBugах можно свой код подставлять на лету и сразу видеть результат. А там и метод научного тыка в помощь.
Для быстрого поиска кусков кода по файлам можно, например, использовать Folder Find Text. Тогда вопросы, в каком файле ковырять, отпадут сами собой.

[bagirovs]

Ок. Это только часть. Они уже стали немного похожи на местные. Хочу сделать, как тут, и отредактировать на свой вкус
Я насчитал там примерно фрагментов 6 разных css для quote. Их все копировать в один файл или по разным?

[Dbonz]

Я насчитал там примерно фрагментов 6 разных css для quote.

"Там" – это где? В content.css уже привёл конкретный кусок кода, куда вставлять border-radius.

Их все копировать в один файл или по разным?

Фрагменты-то? Если думаете тупо скопировать тутошнее css в своё, то это изначально неверный подход. Т.к. тут многие свойства старого стиля поверх перекрыты новыми, и помимо css ещё и все html файлы придётся перелопачивать.
Отталкиваться надо от классов, идентификаторов и .т.д. своего стиля, подгоняя к ним свойства этого стиля ИМХО.

[bagirovs]

"Там"-это в инспекторе FireFox.
Ок, буду пробовать

[zettas]

Подскажите пожалуйста, где можно изменить цвет фона и цвет надписи «Правила форума», которые находятся над темами и сообщениями (наверху этой темы к примеру)?