Портированый стиль CA Vintage под phpBB 3.2

Название стиля: CA Vintage
Версия стиля: 1.0.9
Версия phpBB: 3.2.9
Скачать:
ca_vintage_1.0.9.zip
181.12 КБ 459 скачиваний
Стиль является точной копией своего предшественника для phpBB 3.1.
Стиль адаптивный, имеющий фиксированную панель при прокрутке экрана.

Главными отличиями от предыдущей версии:
  1. При небольшом разрешении экрана, в фиксированной панели, ссылки сворачиваются в блок, при нажатии открывается вертикальный блок с ссылками (см. скриншот ниже).
  2. Пагинация и кнопки ответить, управление темой и тд, перенесены выше до быстрого ответа.
  3. Возвращена возможность сворачивания форумов, которая была ещё на 3.0 версии.
  4. Сворачивание профиля можно выключить в конфиге.
  5. Кнопки в профиле перенесены вниз, рядом с копкой вверх, так же как это было в стиле для 3.0 версии.
Скриншоты:
CA Vintage. Стиль для phpBB 3.2 - ca_vintage.png
CA Vintage. Стиль для phpBB 3.2 - ca_vintage3.png
+Ещё скриншоты

Настройка стиля.

В файле ca_config.html находятся небольшие настройки.
Внимание! Если вы не уверены в своих действиях не трогайте этот файл.

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

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

<!-- DEFINE $CA_WIDTH = '100%' -->
+Установка логотипа
+Придание собственным произвольным блокам дизайн форума.
+История изменений - Скачать
Настройка расширений для стиля.
Устранение ошибки при добавлении второго сообщения подряд без обновления страницы - стили для расширения быстрого ответа версии 2.0.0-dev2.
Комментарии: 191

CabinetAdmin 16 апр 2017, 09:43 Сообщение

Jim писал(а): Перед имеджес точку что ли убрать?
В таком виде - ./images/Logo.png, она ссылается на папку images в стиле, если без точки, то на папку images в корне форума.
Jim писал(а): тогда вопрос
В common.css найти:

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

.site-description {
	clear: both;
	min-height: 20px;
	height: auto;
	text-align: center;
}
удалить отсюда text-align: center; и добавить padding: 10px 6px;. Отступ сверху и снизу - 10px.

В responsive.css найти:

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

	.logo {
		/* change display value to inline-block to show logo */
		display: none;
		float: none;
		padding: 10px;
	}
и удалить отсюда display: none;.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 16 апр 2017, 15:00 Сообщение

Как то все равно смещено.. что же не так?;(
Немного правее.. это лого.
В пк версии по центру..
Может в responsive.css добавить align:center?
  • 0
Вложения
CA Vintage. Стиль для phpBB 3.2 - IMG_1109.PNG
Till I die

CabinetAdmin 16 апр 2017, 16:04 Сообщение

Добавить в конец responsive.css:

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

@media only screen and (max-width: 392px) {
	.logo {
		display: block;
		width: auto;
	}

	.site_logo {
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
	}
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 16 апр 2017, 16:06 Сообщение

CabinetAdmin, width 100 это выравнивание?
  • 0
Till I die

CabinetAdmin 16 апр 2017, 16:13 Сообщение

100% отменяет фиксированный размер изображения и делает его на всю ширину блока.
background-size: contain; позволяет уменьшить изображение.
background-repeat: no-repeat; не даст изображению повторяться при сильно маленьком экране, поскольку высота блока всё так же остаётся фиксированной.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 16 апр 2017, 20:27 Сообщение

Вопрос банальный, но необходимый: Как убрать эти даты?
  • 0
Вложения
CA Vintage. Стиль для phpBB 3.2 - Даты.png
Till I die

CabinetAdmin 16 апр 2017, 21:18 Сообщение

Эти строки находятся в index_body, надо скопировать его из просильвера и уже потом удалить в нём:

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

<p class="{S_CONTENT_FLOW_END} responsive-center time<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
<!-- IF S_USER_LOGGED_IN --><p class="responsive-center time">{CURRENT_TIME}</p><!-- ENDIF -->
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 17 апр 2017, 06:48 Сообщение

Есть еще один наболевший вопрос еще с 3.1.9....
Как убрать черную ссылку в теме? Оставить лишь зеленую?
Оставить только над темой
  • 0
Вложения
CA Vintage. Стиль для phpBB 3.2 - 2 Ссылки.png
Till I die

CabinetAdmin 17 апр 2017, 09:56 Сообщение

В content.css найти .postbody h3 { и добавить к нему display: none;, найти:

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

p.author {
	margin-bottom: 0.6em;
	padding: 0 0 5px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	clear: right;
}
и добавить после:

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

.block-post-first p.author {
	padding-top: 10px;
	padding-bottom: 5px;
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 22 апр 2017, 13:39 Сообщение

CabinetAdmin, Пропало лого :( Посмотрите вроде бы все на месте. В папке images лежит logo_en.png
Исчезло и все....
Пользовался ad_units ставил в шапку виджет. Потом удалил расширение, а лого исчезло.
http://oaconline.ru/index.php
Может я туплю, но в моб версии есть... что за?...Кеш чищен и ктрл+ф5 тоже...в моб есть, в браузере нет
Что в мозилле, что в иксплорере....
Опять с точкой затупил что ли я? :%) Так вроде без нее
Может респонсив.ксс проверить?

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

@media only screen and (max-width: 392px) {
    	.logo {
    		display: block;
    		width: auto;
    	}
Эммм, так надо?

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

display: block;
  • 0
Вложения
CA Vintage. Стиль для phpBB 3.2 - IMG_1206.PNG
CA Vintage. Стиль для phpBB 3.2 - Логотип.png
CA Vintage. Стиль для phpBB 3.2 - Логотип.png (19.26 КБ) 1593 просмотра
theme.rar
10.08 КБ 216 скачиваний
Till I die

CabinetAdmin 22 апр 2017, 16:07 Сообщение

Там же в common.css:

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

.site_logo {
	display: inline-block;
/*	width: 149px;
	height: 52px;*/
}
Надо раскомментировать и задать свои размеры.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 23 апр 2017, 12:49 Сообщение

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

.site_logo {
	display: inline-block;
	width: 374px;
	height: 169px;
}
Раскоментировано. Но не отображено почему то :((
Может посмотрите правки?
Уже переименовал в http://oaconline.ru/images/Logotippers.png
В колорс ссылается так:

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

.site_logo {
	background-image: url("/images/Logotippers.png");
}
Не отображается, кеш чистил
  • 0
Till I die

JimИван 23 апр 2017, 16:22 Сообщение

Не знаю, что за глюк...но все с нуля начал и смог вернуть, раскомментировав
  • 0
Till I die

JimИван 24 апр 2017, 04:58 Сообщение

CabinetAdmin, по поводу быстрого ответа....вообще вылезло такое оконце при постановке галочки - включить быстрый ответ в подфоруме при заходе в тему

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

Fatal error: Call to undefined method parse_message::set_mimetype_guesser() in /home/users/9/9521820281/domains/oaconline.ru/ext/boardtools/quickreply/event/listener_helper.php on line 212
Постскриптум: что с правками, что без
  • 0
Till I die

CabinetAdmin 24 апр 2017, 12:32 Сообщение

Это именно в этом стиле или в любом?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы