[FAQ] Темы оформления

[digger®]

[FAQ] Темы оформления.

[digger®]

http://custom.simplemachines.org/themes
http://www.smfsimple.com/themesdemo
https://www.idesignsmf.com/index.php/index.php/board,74.0.html
http://demo.smftricks.com/
http://themebot.com/free-website-templates/smf-themes
http://www.smfpersonal.net/portfolio.html
http://smf.konusal.com

[digger®]

SMF сам по себе имеет механизм вывода в упрощенном виде независимо от текущей темы.
Ссылка на нее есть внизу форума - Мобильная версия.

Темы с отзывчивым дизайном:
Reseller
Redsy
Japanese Re
SMF поддерживается системой Tapatalk обеспечивающей удобный доступ к форумам с мобильных устройств.

[digger®]

В index.css (Curve):

найти

Код (css) Выделить Развернуть

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
line-height: 1.4em;
padding: 0.1em 0;
}

поменять на

Код (css) Выделить Развернуть

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
width: 100%;
line-height: 1.4em;
padding: 0.1em 0;
}


[digger®]

В Profile.template.php

найти

Код (php) Выделить Развернуть


function swap_avatar(type)
{
switch(type.id)
{
case "avatar_choice_server_stored":
document.getElementById("avatar_server_stored").style.display = "";
document.getElementById("avatar_external").style.display = "none";
document.getElementById("avatar_upload").style.display = "none";
break;
case "avatar_choice_external":
document.getElementById("avatar_server_stored").style.display = "none";
document.getElementById("avatar_external").style.display = "";
document.getElementById("avatar_upload").style.display = "none";
break;
case "avatar_choice_upload":
document.getElementById("avatar_server_stored").style.display = "none";
document.getElementById("avatar_external").style.display = "none";
document.getElementById("avatar_upload").style.display = "";
break;
}
}


Поменять на

Код (php) Выделить Развернуть


function swap_avatar(type)
{
switch(type.id)
{
case "avatar_choice_server_stored":
'. (!empty($context['member']['avatar']['allow_server_stored']) ? 'document.getElementById("avatar_server_stored").style.display = "none";' : '')
. (!empty($context['member']['avatar']['allow_external']) ? 'document.getElementById("avatar_external").style.display = "none";' : '')
. (!empty($context['member']['avatar']['allow_upload']) ? 'document.getElementById("avatar_upload").style.display = "none";' : '') .'
break;
case "avatar_choice_external":
'. (!empty($context['member']['avatar']['allow_server_stored']) ? 'document.getElementById("avatar_server_stored").style.display = "none";' : '')
. (!empty($context['member']['avatar']['allow_external']) ? 'document.getElementById("avatar_external").style.display = "";' : '')
. (!empty($context['member']['avatar']['allow_upload']) ? 'document.getElementById("avatar_upload").style.display = "none";' : '') .'
break;
case "avatar_choice_upload":
                                                                        '. (!empty($context['member']['avatar']['allow_server_stored']) ? 'document.getElementById("avatar_server_stored").style.display = "none";' : '')
. (!empty($context['member']['avatar']['allow_external']) ? 'document.getElementById("avatar_external").style.display = "none";' : '')
. (!empty($context['member']['avatar']['allow_upload']) ? 'document.getElementById("avatar_upload").style.display = "";' : '') .'
break;
}
}


[digger®]

Открываем описание раздела в админке и в конец вставляем

Код (html) Выделить Развернуть


<span class="floatright"><a href="адрес_сайта_спонсора"><img src="адрес_картинки_с_баннером" /></a></span>

[digger®]

В index.css

Код (css) Выделить Развернуть


body
{
   ...
   padding: 15px 5%; /* меняем здесь отступ сверху и с боков */
}

[digger®]

Зайти в настройки темы и вместо девиза сайта вписать пробел.
Админ - Конфигурация - Текущая тема оформления - Девиз сайта

[digger®]

В названиях и описаниях разделов можно использовать html теги

Например, в поле названия раздела пишем

Код Выделить Развернуть

<font color="red">Новый раздел</font>

[digger®]

В дистрибутиве SMF2.0 RC3. При том, в установочном дистрибутиве их нет, они в том который для апгрейда.
Эти темы больше официально не поддерживаются и не распространяются.

UPD: Темы выложены на Github и, возможно, будут актуализированы под новые версии SMF.
https://github.com/SimpleMachines/classic
https://github.com/SimpleMachines/babylon

[digger®]

Добавляем в шапку форума кнопку NEW для быстрого перехода к непрочитанным сообщениям (тема Curve).

В /Themes/default/css/index.css добавить

Код Выделить Развернуть


/* the new posts button */
img#link_to_new
{
float: right;
margin-top: 1.4em;
}

в /Themes/default/index.template

перед

Код Выделить Развернуть

// the upshrink image, right-floated

добавить

Код Выделить Развернуть

// * New button
if (empty($context['user']['is_guest'])) echo '<a href="', $scripturl, '?action=unread;all;start=0">', '<img id="link_to_new" src="', $settings['images_url'], '/russian/new.gif" alt="new" title="Новые сообщения" /></a>';
// New button *

[digger®]

После установки новой темы оформления в ней не отображаются значки new, а пишет просто "новый". Как решить эту проблему?

Скопировать каталог /Themes/default/images/russian-utf8 или /Themes/default/images/russian (в зависимости от установленной русской локализации) в такой же каталог своей темы оформления.

[digger®]

Как добавить в список тем отдельную колонку с ником автора сообщения

Установить мод Started By Column