Mobile Version V2 |
Dear users,
Forumotion is glad to introduce the second version of its mobile theme for the forums !
This new theme completes the first mordern version with brand new features to improve your user experience.
New registration feature
You ask for it and now you've got it. The visitors of your forum can now directly register with a mobile device on your forum without having to change the version first.. The process is similar to the one on the deskstop version.
- See the preview:
"Facebook connect" button.
This new feature can be used to register or to connect on the forum, your members have now the choice to connect with their facebook account and don't have to type their username and password all over again.
- See the preview:
Notifications
If you were missing the notifications you had on the desktop version then it's over. With, the new mobile theme you will received notifications and you'll miss nothing.
- See the preview:
Button to see the last respond to a topic
You can from now on directly click on the last respond to a topic, simply by clicking this little arrow next to the date.
- See the preview:
Edition is now available
If you have the right permissions on the forum you can now edit your messages or the posts of other directly from the mobile version. Useful and simple !
- See the preview:
Deletion of a post.
If you have the right permissions on the forum you can now delete your messages or the posts of other
- See the preview:
Profile page
With the V2, the mobile theme of your forum welcomes a new page showing the profile of each user. Which is accessible by clicking on the avatar of the member, It will then give you the essential information about the member.
- See the preview:
Button "Go up".
Useful, espescially on very long page. The arrow is automactically displayed when a page is too long. With one click you're back at the top of the forum.
- See the preview:
We hope you like this new version as much as we do ! ::pourtoi::
See you soon on forumotion for more novelties !
The Forumotion Staff,
Important :
administrators have customized any of the following mobile templates overall_footer, overall_header, posting_confirm_code, topics_list_box and viewtopic_body must absolutely take into account changes below.
- Replace:
- Code:
{PROTECT_FOOTER}
<div class="application_footer_spacer"></div>
- By:
- Code:
{PROTECT_FOOTER}
<a id="to-top" href="#wrap"><i class="material-icons">&#xE316;</i></a>
<div class="application_footer_spacer"></div>
- Replace:
- Code:
<script type="text/javascript">
$(document).ready(function(){
- By:
- Code:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
- Replace:
- Code:
if ($("#at-share-dock").length) {
$(".btn-floating").css("bottom", "60px");
};
- By:
- Code:
if ($("#at-share-dock").length) {
$(".btn-floating, #to-top").css("marginBottom", "50px");
};
- After:
- Code:
case '-96px 0px':
$(this).html('<i class="material-icons">&#xE8AC;</i>');
break;
- Add:
- Code:
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;
- Before:
- Code:
</script>
</body>
</html>
- Add:
- Code:
$('#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');
}
}
};
});
//]]>
- After:
- Code:
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
- Add:
- Code:
<!-- 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 -->
- Replace:
- Code:
<body>
- By:
- Code:
<body id="mpage-body-modern">
- Replace:
- Code:
<br><img src="{S_ANTI_ROBOT}" alt="" border="0" />
- By:
- Code:
<br /><img src="{S_ANTI_ROBOT}" alt="" border="0" />
- After:
- Code:
<!-- END table_sticky -->
- Add:
- Code:
<div class="forum-section-wrap">
- Replace:
- Code:
<div class="forum-lastpost">{topics_list_box.row.L_LATEST_POST_FROM_THE}</div>
</div>
</a>
<!-- END topic -->
- By:
- Code:
<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 -->
- Replace:
- Code:
<div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div><h2>{postrow.displayed.POST_DATE_NEW}</h2>
- By:
- Code:
<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>
- Replace:
- Code:
<div class="post-content">
- By:
- Code:
</div>
<div class="post-content">
- After:
- Code:
{postrow.displayed.EDITED_MESSAGE}
- Add:
- Code:
<ul class="post-buttons">
<li>{postrow.displayed.EDIT_IMG}</li>
<li>{postrow.displayed.DELETE_IMG}</li>
</ul>
Template overall_footer
Template overall_header
Template posting_confirm_code
Template topics_list_box
Template viewtopic_body
Last edited by The Godfather on September 22nd 2016, 10:28 am; edited 1 time in total