Русское сообщество fluxbb

Быстрый лёгкий надёжный форумный движок

Вы не вошли.

Объявление

Вы можете внести свой вклад в содержание сайта. Жертвователи попадут в почетную группу "Спонсоры". Поддержать сайт.

#1 2015-03-18 16:37:06

Mike
Участник
Из Краснодара
Зарегистрирован: 2013-11-29
Сообщений: 63
Сайт

Как настроить шаблон под сборку Visman'а?

Имеется сборка от visman. Установил другой шаблон/стиль. Пропали bbcode с быстрого ответа и "я не работ" не работает. Как исправить?

Редактировался Visman (2015-03-18 19:33:13)

Offline

#2 2015-03-18 16:57:31

Visman
Administrator
Из Сибирь
Зарегистрирован: 2009-06-08
Сообщений: 2,236
Сайт

Re: Как настроить шаблон под сборку Visman'а?

Вообще-то этот вопрос нужно было задавать в теме сборки.

Ниже сейчас скопирую пост со своего тестового форума (который уже закрыт). Возможно он и несколько устарел, но в общем отражает все изменения в стилях.

Offline

#3 2015-03-18 16:58:05

Visman
Administrator
Из Сибирь
Зарегистрирован: 2009-06-08
Сообщений: 2,236
Сайт

Re: Как настроить шаблон под сборку Visman'а?

Тут опишу модификацию стилей от стандартного форума под эту сборку форума...
--------------------------------
Дополнительную информацию по стилям можно почитать на русском оф.форуме https://fluxbb.qb7.ru/forum/viewforum.php?id=35
--------------------------------
Все стили форума лежат в папке style
07f21c65276dd6603b9c20ae43eee478.gif
Каждый файл css является отдельным стилем. Его имя дает название стилю.
Тут же для каждого стиля есть папка с аналогичным именем. В ней размещены дополнительные элементы для стиля.
Папка imports содержит в себе общие/дополнительные элементы для всех/большинства стилей.
Даже если вы удаляете все стандартные стили с форума, нельзя ни в коем случае удалять папки Air и imports. Их содержимое может быть автоматически использовано в вашем стиле, если в нем не хватает элемента.

В сборке представлены стили двух типов: старые (похожи на стили для форума версии 1.2) и новые.
К старым относятся: Cobalt, Lithium, Mercury, Oxygen, Radium, Sulfur, Technetium,
к новым: Air, Earth, Fire, GrayOrange.

Для модификации стиля лучше всего использовать уже имеющийся, внося в него свои изменения.
Так стиль Alltes я сделал из стиля GrayOrange. Использовал для этого браузер FireFox и его плагин FireBug, который дает доступ к изменению стиля в реальном времени.

Чем отличаются стили сборки от стандартных? Это можно увидеть, если сравнить одинаковые стили сборки и стандартного форума через Total Commander.
Например стиль Air:
1.
стандарт

.pun {
	padding: 30px 40px;
}

сборка

.pun {
	padding: 30px 40px;
	margin: 0 auto;
	max-width: 1100px;
	min-width: 700px;
}

Изменение ограничивает ширину форума и центрует его.

2.
сборка

.pun .blockpost .gender {
	padding-left: 20px;
}

.pun .blockpost .male {
	background: url('../img/icons/gender_male.png') left center no-repeat;
}

.pun .blockpost .female {
	background: url('../img/icons/gender_female.png') left center no-repeat;
}

Добавляет значки пола юзера.

3.
стандарт

.pun .postmsg img, #punhelp samp img {
	vertical-align: text-top;
}

сборка

.pun .postmsg img, #punhelp samp img {
	vertical-align: text-bottom;
}

Изменяет положение картинок/смайлов в одной строке с текстом.

4.
сборка

/* ---------- BBCODE TOOLBAR ------------- */
#bbcode_bar {
	display: block;
}
#bbcode_bar #bbcodewrapper {
	padding: 0 2em 0 0;
	position: relative;
	overflow: hidden;
}
#bbcode_bar IMG {
	border: 0;
	padding: 0 2px;
}
#bbcode_bar #bbcodebuttons {
	float: left;
}
#bbcode_bar #bbcodesmilies {
	float: right;
}

#bbcode_bar #bbcode_color_map, #bbcode_bar #bbcode_smileys {
	display: none;
	border: 1px solid black;
	position: absolute;
	width: 220px;
	height: 150px;
	overflow: auto;
	padding: 4px;
	font-size: 11px;
	background: #f6f9fc;
}

#bbcode_bar #bbcode_color_map .tbl tr {
	height: 10px;
}

#bbcode_bar #bbcode_color_map .tbl td {
	width: 10px;
	cursor: crosshair;
	margin: 0;
	padding: 0;
	border-style: solid none none solid;
	border-width: 1px;
	border-color: #f6f9fc;
}

/* -- Collapse -- */
#punindex #brdmain .blocktable .conr {
	float: right;
	text-align: right;
}

/* ---------- Moderator's warnings ---------------------------- */
.pun .postwarn {
	border-style: solid;
	border-width: 0 0 0 3px;
	border-color: #e99;
	margin: 0.75em 1em 0em 2em;
	padding: 0 0.75em;
}
.pun .postwarn cite {
	font-weight: bold;
}	

.pun .postwarn:before {
	content: "M";
	position: absolute;
	margin-left: -2em;
	font-size: 150%;
	font-weight: bold;
	color: #e99;
}

/* Poll
----------------------------------------------------------------*/
.pun .poll {
	margin-top: 2em;
	padding: 1em;
	background-color: #F6F9FC;
	border: 1px solid #DFE6EE;
}

.poll legend {
	font-weight: normal;
}

.poll p {
	font-weight: bold;
}

.pun .poll ol {
	list-style: none outside none;
	padding: 0px;
}

.pun .poll li {
	font-weight: normal;
	padding: .5em 1em .5em 0;
}

.pun .poll label {
	padding: 0px;
}

.poll .percent {
	font-size: 0.8em;
	margin-left: 10px;
}

.poll .progressbar {
	height: 10px;
	border: 1px solid #44699C;
	width: 60%;
}

.poll .progressbar span {
	background-color: #44699C;
	width: 100%;
	height: 10px;
	display: block;
	font-size: 0;
	overflow: hidden;
}

.poll .progressbar span span {
	display: none;
}

.poll .total {
	color: #b7b7b7;
	margin-top: .5em;
	font-style: italic;
}

.poll .poss {
	color: #b7b7b7;
	font-style: italic;
}

.pun .poll_mess {
	font-style: italic;
	text-align: center;
	text-shadow: 2px 2px 2px #b7b7b7;
}

.pun .pollbut {
	font-size: 0.8em;
	padding: 7px 0 0 30px;
}

.pun .pollbut input {
	margin-right: 12px;
}

/* Search HL
----------------------------------------------------------------*/
span.shlight {
	font-weight: bold;
	background-color: #F3BFCC;
	color: #BC2A4D;
}

Основные изменения. Отвечают за панель бб-кодов, скрытие разделов на главной, предупреждения модераторов, голосования и подсветку поисковых запросов.
--------------------------------
При создании своего стиля в этих измениях вам придется подбирать под него цвет элементов.
--------------------------------
Также следует обратить внимание на содержание папок стилей.
6794214c44732790a30e695ccbec91c4.gif 5ffc1cd3d95b0850a9ab41df1909b3a3.gif
Файл base_admin.css (если он есть) отвечает за дополнительные стили в админке.
Файл reminder.css (если он есть) отвечает за стиль всплывающих сообщений (предупреждения).
Файл newpms.css (если он есть) отвечает за дополнительные стили в личных сообщениях.
Файл old.php нужен только для старых стилей! Влияет на правильно положение стрелок скрытия разделов на главной. Не нужен начиная с 61 ревизии.
Файлы exp_down.png и exp_up.png (если они есть) это кнопки(стрелки) скрытия разделов на главной.
Папка img (если она есть) содержит графические элементы стиля и кнопки бб-кодов для этого стиля.

--------------------------------
up 2013-10-29
Если в папке стиля есть свои шаблоны (файлы с расширением tpl) (пример)
3bdd1e328f34b7e8ed6788c23596385c.png
то файлы admin.tpl, help.tpl, main.tpl следует отредактировать так, чтобы перед строкой

</body>

в них стояла строка

<!-- forum_javascript -->

З.Ы. Стандартные шаблоны можно увидеть в папке \include\template

Редактировался Visman (2015-03-18 17:05:28)

Offline

#4 2015-03-18 17:03:52

Visman
Administrator
Из Сибирь
Зарегистрирован: 2009-06-08
Сообщений: 2,236
Сайт

Re: Как настроить шаблон под сборку Visman'а?

Вернул картинки в пост.

Offline

#5 2015-05-03 21:26:07

Mike
Участник
Из Краснодара
Зарегистрирован: 2013-11-29
Сообщений: 63
Сайт

Re: Как настроить шаблон под сборку Visman'а?

Visman пишет:

в них стояла строка

<!-- forum_javascript -->

Меня смущает этот кусочек кода. Именно благодаря ему не полностью работает мод like, то есть не работает jQuery. Как быть?

Offline

#6 2015-05-04 05:55:14

Visman
Administrator
Из Сибирь
Зарегистрирован: 2009-06-08
Сообщений: 2,236
Сайт

Re: Как настроить шаблон под сборку Visman'а?

@Mike, если речь об этом моде https://fluxbb.org/resources/mods/like-mod/ , то скрипты мода надо перенести из заголовка страницы.
Этот кусок

	echo '<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>'."\n"; // Delete this line if jQuery is already loaded
	echo '<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>'."\n"; // This as well
	echo '<script type="text/javascript" src="include/like_mod.js"></script>'."\n";
	echo '<script type="text/javascript">$(document).ready(function(){$(\'a.like\').wsLiker(\''.$pun_user['id'].'\', \''.pun_htmlspecialchars($pun_user['username']).'\', \''.$db->escape($lang_like_mod['Like']).'\', \''.$db->escape($lang_like_mod['Unlike']).'\', \''.$db->escape($lang_like_mod['Like this post']).'\');});</script>'."\n";

удаляешь из header.php.

А этот кусок

$page_js['j'] = 1;
$page_js['f'][] = '//code.jquery.com/jquery-migrate-1.2.1.min.js';
$page_js['f'][] = 'include/like_mod.js';
$page_js['c'][] = '$(document).ready(function(){$(\'a.like\').wsLiker(\''.$pun_user['id'].'\', \''.pun_htmlspecialchars($pun_user['username']).'\', \''.$db->escape($lang_like_mod['Like']).'\', \''.$db->escape($lang_like_mod['Unlike']).'\', \''.$db->escape($lang_like_mod['Like this post']).'\');});';

добавляешь в viewtopic.php перед

$forum_id = $cur_topic['forum_id'];
$footer_style = 'viewtopic';
require PUN_ROOT.'footer.php';

Offline

#7 2015-05-04 13:25:55

Mike
Участник
Из Краснодара
Зарегистрирован: 2013-11-29
Сообщений: 63
Сайт

Re: Как настроить шаблон под сборку Visman'а?

@Visman, жалко вам плюсик нельзя поставить. Всё работает smile

Offline

#8 2015-12-05 21:44:59

wst
Участник
Зарегистрирован: 2011-09-09
Сообщений: 89

Re: Как настроить шаблон под сборку Visman'а?

А какой блок отвечает за панельку "Быстрое сообщение" ?

Offline

#9 2015-12-06 06:20:28

Visman
Administrator
Из Сибирь
Зарегистрирован: 2009-06-08
Сообщений: 2,236
Сайт

Re: Как настроить шаблон под сборку Visman'а?

@wst, тот, который и за панельки бб-кодов в простых сообщениях и редактировании сообщений. Он помечен в css как

/* ---------- BBCODE TOOLBAR ------------- */

Offline

#10 2016-09-02 19:18:47

Aлександр
Участник
Зарегистрирован: 2016-08-12
Сообщений: 70

Re: Как настроить шаблон под сборку Visman'а?

Предлагаю на будущее, удалить из сборки, все стили мягко говоря, не качественной верстки, а также типовые для флакса и других аналогичных движков, а оставить только адаптивные и качественные, а ещё лучше уникальные стили. Пользователь не поймет в чем разница флакса от phpbb* или любого другого движка в котором аналогичные стили есть в изобилии и которые даже в разы лучше.

Offline

Подвал доски

Под управлением FluxBB. Хостинг Hostens