Suggestion: Mobile template for mchat.php?

Elite · Postby **Elite** » 01 Apr 2014, 00:46

Which Edits ?
Can you show me the codes ?
i'm noob sorry

If you have team viewer you can help me with it

PS : Sorry

steve · Postby **steve** » 01 Apr 2014, 07:17

You will find the instructions in the install.xml file found un the mod folder, i also suggest using google to search for tutorials on how to install a phpbb mod on other styles...

Elite · Postby **Elite** » 01 Apr 2014, 08:09

Do you mean the edits for the Header ?
Look i uploaded the mChat.css to my Theme directory
/public_html/styles/art_mobile/theme

Then i opened
Stylesheet.css and i edited it and now my file look like this

Code: Select all

@import url("mchat.css")

;/* Blank file, see style.css */

Then i have edited the overall header
and now it look like this

Code: Select all

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}" class="nojs">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!--
   phpBB style name: Artodia: Mobile and SEO
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by:     Vjacheslav Trushkin ( http://www.artodia.com/ )
-->
<link href="{T_THEME_PATH}/style.css" rel="stylesheet" type="text/css" />
<script src="{T_TEMPLATE_PATH}/mobile.js"></script>
</head>
<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="page-header" class="nav-block gradient <!-- IF S_DISPLAY_SEARCH --><!-- IF PAGE_NUMBER and PAGINATION -->menu-3<!-- ELSE -->menu-2<!-- ENDIF --><!-- ELSEIF PAGE_NUMBER and PAGINATION -->menu-2<!-- ELSE -->menu-1<!-- ENDIF -->">
    <ul id="page-header-start">
        <li><a href="javascriptvoid(0);" class="menu-link back"><span>{L_INDEX}</span></a>
            <ul class="sub" itemscope="itemscope">
                <li><a href="{U_INDEX}" itemprop="url" rel="up">{L_INDEX}</a></li>
                <!-- BEGIN navlinks --> 
                    <li><a href="{navlinks.U_VIEW_FORUM}" itemprop="url" rel="up">{navlinks.FORUM_NAME}</a></li>
                <!-- END navlinks -->   
            </ul>
        </li>
    </ul>
    <ul id="page-header-menu">
        <li><a href="javascriptvoid(0);" class="menu-link main"><span>{L_INDEX}</span></a>
            <ul class="sub">
             <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                    <li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
                    <!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><!-- ENDIF -->
                    <!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
                <!-- ENDIF -->
            <li><a href="{U_FAQ}">{L_FAQ}</a></li>
            <!-- IF not S_IS_BOT -->
<!-- IF S_MCHAT_ENABLE and U_MCHAT --><li class="icon-bump"><a href="{U_MCHAT}#mChat" title="{L_MCHAT_TITLE}">{L_MCHAT_TITLE}</a></li><!-- ENDIF -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
               <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
               <li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
            <!-- ENDIF -->
            </ul>
        </li>
        <!-- IF S_DISPLAY_SEARCH -->
        <li><a href="javascriptvoid(0);" class="menu-link search"><span>{L_SEARCH_ADV}</span></a>
            <ul class="sub">
                <li><a href="{U_SEARCH}">{L_SEARCH_ADV}</a></li>
                <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                    <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                <!-- ENDIF -->
              <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
              <!-- IF S_LOAD_UNREADS --><li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li><!-- ENDIF -->
              <!-- IF S_USER_LOGGED_IN --><li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li><!-- ENDIF -->
              <li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
            </ul>
        </li>
        <!-- ENDIF -->
        <!-- IF PAGE_NUMBER and PAGINATION -->
        <li class="pages"><a href="javascriptvoid(0);" class="menu-link">#</a>
            <ul class="sub">
                <li>{PAGE_NUMBER} &nbsp; {PAGINATION}</li>
             <!-- IF PREVIOUS_PAGE --><li><a href="{PREVIOUS_PAGE}">{L_PREVIOUS}</a></li><!-- ENDIF -->
             <!-- IF NEXT_PAGE --><li><a href="{NEXT_PAGE}">{L_NEXT}</a></li><!-- ENDIF -->
            </ul>
        </li>
        <!-- ENDIF -->
    </ul>
    <h1><!-- IF SCRIPT_NAME == 'viewforum' --><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a>
        <!-- ELSEIF SCRIPT_NAME == 'viewtopic' --><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a>
        <!-- ELSE --><a href="javascriptvoid(0);">{PAGE_TITLE}</a>
        <!-- ENDIF --></h1>
    <p>{SITE_DESCRIPTION}</p>
</div>

<div id="page-body">
      <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
      <div id="information" class="block rules">
            <h2>{L_INFORMATION}</h2> 
            {L_BOARD_DISABLED}
      </div>
        <!-- ELSEIF not S_IS_BOT && S_USER_LOGGED_IN && S_DISPLAY_PM && SCRIPT_NAME != 'ucp' -->
            <!-- IF S_USER_NEW_PRIVMSG and S_USER_PM_POPUP -->
                <div class="block rules" id="information">
                    <a href="{U_PRIVATEMSGS}"><!-- IF S_USER_NEW_PRIVMSG > 1 -->{L_YOU_NEW_PMS}<!-- ELSE -->{L_YOU_NEW_PM}<!-- ENDIF --></a>
                </div>
            <!-- ELSEIF S_USER_UNREAD_PRIVMSG or S_USER_NEW_PRIVMSG -->
                <div class="block rules" id="information">
                    <h2>{L_PRIVATE_MESSAGES}</h2>
                    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
                </div>
            <!-- ENDIF -->
        <!-- ENDIF -->

And i still don't see the mChat on the mobile style

Link for my site : http://www.teamofpros.tk

steve · Postby **steve** » 01 Apr 2014, 08:34

Did you refresh the template in acp styles tab?

Elite · Postby **Elite** » 01 Apr 2014, 08:52

I refreshed the template
But when i refresh the theme i got this : [img]http://i.gyazo.com/267d3789b6709f95f8aa8438a1e864e5.png[/img]

EDIT : When i click on the mChat here : [img]http://i.gyazo.com/53b13dac7ba7d00f5bebd1c6458afe3c.png[/img]
I see this error [img]http://i.gyazo.com/821ab59d8739c068a43f5df46ae8e1fa.png[/img]

steve · Postby **steve** » 01 Apr 2014, 08:57

So if you can install mchat on a custom style why cant you install it in this style,i see its installed on your forum default style!! Go through all the edits as instructed and make sure all the files for mchat are uploaded to the mobile style...

Elite · Postby **Elite** » 01 Apr 2014, 08:58

look at the edit above

Elite · Postby **Elite** » 01 Apr 2014, 08:59

steve wrote:So if you can install mchat on a custom style why cant you install it in this style,i see its installed on your forum default style!! Go through all the edits as instructed and make sure all the files for mchat are uploaded to the mobile style...

There is only one file : Mchat.css right ??

steve · Postby **steve** » 01 Apr 2014, 09:10

You have an incorrect if statement ,missing an endif ,undo your edits and try again..

Elite · Postby **Elite** » 01 Apr 2014, 09:30

This is my Overall Header file i don't know if i've done a mistake

Code: Select all

<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}" class="nojs">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!--
   phpBB style name: Artodia: Mobile and SEO
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by:     Vjacheslav Trushkin ( http://www.artodia.com/ )
-->
<link href="{T_THEME_PATH}/style.css" rel="stylesheet" type="text/css" />
<script src="{T_TEMPLATE_PATH}/mobile.js"></script>
</head>
<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="page-header" class="nav-block gradient <!-- IF S_DISPLAY_SEARCH --><!-- IF PAGE_NUMBER and PAGINATION -->menu-3<!-- ELSE -->menu-2<!-- ENDIF --><!-- ELSEIF PAGE_NUMBER and PAGINATION -->menu-2<!-- ELSE -->menu-1<!-- ENDIF -->">
    <ul id="page-header-start">
        <li><a href="javascriptvoid(0);" class="menu-link back"><span>{L_INDEX}</span></a>
            <ul class="sub" itemscope="itemscope">
                <li><a href="{U_INDEX}" itemprop="url" rel="up">{L_INDEX}</a></li>
                <!-- BEGIN navlinks --> 
                    <li><a href="{navlinks.U_VIEW_FORUM}" itemprop="url" rel="up">{navlinks.FORUM_NAME}</a></li>
                <!-- END navlinks -->   
            </ul>
        </li>
    </ul>
    <ul id="page-header-menu">
        <li><a href="javascriptvoid(0);" class="menu-link main"><span>{L_INDEX}</span></a>
            <ul class="sub">
             <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                    <li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
                    <!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><!-- ENDIF -->
                    <!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
                <!-- ENDIF -->
            <li><a href="{U_FAQ}">{L_FAQ}</a></li>
            <!-- IF not S_IS_BOT -->
            <!-- IF S_MCHAT_ENABLE and U_MCHAT --><li class="icon-bump"><a href="{U_MCHAT}#mChat" title="{L_MCHAT_TITLE}">{L_MCHAT_TITLE}</a></li><!-- ENDIF -->
               <!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
               <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
               <li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
            <!-- ENDIF -->
            </ul>
        </li>
        <!-- IF S_DISPLAY_SEARCH -->
        <li><a href="javascriptvoid(0);" class="menu-link search"><span>{L_SEARCH_ADV}</span></a>
            <ul class="sub">
                <li><a href="{U_SEARCH}">{L_SEARCH_ADV}</a></li>
                <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                    <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                <!-- ENDIF -->
              <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
              <!-- IF S_LOAD_UNREADS --><li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li><!-- ENDIF -->
              <!-- IF S_USER_LOGGED_IN --><li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li><!-- ENDIF -->
              <li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
            </ul>
        </li>
        <!-- ENDIF -->
        <!-- IF PAGE_NUMBER and PAGINATION -->
        <li class="pages"><a href="javascriptvoid(0);" class="menu-link">#</a>
            <ul class="sub">
                <li>{PAGE_NUMBER} &nbsp; {PAGINATION}</li>
             <!-- IF PREVIOUS_PAGE --><li><a href="{PREVIOUS_PAGE}">{L_PREVIOUS}</a></li><!-- ENDIF -->
             <!-- IF NEXT_PAGE --><li><a href="{NEXT_PAGE}">{L_NEXT}</a></li><!-- ENDIF -->
            </ul>
        </li>
        <!-- ENDIF -->
    </ul>
    <h1><!-- IF SCRIPT_NAME == 'viewforum' --><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a>
        <!-- ELSEIF SCRIPT_NAME == 'viewtopic' --><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a>
        <!-- ELSE --><a href="javascriptvoid(0);">{PAGE_TITLE}</a>
        <!-- ENDIF --></h1>
    <p>{SITE_DESCRIPTION}</p>
</div>

<div id="page-body">
      <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
      <div id="information" class="block rules">
            <h2>{L_INFORMATION}</h2> 
            {L_BOARD_DISABLED}
      </div>
        <!-- ELSEIF not S_IS_BOT && S_USER_LOGGED_IN && S_DISPLAY_PM && SCRIPT_NAME != 'ucp' -->
            <!-- IF S_USER_NEW_PRIVMSG and S_USER_PM_POPUP -->
                <div class="block rules" id="information">
                    <a href="{U_PRIVATEMSGS}"><!-- IF S_USER_NEW_PRIVMSG > 1 -->{L_YOU_NEW_PMS}<!-- ELSE -->{L_YOU_NEW_PM}<!-- ENDIF --></a>
                </div>
            <!-- ELSEIF S_USER_UNREAD_PRIVMSG or S_USER_NEW_PRIVMSG -->
                <div class="block rules" id="information">
                    <h2>{L_PRIVATE_MESSAGES}</h2>
                    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
                </div>
            <!-- ENDIF -->
        <!-- ENDIF -->

Please help me

steve · Postby **steve** » 01 Apr 2014, 09:51

Code: Select all

</head>
<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->

move the script above the </head> tag, upload a fresh copy of the mchat_body.html file into the template folder

Elite · Postby **Elite** » 01 Apr 2014, 09:56

You mean like this

Code: Select all

<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->
</head>

Elite · Postby **Elite** » 01 Apr 2014, 10:17

Wait , What ?
Now the mChat is working when i redirect to it from the menu at the top left
but i don't see it in the index : [img]http://i.gyazo.com/9b9a4b74c7114f5aed8c1292270dd1f7.png[/img]

And why should i refresh when i post a message in the chat to let the message appear ?

steve · Postby **steve** » 01 Apr 2014, 10:22

so do the edit to the index_body.html file, and you may want too copy and paste the macht.css code into the style.css file at the bottom..

Elite · Postby **Elite** » 01 Apr 2014, 10:30

steve wrote:so do the edit to the index_body.html file, and you may want too copy and paste the macht.css code into the style.css file at the bottom..

Which edits where can i find them sorry i told you i'm noob

Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Re: Suggestion: Mobile template for mchat.php?

Who is online