Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Обновление Мобильной версии форума  Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Обновление Мобильной версии форума

Перейти вниз

20160913

Сообщение 

Обновление Мобильной версии форума  Empty Обновление Мобильной версии форума




Обновление мобильной версии форума


Дорогие друзья,

Сервис Forum2x2 с удовольствием представляет вам новую и улучшенную версию мобильного дизайна ваших форумов.

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




1. Добавление возможности зарегистрироваться на форуме


Нас очень просили добавить эту опцию, и теперь это стало возможным.  Ваши посетители могут теперь зарегистрироваться на форуме непосредственно в мобильной версии. Процесс регистрации очень прост и похож на регистрацию в веб-версии, используя все основные параметры, заданные администратором форума.

Посмотреть скриншоты:


Обновление Мобильной версии форума  Regist10

Обновление Мобильной версии форума  Regist11



2. Добавление кнопки Facebook connect


Как для регистрации, так и для авторизации на форуме, ваши пользователи могут пользоваться системой Facebook Connect, установленной теперь в мобильной версии форума.

Скриншот:
Обновление Мобильной версии форума  Facebo10


3.  Появление уведомлений


Система уведомлений пользуется большим успехом в веб-версии форумов, и мы решили установить ее также и на мобильную версию.  В новой мобильной версии вы также можете получать уведомления касательно интересующих вас событий на форум, и  таким образом постоянно оставаться на связи.  

Скриншоты:

Обновление Мобильной версии форума  Notifi10
Обновление Мобильной версии форума  Notifi12
Обновление Мобильной версии форума  Notifi11



4. Прямая ссылка на последнее сообщение в теме


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



5. Редактирование сообщений


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

Скриншоты:
Обновление Мобильной версии форума  Edit_m10
Обновление Мобильной версии форума  Edit_m11


6.  Удаление сообщений


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


7. Добавление страницы профиля


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

Скриншоты:

Обновление Мобильной версии форума  Profil10


8. Кнопка «Вверх страницы»



Это обновление чрезвычайно удобно в случае длинных странниц : новая иконка появлятся как только пролистывание страницы становится долгим, и позволяет одним кликом подняться к началу страницы.

Скриншоты:
Обновление Мобильной версии форума  Knopka10

Обновление Мобильной версии форума  64x64_13Важная информация:
Для правильного показа новой версии мобильного дизайна администраторы форумов с измененными шаблонами должны внести в несколько шаблонов целый ряд изменений



Последний раз редактировалось: Luz (Сентябрь 22nd 2016, 10:33), всего редактировалось 9 раз(а)


Обновление Мобильной версии форума  Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Luz
Luz
Администратор
Администратор

Женщина

Сообщения : 16524
Возраст : 45
Регистрация : 2005-03-01
Благодарности : 2607

Без предупреждений

https://help.forum2x2.ru

Вернуться к началу Перейти вниз

Опубликовать эту запись на: diggdeliciousredditstumbleuponslashdotyahoogooglelive

Обновление Мобильной версии форума :: Комментарии

Luz

Сообщение в Сентябрь 20th 2016, 16:15 автор Luz

Изменения в шаблонах



Шаблон overall_footer





Найти:

Код:

        {PROTECT_FOOTER}
        <div class="application_footer_spacer"></div>
Заменить следующим кодом:

Код:

        {PROTECT_FOOTER}
        <a id="to-top" href="#wrap"><i class="material-icons">&amp;#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">&amp;#xE8AC;</i>');
                            break;
Добавить:

Код:

                        case '-128px 0px':
                            $(this).html('<i class="material-icons">&amp;#xE7FE;</i>');
                            break;
                        case '-160px 0px':
                            $(this).html('<i class="material-icons">&amp;#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>

Вернуться к началу Перейти вниз

Муха

Сообщение в Сентябрь 22nd 2016, 13:24 автор Муха

Классно, спасибо большое! d_daisy

(товарищи, а есть у кого нибудь иконка для моб.версии-для регистрации?)

Вернуться к началу Перейти вниз

Cоmatosе

Сообщение в Сентябрь 25th 2016, 16:19 автор Cоmatosе

Наконец-то! Спасибо!

Вернуться к началу Перейти вниз

Феникс

Сообщение в Сентябрь 25th 2016, 16:43 автор Феникс

(товарищи, а есть у кого нибудь иконка для моб.версии-для регистрации?)
Обновление Мобильной версии форума  0889922001474810911

Вернуться к началу Перейти вниз

Валькирия Сан

Сообщение в Сентябрь 29th 2016, 14:03 автор Валькирия Сан

Скажите пожалуйста, можно ли писать сообщения в мобильной версии или только просматривать форум?

Вернуться к началу Перейти вниз

Феникс

Сообщение в Сентябрь 29th 2016, 15:01 автор Феникс

Можно и читать и писать.

Вернуться к началу Перейти вниз

Отличник ГО

Сообщение в Октябрь 1st 2016, 14:15 автор Отличник ГО

Приветствую! Очень интересует вопрос - можно ли в мобильной версии форума, при создании нового топика (темы) каким-лтбо образом добавлять в тему изображения? Если можно, то как это сделать? Функция крайне необходимая.

Вернуться к началу Перейти вниз

Отличник ГО

Сообщение в Октябрь 3rd 2016, 16:57 автор Отличник ГО

@Отличник ГО пишет:Приветствую! Очень интересует вопрос - можно ли в мобильной версии форума, при создании нового топика (темы) каким-лтбо образом добавлять в тему изображения? Если можно, то как это сделать? Функция крайне необходимая.
Вопрос остаётся! Хотелось бы получить ответ. Это как-то делается изменением в шаблонах?

Вернуться к началу Перейти вниз

Феникс

Сообщение в Октябрь 3rd 2016, 17:39 автор Феникс

@Отличник ГО пишет:Приветствую! Очень интересует вопрос - можно ли в мобильной версии форума, при создании нового топика (темы) каким-лтбо образом добавлять в тему изображения? Если можно, то как это сделать? Функция крайне необходимая.
Метод тот же, как и в веб-версии. Только нету кнопок вставки тегов. То есть, картинку прописывать придется вручную.
Код:
[img]ссылка_на_изображение[/img]

Вернуться к началу Перейти вниз

Отличник ГО

Сообщение в Октябрь 4th 2016, 16:37 автор Отличник ГО

@Феникс пишет:
Метод тот же, как и в веб-версии. Только нету кнопок вставки тегов. То есть, картинку прописывать придется вручную.
Код:
[img]ссылка_на_изображение[/img]
Приветствую. Благодарю за ответ. Как я понимаю, изображение надо размещать на стороннем хостинге изображений, а потом копировать ссылку на картинку и вставлять в топик? Или я неправильно понял?

Вернуться к началу Перейти вниз

Феникс

Сообщение в Октябрь 4th 2016, 18:28 автор Феникс

Или я неправильно понял
Всё правильно Вы поняли. smile Будем надеяться, что в скором будущем добавят кнопки в текстовой редактор и в мобильной версии. Но пока что так.

Вернуться к началу Перейти вниз

Отличник ГО

Сообщение в Октябрь 5th 2016, 18:39 автор Отличник ГО

Спасибо.

Вернуться к началу Перейти вниз

Феникс

Сообщение в Октябрь 11th 2016, 10:50 автор Феникс

Немного переделал шаблон VIEWTOPIC_BODY ибо кнопка редактирования у меня не работала из-за скрипта "Быстрое редактирование сообщений".
Теперь кнопки работают, добавил кнопку цитирования (над быстрой цитатой пока работаю - не цитирует). Ну и скрипт пагинации в постах так же заработал и в мобильной версии.

Обновление Мобильной версии форума  0999912001476171730

Аватар не показывает, но позже разберусь. smile

Вернуться к началу Перейти вниз

Baydar

Сообщение в Декабрь 20th 2016, 09:27 автор Baydar

Здравствуйте!
В админпанели есть только overall_footer_begin (Начало нижней части страницы) и overall_footer_end (Конец нижней части страницы).
Как быть?

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения