Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» совет админамавтор лексей2222 Сентябрь 8th 2024, 06:21
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
» Как убрать подпись о редактировании записи
автор Фея Май 9th 2024, 21:11
» Пакеты Forum 2x2
автор Dana Domirani Май 6th 2024, 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
Обновление Мобильной версии форума
Страница 1 из 1
20160913
Обновление Мобильной версии форума
Обновление мобильной версии форума
Дорогие друзья,
Сервис Forum2x2 с удовольствием представляет вам новую и улучшенную версию мобильного дизайна ваших форумов.
Это обновление, дополняющее другое наше недавнее обновление - первую первую "современную" версию мобильного дизайна форумов, - добавляет новые функциональные возможности, которые намного улучшат пользовательский опыт работы с форумами на смартфонах и планшетах.
1. Добавление возможности зарегистрироваться на форуме
Нас очень просили добавить эту опцию, и теперь это стало возможным. Ваши посетители могут теперь зарегистрироваться на форуме непосредственно в мобильной версии. Процесс регистрации очень прост и похож на регистрацию в веб-версии, используя все основные параметры, заданные администратором форума.
Как для регистрации, так и для авторизации на форуме, ваши пользователи могут пользоваться системой Facebook Connect, установленной теперь в мобильной версии форума.
Система уведомлений пользуется большим успехом в веб-версии форумов, и мы решили установить ее также и на мобильную версию. В новой мобильной версии вы также можете получать уведомления касательно интересующих вас событий на форум, и таким образом постоянно оставаться на связи.
Точно так же, как в веб-версии, указание автора, даты и времени последнего сообщения в теме становится теперь кликабельным и в мобильной версии. Ссылка ведет непосредственно к последнему непрочитанному сообщению в теме, что делает значительно удобнее работу с темами, особенно в случае многостраничных тем.
Долгожданный апгрейд. Пользователи, для которых на форуме разрешено редактирование сообщений, могут теперь изменять свои сообщения и в мобильной версии.
Пользователи, для которых на форуме разрешено удаление сообщений, могут теперь удалять свои сообщения прямо в мобильной версии.
В новой мобильной версии появилась новая страница, показывающая профиль заданного пользователя. Одним кликом по аватару участника форума вы попадаете на страницу его профиля с основной информацией.
Это обновление чрезвычайно удобно в случае длинных странниц : новая иконка появлятся как только пролистывание страницы становится долгим, и позволяет одним кликом подняться к началу страницы.
Дорогие друзья,
Сервис Forum2x2 с удовольствием представляет вам новую и улучшенную версию мобильного дизайна ваших форумов.
Это обновление, дополняющее другое наше недавнее обновление - первую первую "современную" версию мобильного дизайна форумов, - добавляет новые функциональные возможности, которые намного улучшат пользовательский опыт работы с форумами на смартфонах и планшетах.
1. Добавление возможности зарегистрироваться на форуме
Нас очень просили добавить эту опцию, и теперь это стало возможным. Ваши посетители могут теперь зарегистрироваться на форуме непосредственно в мобильной версии. Процесс регистрации очень прост и похож на регистрацию в веб-версии, используя все основные параметры, заданные администратором форума.
- Посмотреть скриншоты:
2. Добавление кнопки Facebook connect
Как для регистрации, так и для авторизации на форуме, ваши пользователи могут пользоваться системой Facebook Connect, установленной теперь в мобильной версии форума.
- Скриншот:
3. Появление уведомлений
Система уведомлений пользуется большим успехом в веб-версии форумов, и мы решили установить ее также и на мобильную версию. В новой мобильной версии вы также можете получать уведомления касательно интересующих вас событий на форум, и таким образом постоянно оставаться на связи.
- Скриншоты:
4. Прямая ссылка на последнее сообщение в теме
Точно так же, как в веб-версии, указание автора, даты и времени последнего сообщения в теме становится теперь кликабельным и в мобильной версии. Ссылка ведет непосредственно к последнему непрочитанному сообщению в теме, что делает значительно удобнее работу с темами, особенно в случае многостраничных тем.
5. Редактирование сообщений
Долгожданный апгрейд. Пользователи, для которых на форуме разрешено редактирование сообщений, могут теперь изменять свои сообщения и в мобильной версии.
- Скриншоты:
6. Удаление сообщений
Пользователи, для которых на форуме разрешено удаление сообщений, могут теперь удалять свои сообщения прямо в мобильной версии.
7. Добавление страницы профиля
В новой мобильной версии появилась новая страница, показывающая профиль заданного пользователя. Одним кликом по аватару участника форума вы попадаете на страницу его профиля с основной информацией.
- Скриншоты:
8. Кнопка «Вверх страницы»
Это обновление чрезвычайно удобно в случае длинных странниц : новая иконка появлятся как только пролистывание страницы становится долгим, и позволяет одним кликом подняться к началу страницы.
- Скриншоты:
Важная информация: Для правильного показа новой версии мобильного дизайна администраторы форумов с измененными шаблонами должны внести в несколько шаблонов целый ряд изменений |
Последний раз редактировалось: Luz (Сентябрь 22nd 2016, 10:33), всего редактировалось 9 раз(а)
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Обновление Мобильной версии форума :: Комментарии
Re: Обновление Мобильной версии форума
Изменения в шаблонах
Шаблон overall_footer
- Найти:
- Код:
{PROTECT_FOOTER}
<div class="application_footer_spacer"></div>
- Заменить следующим кодом:
- Код:
{PROTECT_FOOTER}
<a id="to-top" href="#wrap"><i class="material-icons">&#xE316;</i></a>
<div class="application_footer_spacer"></div>
- Найти:
- Код:
<script type="text/javascript">
$(document).ready(function(){
- Заменить следующим кодом:
- Код:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
- Найти:
- Код:
if ($("#at-share-dock").length) {
$(".btn-floating").css("bottom", "60px");
};
- Заменить следующим кодом:
- Код:
if ($("#at-share-dock").length) {
$(".btn-floating, #to-top").css("marginBottom", "50px");
};
- После этого кода:
- Код:
case '-96px 0px':
$(this).html('<i class="material-icons">&#xE8AC;</i>');
break;
- Добавить:
- Код:
case '-128px 0px':
$(this).html('<i class="material-icons">&#xE7FE;</i>');
break;
case '-160px 0px':
$(this).html('<i class="material-icons">&#xE7F4;</i>');
$(this).addClass('BtnNotif');
break;
- Перед этим кодом:
- Код:
</script>
</body>
</html>
- Добавить:
- Код:
$('#to-top').click(function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop: 0
}, 400);
});
$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 164) {
$('#to-top').addClass('visible');
} else {
$('#to-top').removeClass('visible');
}
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
if(_userdata['activate_toolbar'] && _userdata['session_logged_in']) {
Toolbar.init;
var timeout = setInterval(reloadNotif, 1000);
$("#header").prepend('<a id="mNotificationBtn" href="./profile?mode=editprofile&page_profil=notifications"></a>');
$("#mNotificationBtn").prepend('<span id="unread_notif">' + _toolbar.notifications.unread + '</span>');
$('.BtnNotif').prepend('<span id="unread_notif_menu">' + _toolbar.notifications.unread + '</span>');
};
function reloadNotif() {
if (_toolbar.notifications.unread > 0) {
$("#unread_notif").html(_toolbar.notifications.unread);
$("#unread_notif_menu").html(_toolbar.notifications.unread);
if(!$("#unread_notif").hasClass("notification-new")) {
$("#unread_notif").addClass('notification-new');
$("#unread_notif_menu").addClass('notification-new');
$("#mNotificationBtn").addClass('notification-new');
}
}
};
});
//]]>
Шаблон overall_header
- После этого кода:
- Код:
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
- Добавить:
- Код:
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
- Найти:
- Код:
<body>
- Заменить следующим кодом:
- Код:
<body id="mpage-body-modern">
Шаблон posting_confirm_code
- Найти:
- Код:
<br><img src="{S_ANTI_ROBOT}" alt="" border="0" />
- Заменить следующим кодом:
- Код:
<br /><img src="{S_ANTI_ROBOT}" alt="" border="0" />
Шаблон topics_list_box
- После следующего кода:
- Код:
<!-- END table_sticky -->
- Добавить:
- Код:
<div class="forum-section-wrap">
- Найти:
- Код:
<div class="forum-lastpost">{topics_list_box.row.L_LATEST_POST_FROM_THE}</div>
</div>
</a>
<!-- END topic -->
- Заменить следующим кодом:
- Код:
<div class="forum-lastpost">{topics_list_box.row.L_LATEST_POST_FROM_THE}<div class="lastpost-arrow"></div></div>
</div>
</a>
<a href="{topics_list_box.row.LAST_POST_IMG}" class="last-post-link">Last post</a>
</div>
<!-- END topic -->
Шаблон viewtopic_body
- Найти:
- Код:
<div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div><h2>{postrow.displayed.POST_DATE_NEW}</h2>
- Заменить следующим кодом:
- Код:
<div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div>
<div class="post-info">
<h2>{postrow.displayed.POST_DATE_NEW}</h2>
- Найти:
- Код:
<div class="post-content">
- Заменить следующим кодом:
- Код:
</div>
<div class="post-content">
- После следующего кода:
- Код:
{postrow.displayed.EDITED_MESSAGE}
- Добавить:
- Код:
<ul class="post-buttons">
<li>{postrow.displayed.EDIT_IMG}</li>
<li>{postrow.displayed.DELETE_IMG}</li>
</ul>
Классно, спасибо большое!
(товарищи, а есть у кого нибудь иконка для моб.версии-для регистрации?)
(товарищи, а есть у кого нибудь иконка для моб.версии-для регистрации?)
(товарищи, а есть у кого нибудь иконка для моб.версии-для регистрации?)
Скажите пожалуйста, можно ли писать сообщения в мобильной версии или только просматривать форум?
Приветствую! Очень интересует вопрос - можно ли в мобильной версии форума, при создании нового топика (темы) каким-лтбо образом добавлять в тему изображения? Если можно, то как это сделать? Функция крайне необходимая.
Вопрос остаётся! Хотелось бы получить ответ. Это как-то делается изменением в шаблонах?Отличник ГО пишет:Приветствую! Очень интересует вопрос - можно ли в мобильной версии форума, при создании нового топика (темы) каким-лтбо образом добавлять в тему изображения? Если можно, то как это сделать? Функция крайне необходимая.
Метод тот же, как и в веб-версии. Только нету кнопок вставки тегов. То есть, картинку прописывать придется вручную.Отличник ГО пишет:Приветствую! Очень интересует вопрос - можно ли в мобильной версии форума, при создании нового топика (темы) каким-лтбо образом добавлять в тему изображения? Если можно, то как это сделать? Функция крайне необходимая.
- Код:
[img]ссылка_на_изображение[/img]
Приветствую. Благодарю за ответ. Как я понимаю, изображение надо размещать на стороннем хостинге изображений, а потом копировать ссылку на картинку и вставлять в топик? Или я неправильно понял?Феникс пишет:
Метод тот же, как и в веб-версии. Только нету кнопок вставки тегов. То есть, картинку прописывать придется вручную.
- Код:
[img]ссылка_на_изображение[/img]
Всё правильно Вы поняли. Будем надеяться, что в скором будущем добавят кнопки в текстовой редактор и в мобильной версии. Но пока что так.Или я неправильно понял
Немного переделал шаблон VIEWTOPIC_BODY ибо кнопка редактирования у меня не работала из-за скрипта "Быстрое редактирование сообщений".
Теперь кнопки работают, добавил кнопку цитирования (над быстрой цитатой пока работаю - не цитирует). Ну и скрипт пагинации в постах так же заработал и в мобильной версии.
Аватар не показывает, но позже разберусь.
Теперь кнопки работают, добавил кнопку цитирования (над быстрой цитатой пока работаю - не цитирует). Ну и скрипт пагинации в постах так же заработал и в мобильной версии.
Аватар не показывает, но позже разберусь.
Здравствуйте!
В админпанели есть только overall_footer_begin (Начало нижней части страницы) и overall_footer_end (Конец нижней части страницы).
Как быть?
В админпанели есть только overall_footer_begin (Начало нижней части страницы) и overall_footer_end (Конец нижней части страницы).
Как быть?
Похожие темы
» Обновление на Forum2x2: доступ к шаблонам для мобильной версии форума
» Обновление на Forum2x2 : Новый дизайн мобильной версии форумов
» Объявления и шапка форума в Мобильной версии
» Размер Логина в мобильной версии форума.
» Пропали кнопки в мобильной версии форума
» Обновление на Forum2x2 : Новый дизайн мобильной версии форумов
» Объявления и шапка форума в Мобильной версии
» Размер Логина в мобильной версии форума.
» Пропали кнопки в мобильной версии форума
Права доступа к этому форуму:
Вы не можете отвечать на сообщения