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

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


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

20160913

Сообщение 

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




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


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

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

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




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


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

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







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


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

Скриншот:


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


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

Скриншоты:






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


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



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


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

Скриншоты:




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


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


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


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

Скриншоты:



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



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

Скриншоты:

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



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

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

Пол : Женщина
Сообщения : 16444
Возраст : 42
Карма : Без предупреждений
Благодарности : 2539
Регистрация : 2005-03-01

http://help.forum2x2.ru

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

- Похожие темы
Опубликовать эту запись на: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

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

Сообщение в Вт 20 Сен - 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>

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

Сообщение в Чт 22 Сен - 13:24 автор Муха

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

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

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

Сообщение в Вс 25 Сен - 16:19 автор Cоmatosе

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

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

Сообщение в Вс 25 Сен - 16:43 автор Феникс

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

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

Предыдущая тема Следующая тема Вернуться к началу


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