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

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

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
kharol
phpBB 1.2.1
Сообщения: 24
Зарегистрирован: 16.01.2008 7:52
Откуда: Санкт-Петербург
Поблагодарили: 13 раз

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

Сообщение kharol » 14.03.2009 7:05

Описание файлов стилей phpBB3
Форум phpBB3 содержит верхний колонтитул, основное содержимое страницы и нижний колонтитул. Файлы overall_header.html и simple_header.html управляют верхним колонтитулом, а файлы overall_footer.html и simple_footer.html — нижним. Всё остальное содержимое страниц (например, index.php, viewforum.php, viewtopic.php и так далее) определяется другими файлами шаблонов, в которых верхнее и нижнее содержимое берётся с файлов overall_header.html и overall_footer.html. Различные всплывающие окна и обзор темы используют файлы simple_header.html и simple_footer.html. Самая привлекательная вещь состоит в том, что сейчас верхние и нижние колонтитулы назначаются непосредственно в файлах шаблонов, а не в файлах PHP, поэтому вы можете указать другие файлы для использования в качестве колонтитулов, или даже создать новые.

По умолчанию в phpBB3 включены два стиля: prosilver и subsilver2. Каждый из этих стилей имеет различный дизайн и кодирование:

* subsilver2
Содержит таблицы, подобные таблицам, используемым в стиле subsilver в phpBB2. Для определения цветов и фонов используется CSS.
* prosilver
Полностью зависит от CSS, поскольку стиль разработан с широким применением блочных тегов DIV и LI.

Папка стилей в phpBB3 содержит файл style.cfg, в котором содержится информация о стиле (название стиля, автор, версия и так далее), и три папки:

* imageset — содержит рисунки, используемые в стиле, а файл imageset.cfg определяет рисунки в стиле.
* template — содержит основные файлы HTML, которые отвечают за общий дизайн стиля, страниц, и так далее, и файл template.cfg, содержащий информацию о наборе шаблонов.
* theme — содержит файлы CSS, которые определяют отображение различных объектов, цвета, фоны, ссылки и так далее, и файл theme.cfg, который содержит информацию о теме оформления.

Ниже размещён список всех файлов, используемых в стилях Olympus, с описанием функций каждого файла. Поскольку Olympus поставляется с двумя стилями, я сначала перечислю идентичные файлы с идентичными функциями, встречающиеся в обоих стилях. А затем я перечислю отличающиеся файлы.
Папка «theme»

* stylesheet.css — этот файл отвечает за код CSS и содержит все классы, используемые для стилизации.

Файлы prosilver

* bidi.css — отвечает за настройку форумов RTL (текст справа налево), таких, как арабские или еврейские.
* buttons.css — отвечает за отображение кнопок форума (Новая тема, Ответить и так далее).
* colours.css — отвечает за цвета форума, тексты, фоны и так далее.
* common.css — отвечает за общую стилизации, такую, как верхний и нижний колонтитул, главная страница и так далее.
* content.css — Стилизация внутреннего содержимого страниц (viewforum_body.html, viewtopic_body.html и так далее).
* cp.css — Стилизация пользовательских панелей управления, вкладок, страниц личных сообщений и так далее.
* forms.css — стилизация различных форм (форма входа, страница размещения ответа, текстовые области и так далее).
* large.css — увеличивает размер текста при нажатии на кнопку «A».
* links.css — стилизация ссылок, цвета, фоны, эффекты при наведении мыши и так далее (цвета берутся из файла colours.css, а links.css используется для форматирования, изменения размеров текста, стилизации и так далее).
* medium.css — отображает средний размер текста при нажатии на кнопку «A».
* normal.css — отображает обычный размер текста при нажатии на кнопку «A».
* print.css — отвечает за форматирование темы при выводе на печать (при нажатии кнопки «Версия для печати»).
* tweaks.css — корректировки для некоторых браузеров, таких, как IE.

Все эти файлы собраны в файле stylesheet.css с помощью свойства «import»:

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

@import url('/"filename.css"');
Папка «theme» также содержит папку «images», в которой содержатся рисунки для стиля, фоны, значки и так далее.
Папка «template»

* attachment.html — этот файл отображает вложения в сообщениях и в личных сообщениях.
* bbcode.html — специфический файл кнопок BBCode. Содержит кнопки и их расположение.
* confirm_body.html — страница подтверждения. Эта страница появляется при подтверждении чего-нибудь (например, при удалении темы).
* custom_profile_fields.html — страница дополнительных полей в профиле. Появляется при редактировании профиля.
* editor.js — файл JavaScript, используемый при написании тем, ответов, личных сообщений, и применяет кнопки BBCode и другие объекты встроенного редактора.
* faq_body.html — страница часто задаваемых вопросов.
* forumlist_body.html — этот файл отображает категории и форумы на главной странице.
* index_body.html — этот файл отображает содержимое главной страницы.
* jumpbox.html — отображает выпадающий список для перехода в форумы конференции.
* login_body.html — страница входа, используемая при входе на конференцию, или при подтверждении пароля во время входа в панель администрирования.
* login_forum.html — страница входа в форумы, защищённые паролем.
* mcp_approve.html — страница одобрения тем и сообщений. Если имеются отложенные темы и сообщения, то этот файл отвечает за их отображение.
* mcp_ban.html — страница блокировок, отображаемая, если модератор имеет права для блокировки пользователей.
* mcp_footer.html – нижний колонтитул панели модератора. Содержит разбивку на страницы, темы, сообщения и так далее.
* mcp_forum.html – страница модерации форума в панели модератора.
* mcp_front.html – главная страница панели модератора. Содержит списки последних действий, таких, как пять последних жалоб, пять последних записей журнала и так далее.
* mcp_header.html – верхний колонтитул панели модератора. Содержит вкладки и блоки, название модерируемого объекта и так далее.
* mcp_logs.html – страница журнала модераторов, на которой модератор может просматривать действия других модераторов и свои собственные.
* mcp_message.html – сообщение, которое появляется после выполнения какого-либо действия модератором. Например, при изменении типа темы.
* mcp_move.html – страница перемещения темы, с помощью которой можно выбрать форум для перемещения темы.
* mcp_notes_front.html – главная страница заметок о пользователях. С помощью этой страницы выбирается пользователь, заметки о котором вы хотите просмотреть.
* mcp_notes_user.html – страница отображения заметок о пользователе. Здесь вы можете читать заметки о пользователе и записывать новые.
* mcp_post.html — страница редактирования сообщений в панели модератора. На этой странице отображаются опции для редактирования сообщения, изменения автора сообщения и так далее.
* mcp_queue.html — страница, отображающая отложенные темы и сообщения в панели модератора.
* mcp_reports.html — страница жалоб на сообщения, отображаемая в панели модератора.
* mcp_topic.html — страница модерирования тем в панели модератора. Здесь вы можете изменить, закрывать, изменять статус тем и так далее.
* mcp_viewlogs.html — страница, отображающая журналы выбранных тем.
* mcp_warn_front.html — главная страница с предупреждениями. Здесь можно увидеть пользователей с наибольшим числом предупреждений, последние пять предупреждений, а также можно выбрать пользователя и выдать ему предупреждение.
* mcp_warn_list.html — Страница, отображающая список всех предупреждённых пользователей.
* mcp_warn_post.html — страница выдачи предупреждения пользователю, отображаемая при щелчке на кнопку «Выдать предупреждение», находящуюся возле сообщения.
* mcp_warn_user.html — страница выдачи предупреждения пользователю, отображаемая при поиске пользователя на главной странице предупреждений, или при щелчке по соответствующей кнопке в его профиле.
* mcp_whois.html — страница, отображающая сведения об IP-адресах.
* memberlist_body.html — страница со списком пользователей конференции, отображаемая при щелчке по ссылке «Участники».
* memberlist_email.html — страница для отправки пользователю электронного сообщения.
* memberlist_im.html — страница для отправки пользователю мгновенного сообщения.
* memberlist_leaders.html — страница, отображающая администраторов и модераторов конференции. Для просмотра этой страницы нажмите ссылку «Команда сайта».
* memberlist_search.html — страница поиска пользователей, проявляющая при щелчке по ссылке «Найти пользователя».
* memberlist_view.html — страница для отображения профиля пользователя.
* message_body.html — общее сообщение. Отображается при выполнении некоторых действий с темами. Например, при размещении сообщения.
* overall_footer.html — нижний колонтитул конференции.
* overall_header.html — верхний колонтитул конференции.
* posting_attach_body.html — форма для прикрепления файла к сообщению. Отображается на странице размещения сообщений.
* postiing_body.html — страница размещения сообщений. Используется для написания текстов сообщений, личных сообщений и так далее.
* posting_buttons.html — страница, предназначенная для отображения кнопок BBCode на странице размещения сообщений.
* posting_poll_body.html — эта страница отображается при добавлении опроса к сообщению.
* posting_preview.html — страница предварительного просмотра темы или сообщения, появляющаяся при нажатии кнопки «Просмотр» во время написания сообщения.
* posting_review.html — эта страница появляется в момент размещения сообщения в тему, в которой кто-то разместил сообщение в то время, пока вы писали ответ.
* posting_smilies.html — страница со смайликами, отображаемая при написании сообщений.
* posting_topic_review.html — Страница обзора темы, отображающаяся во время размещения ответа.
* search_body.html — страница расширенного поиска.
* search_results.html — страница, отображающая результаты поиска.
* simple_footer.html — нижний колонтитул для всплывающих окон, просмотра темы и так далее.
* simple_header.html — верхний колонтитул для всплывающих окон, просмотра темы и так далее.
* template.cfg — файл, содержащий сведения о наборе шаблонов.
* ucp_agreement.html — страница соглашения с условиями регистрации.
* ucp_attachments.html — страница, отображающая вложения пользователей.
* ucp_footer.html — нижний колонтитул пользовательской панели управления.
* ucp_groups_manage.html — страница управления группами. Если вы являетесь руководителем группы, то с помощью этой страницы можете управлять участниками группы.
* ucp_groups_membership.html — страница, отображающая участников группы.
* ucp_header.html — верхний колонтитул пользовательской панели управления.
* ucp_main_bookmarks.html — страница, отображающая закладки пользователя.
* ucp_main_drafts.html — страница, отображающая черновики пользователя.
* ucp_main_front.html — главная страница пользовательской панели управления.
* ucp_main_subscribed.html — страница, отображающая подписки пользователя.
* ucp_pm_history.html — страница истории личных сообщений, отображающая ваши сообщения и ответы другого пользователя.
* ucp_pm_message_footer.html — нижний колонтитул личных сообщений, отображаемый при просмотре сообщения.
* ucp_pm_message_header.html — верхний колонтитул личных сообщений, отображаемый при просмотре сообщения.
* ucp_pm_options.html — страница, отображаемая во время настройки правил для личных сообщений.
* ucp_pm_popup.html — всплывающее окно, уведомляющее пользователя о поступлении новых личных сообщений.
* ucp_pm_viewfolder.html — страница папок для сообщений, отображающая сообщения в папках «Входящие», «Исходящие», «Отправленные» и так далее.
* ucp_pm_viewmessage.html — страница для отображения личных сообщений.
* ucp_pm_viewmessage_print.html — страница, используемая для отображения личных сообщений в версии для печати.
* ucp_prefs_personal.html — страница общих настроек, отображаемая в пользовательской панели управления.
* ucp_prefs_post.html — страница настроек размещения сообщений, отображаемая в пользовательской панели управления.
* ucp_prefs_view.html — страница настроек отображения сообщений, отображаемая в пользовательской панели управления.
* ucp_profile_avatar.html — страница настроек аватары, отображаемая в пользовательской панели управления.
* ucp_profile_profile_info.html — страница личных данных, отображаемая в пользовательской панели управления.
* ucp_profile_reg_details.html — страница регистрационных данных, отображаемая в пользовательской панели управления.
* ucp_profile_signature.html — страница для создания и изменения подписи, отображаемая в пользовательской панели управления.
* ucp_register.html — страница, отображаемая при регистрации пользователей.
* ucp_remind.html — страница с функцией восстановления забытого пароля.
* ucp_resend.html — страница отправки повторного кода активации.
* ucp_zebra_foes.html — страница, отображающая ваших недругов.
* ucp_zebra_friends.html — страница, отображающая ваших друзей.
* viewforum_body.html — страница, отображающая темы форума.
* viewonline_body.html — страница «Кто сейчас на конференции».
* viewonline_whois.html — страница, отображающая сведения об IP-адресах при щелчке по ссылке «Информация об IP-адресе» на странице viewonline.php.
* viewtopic_body.html — страница, служащая для отображения сообщений темы.
* viewtopic_print.html — страница, отображающая тему в версии для печати.

Различные файлы для каждого стиля:
prosilver

* drafts.html — страница, отображающая загруженный черновик. Во время размещения нажмите кнопку «Загрузить», чтобы увидеть эту страницу.
* forum_fn.js — файл с функциями JavaScript конференции (управление всплывающими окнами, выпадающий список перехода к форумам и так далее).
* posting_editor.html — главная страница для размещения сообщений в стиле prosilver.
* posting_layout.html — страница размещения сообщений, содержащая редактор, смайлики, добавление опроса, вложений и так далее.
* posting_pm_layout.html — то же самое, что и posting_layout.html, но для личных сообщений.
Файл posting_body.html не содержит ничего непосредственного, но настроен на включение файлов posting_layout.html и posting_pm_layout.html в нужное время.
* styleswitcher.js — файл JavaScript, содержащий функции пользовательских cookies, изменения шрифта, параметры таблиц стилей и так далее.
* ucp_avatar_options.html — параметры аватары пользователя. Этот файл также подключается в файле ucp_profile_avatar.html.

subsilver2

* breadcrumbs.html — страница, отображающая текущую полосу навигации по конференции, и настройки времени.
* mcp_jumpbox.html — выпадающий список для модератора (этот файл больше не используется).
* memberlist_group.html — страница для отображения информации о группах.
* pagination.html — файл, отображающий разбивку на страницы для форумов, тем и так далее.
* posting_progress_bar.html — страница, отображаемая при загрузке вложения.
* searchbox.html — поисковое поле в форумах, темах и так далее.

Файлы, включаемые в другие файлы, подключаются с помощью функции «INCLUDE»:

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

<!-- INCLUDE filename.ext -->

Андрей80
phpBB 1.0.0
Сообщения: 2
Зарегистрирован: 08.06.2009 15:06

Как в шаблоне получить количество пользователей на форуме

Сообщение Андрей80 » 08.06.2009 15:15

Здравствуйте.
Мне нужно сменить дизайн форума, использую phpBB-3.0.4.
В шаблоне forumlist_body.html есть переменные forumrow.FORUM_NAME (название форума) forumrow.TOPICS (количество подфорумов)
forumrow.POSTS - количество сообщений, L_POST_BY_AUTHOR forumrow.LAST_POSTER_FULL - последнее сообщение и автор.
А как получить количество пользователей, просматривающих в данный момент форум?
(Например: имя форума "Туризм" Просматривают: Неизвестная_мне_переменная)
Заранее спасибо, Андрей

Аватара пользователя
rxu
phpBB Guru
phpBB Guru
Сообщения: 14526
Зарегистрирован: 12.05.2006 18:16
Откуда: Красноярск
Благодарил (а): 348 раз
Поблагодарили: 1556 раз

Re: Как в шаблоне получить количество пользователей на форуме

Сообщение rxu » 08.06.2009 16:22

Смотрите viewforum_body.html. Для prosilver, например

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

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<h3><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></h3>
	<p>{LOGGED_IN_USER_LIST}</p>
<!-- ENDIF -->
Изображение

Фляйшер
phpBB 1.0.0
Сообщения: 7
Зарегистрирован: 16.02.2009 13:03

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

Сообщение Фляйшер » 10.07.2009 13:49

Здравствуйте, возник вопрос, с коим бьюсь уже второй день. Не могу найти переменную отвечающую за размер кнопок (Новая тема, Ответить и т.д.), не в buttons.css, не в common.css не нашел :(
Ответьте пожалуйста, может я "слеп" и не вижу элементарного, или ищу не там? :geek:
Дабы не загромаждать тему, выложу код buttons.css

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

/* knRz Button Styles
---------------------------------------- */


.buttons {
	float: left;
}

/* Rollover state */
.buttons div {
	float: left;
	margin: 3px 5px 0 0;
	font-size: .9em;
}

/* Rolloff state */
.buttons div a {
	display: block;
	padding-left: 7px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.buttons div a:hover {
	text-decoration: none;
	background-position: 0 -20px;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
.buttons div a span	{ 
	display: block; 
	background: none no-repeat 100% 0;
	padding: 4px 10px 4px 3px; 
}

.buttons div a:hover span {
	background-position: 100% -20px;
}

/* Big button images */
.reply-icon span	{ background: transparent none 0 0 no-repeat; }
.pmreply-icon span	{ background: none 0 0 no-repeat; }
.newpm-icon span 	{ background: none 0 0 no-repeat; }
.forwardpm-icon span 	{ background: none 0 0 no-repeat; }

/* Set big button dimensions */
.buttons div.locked-icon	{ width: {IMG_BUTTON_TOPIC_LOCKED_WIDTH}px; height: {IMG_BUTTON_TOPIC_LOCKED_HEIGHT}px; }
.buttons div.pmreply-icon	{ width: {IMG_BUTTON_PM_REPLY_WIDTH}px; height: {IMG_BUTTON_PM_REPLY_HEIGHT}px; }
.buttons div.newpm-icon		{ width: {IMG_BUTTON_PM_NEW_WIDTH}px; height: {IMG_BUTTON_PM_NEW_HEIGHT}px; }
.buttons div.forwardpm-icon	{ width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }

/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {
	display: block;
	overflow: hidden;
	height: 18px;
	text-indent: -5000px;
	text-align: left;
	background-repeat: no-repeat;
}

a.print {
	background-image: none;
	width: 22px;
}

a.sendemail {
	background-image: none;
	width: 22px;
}

a.fontsize {
	background-image: none;
	background-position: 0 -1px;
	width: 29px;
}

a.fontsize:hover {
	background-position: 0 -20px;
	text-decoration: none;
}

/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}

/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
	padding-top: 10px;
	list-style: none;
}

/* Rollover state */
ul.profile-icons li {
	float: left;
	margin: 0 6px 3px 0;
	background-position: 0 100%;
}

/* Rolloff state */
ul.profile-icons li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background: none; }

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	float: right;
	width: auto;
	padding: 0;
}

.postbody ul.profile-icons li {
	margin: 0 3px;
}

/* Profile & navigation icons */
.email-icon, .email-icon a		{ background: none top left no-repeat; }
.aim-icon, .aim-icon a			{ background: none top left no-repeat; }
.yahoo-icon, .yahoo-icon a		{ background: none top left no-repeat; }
.web-icon, .web-icon a			{ background: none top left no-repeat; }
.msnm-icon, .msnm-icon a			{ background: none top left no-repeat; }
.icq-icon, .icq-icon a			{ background: none top left no-repeat; }
.jabber-icon, .jabber-icon a		{ background: none top left no-repeat; }
.pm-icon, .pm-icon a				{ background: none top left no-repeat; }
.quote-icon, .quote-icon a		{ background: none top left no-repeat; }

/* Moderator icons */
.report-icon, .report-icon a		{ background: none top left no-repeat; }
.warn-icon, .warn-icon a			{ background: none top left no-repeat; }
.edit-icon, .edit-icon a			{ background: none top left no-repeat; }
.delete-icon, .delete-icon a		{ background: none top left no-repeat; }
.info-icon, .info-icon a			{ background: none top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.email-icon		{ width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
ul.profile-icons li.aim-icon	{ width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
ul.profile-icons li.yahoo-icon	{ width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
ul.profile-icons li.web-icon	{ width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
ul.profile-icons li.msnm-icon	{ width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
ul.profile-icons li.icq-icon	{ width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
ul.profile-icons li.jabber-icon	{ width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
ul.profile-icons li.pm-icon		{ width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
ul.profile-icons li.quote-icon	{ width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
ul.profile-icons li.report-icon	{ width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
ul.profile-icons li.edit-icon	{ width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
ul.profile-icons li.delete-icon	{ width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
ul.profile-icons li.info-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
ul.profile-icons li.warn-icon	{ width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }
Надеюсь, что ничего своим постом не нарушил ;)

Аватара пользователя
MIT
Former team member
Сообщения: 2500
Зарегистрирован: 14.03.2009 17:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 4 раза
Поблагодарили: 353 раза

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

Сообщение MIT » 10.07.2009 14:00

imageset.cfg

Фляйшер
phpBB 1.0.0
Сообщения: 7
Зарегистрирован: 16.02.2009 13:03

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

Сообщение Фляйшер » 10.07.2009 16:12

Ну это по стандарту, в prosilver, у меня модификация, и кнопки находятся в \theme\images, они одновременно отвечают и за кнопки faq, Вход и т.п. т.е. обозначения наложением текста, а подложка (сама кнопка одна для всех). В colours.css эта самая кнопка прописана как фон, а вот размер найти немогу. В buttons.css нашел только расположение.

Аватара пользователя
MIT
Former team member
Сообщения: 2500
Зарегистрирован: 14.03.2009 17:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 4 раза
Поблагодарили: 353 раза

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

Сообщение MIT » 10.07.2009 16:34

Не тупи.
Написано же:

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

width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; 
это значит, что размер берется из файла конфиурации. Файл конфигурации - *.cfg

Quarashi
phpBB 1.0.0
Сообщения: 3
Зарегистрирован: 26.07.2009 18:14

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

Сообщение Quarashi » 26.07.2009 18:21

Доброго времени суток. Хочу поменять полностью цветовую гамму стиля. В ксс'е поменял все цвета, картинки тоже все заменил. Но вот фон и некоторые цвета не хотят меняться. Прошарил все ксс'ы на наличие этих цветов и ничего не нашёл. Не подскажите где найти эти цвета которые не поменялись?
http://forum.ro-entropia.com/index.php - ссылка на форум

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

/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html {
	color: #6B256E;
}

body {
	color: #6B256E;
}

h1 {
	color: #49194B;
}

h2 {
	color: #49194B;
}

h3 {
	border-bottom-color: #49194B;
	color: #49194B;
}

hr {
	border-color: #49194B;
	border-top-color: #49194B;
}

hr.dashed {
	border-top-color: #49194B;
}

/* Main blocks
---------------------------------------- */
#wrap {
	background-color: #BB41C0;
}

#page-body {
	background-color: #BB41C0;
}

#page-header {
	background: #fff url("{T_THEME_PATH}/images/top_header.jpg") 0 108px no-repeat;
	height: auto;
	width: 1024px;
	padding-top: 200px;
}

#page-footer {
	background: #BB41C0 url("{T_THEME_PATH}/images/bg_footer.gif") 0 0 repeat-x;
	height: 100%;
}

#logo-footer {
	background: url("{T_THEME_PATH}/images/logo_footer.gif") 0 0 no-repeat;
	height: 92px;
	width: 1024px;
}

/* Search box
--------------------------------------------- */

#search-box {
	color: #FFFFFF;
}

#search-box #keywords {
	background-color: #fff;
}

#search-box input {
	border-color: #FFF;
}

.searchbutton {
	background-image:url('{T_THEME_PATH}/images/searchbutton.png');
	background-repeat:no-repeat;
	background-color: transparent;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #BB41C0;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

.navbar {
	background-color:  #BB41C0;
}

.forabg {
	background-color: #49194B;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
	background-color: #49194B;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.panel {
	background-color: #A93AAE;
	color: #28313F;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #BB41C0; }
.bg2	{ background-color: #A338A8;  }
.bg3	{ background-color: #AE3CB3; }

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-bottom-color: #6B256E;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr {
	border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #BD48C2;
	color: #000;
}

table.table1 td {
	color: #536482;
}

table.table1 tbody td {
	border-top-color: #FAFAFA;
}

table.table1 tbody th {
	border-bottom-color: #913295;
	color: #333333;
	background-color: #FFFFFF;
}

table.info tbody th {
	color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #000000;
}

dl.details dd {
	color: #536482;
}

.sep {
	color: #1198D9;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
	color: #FFFFFF;
	background-color: #4692BF;
	border-color: #4692BF;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	color: #5C758C;
	background-color: #ECEDEE;
	border-color: #B4BAC0;
}

.pagination span a:hover {
	border-color: #368AD2;
	background-color: #368AD2;
	color: #FFF;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #368AD2;
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: #555555;
}

.error {
	color: #BC2A4D;
}

.reported {
	background-color: #D486D7;
}

li.reported:hover {
	background-color: #BD48C2 !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #D486D7;
	color: #BC2A4D;
}

p.rules {
	background-color: #ECD5D8;
	background-image: none;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link	{ color: #6B256E; }
a:visited	{ color: #6B256E; }
a:hover	{ color: #587914; }
a:active	{ color: #6B256E; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #fff;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #fff;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #662369;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #6B256E;
}

/* Links for forum/topic lists */
a.forumtitle {
	color: #6B256E;
}

/* a.forumtitle:visited { color: #105289; } */

a.forumtitle:hover {
	color: #662369;
}

a.forumtitle:active {
	color: #105289;
}

a.topictitle {
	color: #6B256E;
}

/* a.topictitle:visited { color: #368AD2; } */

a.topictitle:hover {
	color: #662369;
}

a.topictitle:active {
	color: #105289;
}

/* Post body links */
.postlink {
	color: #368AD2;
	border-bottom-color: #368AD2;
}

.postlink:visited {
	color: #5D8FBD;
	border-bottom-color: #666666;
}

.postlink:active {
	color: #368AD2;
}

.postlink:hover {
	background-color: #D0E4F6;
	color: #0D4473;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
	color: #105289;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	color: #662369;
}

/* Profile searchresults */	
.search .postprofile a {
	color: #105289;
}

.search .postprofile a:hover {
	color: #662369;
}

/* Back to top of page */
a.top {
	background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

a.top2 {
	background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

/* Arrow links  */
a.up		{ background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down		{ background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left		{ background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right		{ background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
	background-color: transparent;
}

a.left:hover {
	color: #368AD2;
}

a.right:hover {
	color: #368AD2;
}


/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #913295;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

ul.topiclist li {
	color: #000;
}

ul.topiclist dd {
	border-left-color: #913295;
}

.rtl ul.topiclist dd {
	border-right-color: #fff;
	border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
	background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
	border-top-color:  #913295;
	border-bottom-color: #913295;
}

li.row strong {
	color: #000000;
}

li.row:hover {
	background-color: #BD48C2;
}

li.row:hover dd {
	border-left-color: #fff;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

li.header dt, li.header dd {
	color: #FFFFFF;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: #333333;
}

/* Post body styles
----------------------------------------*/
.postbody {
	color: #333333;
}

/* Content container styles
----------------------------------------*/
.content {
	color: #333333;
}

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color:  #cccccc;
}

dl.faq dt {
	color: #333333;
}

.posthilit {
	background-color: #F3BFCC;
	color: #BC2A4D;
}

/* Post signature */
.signature {
	border-top-color: #49194B;
}

/* Post noticies */
.notice {
	border-top-color:  #49194B;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #EBEADD;
	background-image: url("{T_THEME_PATH}/images/quote.gif");
	border-color:#DBDBCE;
}

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

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

/* Code block */
dl.codebox {
	background-color: #FFFFFF;
	border-color: #C9D2D8;
}

dl.codebox dt {
	border-bottom-color:  #CCCCCC;
}

dl.codebox code {
	color: #862E8A;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #FFFFFF;
	border-color:  #C9D2D8;
}

.pm-message .attachbox {
	background-color: #F2F3F3;
}

.attachbox dd {
	border-top-color: #C9D2D8;
}

.attachbox p {
	color: #666666;
}

.attachbox p.stats {
	color: #666666;
}

.attach-image img {
	border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

dl.thumbnail img {
	border-color: #666666;
	background-color: #FFFFFF;
}

dl.thumbnail dd {
	color: #666666;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #368AD2;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #DCDEE2;
	color: #666666;
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

.pollbar1 {
	background-color: #AA2346;
	border-bottom-color: #74162C;
	border-right-color: #74162C;
}

.rtl .pollbar1 {
	border-left-color: #74162C;
}

.pollbar2 {
	background-color: #BE1E4A;
	border-bottom-color: #8C1C38;
	border-right-color: #8C1C38;
}

.rtl .pollbar2 {
	border-left-color: #8C1C38;
}

.pollbar3 {
	background-color: #D11A4E;
	border-bottom-color: #AA2346;
	border-right-color: #AA2346;
}

.rtl .pollbar3 {
	border-left-color: #AA2346;
}

.pollbar4 {
	background-color: #E41653;
	border-bottom-color: #BE1E4A;
	border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
	border-left-color: #BE1E4A;
}

.pollbar5 {
	background-color: #F81157;
	border-bottom-color: #D11A4E;
	border-right-color: #D11A4E;
}

.rtl .pollbar5 {
	border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #666666;
	border-left-color: #49194B;
}

.rtl .postprofile {
	border-right-color: #FFFFFF;
	border-left-color: transparent;
}

.pm .postprofile {
	border-left-color: #DDDDDD;
}

.rtl .pm .postprofile {
	border-right-color: #DDDDDD;
	border-left-color: transparent;
}

.postprofile strong {
	color: #000000;
}

.online {
	background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */
.reply-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span		{ background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
.locked-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span	{ background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span 	{ background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span	{ background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

a.print {
	background-image: url("{T_THEME_PATH}/images/icon_print.gif");
}

a.sendemail {
	background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
}

a.fontsize {
	background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
}

/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-faq						{ background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
.icon-members					{ background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
.icon-home						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-ucp						{ background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
.icon-register					{ background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
.icon-logout					{ background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
.icon-bookmark					{ background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
.icon-bump						{ background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
.icon-subscribe					{ background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
.icon-unsubscribe				{ background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
.icon-pages						{ background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }

/* Profile & navigation icons */
.email-icon, .email-icon a		{ background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a			{ background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a		{ background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a			{ background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a			{ background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a			{ background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a		{ background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a				{ background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a		{ background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }

/* Moderator icons */
.report-icon, .report-icon a		{ background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a			{ background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a		{ background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a			{ background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a			{ background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */

/*  	
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
	border-color: #A4B3BF;
}

#cp-main .panel li.row {
	border-bottom-color: #B5C1CB;
	border-top-color: #F9F9F9;
}

ul.cplist {
	border-top-color: #B5C1CB;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #000000;
}

#cp-main table.table1 thead th {
	color: #333333;
	border-bottom-color: #333333;
}

#cp-main .pm-message {
	border-color: #DBDEE2;
	background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
	background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
}

#tabs a span {
	background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
	color: #536482;
}

#tabs a:hover span {
	color: #BC2A4D;
}

#tabs .activetab a {
	border-bottom-color: #AE3CB3;
}

#tabs .activetab a span {
	color: #fff;
}

#tabs .activetab a:hover span {
	color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
	background-color: #BC2A4D;
}

#minitabs li.activetab {
	background-color: #AE3CB3;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #fff;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
	color: #333;
	background-color: #49194B;
	background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}

#navigation a:hover {
	background-color: #BB41C0;
	color: #49194B;
}

#navigation #active-subsection a {
	color: #ff0000;
	background-color: #C45CC9;
	background-image: none;
}

#navigation #active-subsection a:hover {
	color: #662369;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
	color: #333333;
}

#cp-main .panel {
	background-color: #C45CC9;
}

#cp-main .pm {
	background-color: #C45CC9;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

/* Friends list */
.cp-mini {
	background-color: #C45CC9;
}

dl.mini dt {
	color: #425067;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #999999 !important;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #BC2A4D;
	border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #fff;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #49194B;
}

pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #ff0000;
}

/* Avatar gallery */
#gallery label {
	background-color: #FFFFFF;
	border-color: #CCC;
}

#gallery label:hover {
	background-color: #EEE;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #666666;
	background-color: #FAFAFA;
}

label {
	color: #425067;
}

option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
	color: #333;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
	color: #333333;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: transparent; 
	border-color: #49194B;
	color: #333333;
}

.inputbox:hover {
	border-color: #49194B;
}

.inputbox:focus {
	border-color: #11A3EA;
	color: #0F4987;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: transparent;
	border-color: #666;
}

a.button1, input.button1 {
	border-color: #666;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #BC2A4D;
	color: #BC2A4D;
}

input.disabled {
	color: #666666;
}

Аватара пользователя
rxu
phpBB Guru
phpBB Guru
Сообщения: 14526
Зарегистрирован: 12.05.2006 18:16
Откуда: Красноярск
Благодарил (а): 348 раз
Поблагодарили: 1556 раз

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

Сообщение rxu » 26.07.2009 18:55

Quarashi писал(а):В ксс'е поменял все цвета, картинки тоже все заменил. Но вот фон и некоторые цвета не хотят меняться.
Тему стиля в админразделе обновили?
Изображение

Quarashi
phpBB 1.0.0
Сообщения: 3
Зарегистрирован: 26.07.2009 18:14

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

Сообщение Quarashi » 26.07.2009 19:17

Я не делал новую тему по умолчанию для всех, там нужно её в ручную менять) Покавырялся в FireBug - он ссылает меня на style.php, ничего вразумительного я в нём не нашёл. Вообще не понимаю из-за чего такое может быть...

Аватара пользователя
rxu
phpBB Guru
phpBB Guru
Сообщения: 14526
Зарегистрирован: 12.05.2006 18:16
Откуда: Красноярск
Благодарил (а): 348 раз
Поблагодарили: 1556 раз

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

Сообщение rxu » 26.07.2009 19:37

Quarashi писал(а):Я не делал новую тему по умолчанию для всех
Либо вы не поняли, о чем я, либо я не пойму. После внесения правок в css - Админраздел/закладка Стили/в боковом меню слева Темы/выбираете справа название стиля и жмете Обновить.
Изображение

Quarashi
phpBB 1.0.0
Сообщения: 3
Зарегистрирован: 26.07.2009 18:14

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

Сообщение Quarashi » 26.07.2009 20:03

Большое спасибо) Всё обновилось)

Аватара пользователя
dmbbelgorod
phpBB 1.2.0
Сообщения: 18
Зарегистрирован: 12.07.2009 9:14
Откуда: Белгородская область, г. Белгород ул. 5 Августа 27.2 кв.114

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

Сообщение dmbbelgorod » 29.07.2009 12:28

и ещё один вопросик тоже к вам
подскажите что нужно сделать чтоб вот эти полоски были в полную длинну а не такие короткие. Зарание большое спасибо.
Вложения
что сделать чтоб....?
что сделать чтоб....?

Аватара пользователя
MIT
Former team member
Сообщения: 2500
Зарегистрирован: 14.03.2009 17:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 4 раза
Поблагодарили: 353 раза

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

Сообщение MIT » 29.07.2009 12:34

С помощью CSS - никак (наверно), я в свое время написал JS скрипт-модификатор элементов строк для всех возможных страниц.

Аватара пользователя
Ёжъ
phpBB 2.0.1
Сообщения: 288
Зарегистрирован: 13.07.2008 14:01
Откуда: Новосибирск
Благодарил (а): 189 раз
Поблагодарили: 7 раз

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

Сообщение Ёжъ » 09.08.2009 20:47

Здравствуйте, люди добрые!
Можете подсказать где изменяется высота и шрифт блока под логотипом?

излазил по топикстарту все файлы пока картинки менял и не нашёл этих опций.

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