Быстрый лёгкий надёжный форумный движок
Вы не вошли.
Offline
Вообще-то этот вопрос нужно было задавать в теме сборки.
Ниже сейчас скопирую пост со своего тестового форума (который уже закрыт). Возможно он и несколько устарел, но в общем отражает все изменения в стилях.
Моя сборка FluxBB 1.5, ForkBB · сообщество
Offline
Тут опишу модификацию стилей от стандартного форума под эту сборку форума...
--------------------------------
Дополнительную информацию по стилям можно почитать на русском оф.форуме https://fluxbb.qb7.ru/forum/viewforum.php?id=35
--------------------------------
Все стили форума лежат в папке style
Каждый файл 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;
}
Основные изменения. Отвечают за панель бб-кодов, скрытие разделов на главной, предупреждения модераторов, голосования и подсветку поисковых запросов.
--------------------------------
При создании своего стиля в этих измениях вам придется подбирать под него цвет элементов.
--------------------------------
Также следует обратить внимание на содержание папок стилей.
Файл base_admin.css (если он есть) отвечает за дополнительные стили в админке.
Файл reminder.css (если он есть) отвечает за стиль всплывающих сообщений (предупреждения).
Файл newpms.css (если он есть) отвечает за дополнительные стили в личных сообщениях.
Файл old.php нужен только для старых стилей! Влияет на правильно положение стрелок скрытия разделов на главной. Не нужен начиная с 61 ревизии.
Файлы exp_down.png и exp_up.png (если они есть) это кнопки(стрелки) скрытия разделов на главной.
Папка img (если она есть) содержит графические элементы стиля и кнопки бб-кодов для этого стиля.
--------------------------------
up 2013-10-29
Если в папке стиля есть свои шаблоны (файлы с расширением tpl) (пример)
то файлы admin.tpl, help.tpl, main.tpl следует отредактировать так, чтобы перед строкой
</body>
в них стояла строка
<!-- forum_javascript -->
З.Ы. Стандартные шаблоны можно увидеть в папке \include\template
Редактировался Visman (2015-03-18 17:05:28)
Моя сборка FluxBB 1.5, ForkBB · сообщество
Offline
Вернул картинки в пост.
Моя сборка FluxBB 1.5, ForkBB · сообщество
Offline
в них стояла строка
<!-- forum_javascript -->
Меня смущает этот кусочек кода. Именно благодаря ему не полностью работает мод like, то есть не работает jQuery. Как быть?
Offline
@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';
Моя сборка FluxBB 1.5, ForkBB · сообщество
Offline
А какой блок отвечает за панельку "Быстрое сообщение" ?
Offline
@wst, тот, который и за панельки бб-кодов в простых сообщениях и редактировании сообщений. Он помечен в css как
/* ---------- BBCODE TOOLBAR ------------- */
Моя сборка FluxBB 1.5, ForkBB · сообщество
Offline
Предлагаю на будущее, удалить из сборки, все стили мягко говоря, не качественной верстки, а также типовые для флакса и других аналогичных движков, а оставить только адаптивные и качественные, а ещё лучше уникальные стили. Пользователь не поймет в чем разница флакса от phpbb* или любого другого движка в котором аналогичные стили есть в изобилии и которые даже в разы лучше.
Offline