Suggestion: Mobile template for mchat.php?

[bubban]

You also have to edit the appropriate html files within the template.

I was trying to find the instructions on how to do that in this topic but was unable to find them. Am I looking in the wrong place?

[RMcGirr83]

Open the install.xml file from the mod in your browser and use the prosilver edits.

[bubban]

Open the install.xml file from the mod in your browser and use the prosilver edits.

Again a beginner question, the install.xml file of the mchat mod?

[bubban]

Sorry, just wanted to highlight that I have already installed your mod on my forum and it's working perfectly fine, I'm just unable to see it on my mobile version. I installed your mod with automod, I assume that the changes you are referring to in your instal.xml file are already done? I just checked for instance the editor.js and found that the changes that need to be done (as per the install.xml file) have already been done. I understand there are other files that need to be amended, I was just giving that particular file as an example

Thank you

[bubban]

Ok, an update. By the way I'm in Dubai so I'm a few hours ahead of you so I get the time to tinker around before you come online

I have figured out the instructions with the instal.xml file, I went into my artodia style and did the changes to the following files as instucted:

index_body.html

I tried to do the changes in overall_header.html but for some strange reason, when I try opening the file in cpanel (as i do with all other files) I get an empty window with no code. I tried downloading it to my computer and opening it up with my browser but I get a strange looking window [url]http://www.flickr.com/photos/115198693@N07/12555184434/[/url]

Any idea on how to resolve this issue?

Finally, when I go in to edit stylesheet.css I get the following text: /* Blank file, see style.css */

[steve]

All files should be edited with Notepad++ ,please do a Google search on how to install mods phpbb3 tutorial ..

[bubban]

All files should be edited with Notepad++ ,please do a Google search on how to install mods phpbb3 tutorial ..

Thanks Steve, I figured it out. I use a Mac, so Notepad++ doesn't work, however I found a program called Text Wrangler which does the same thing and was able to modify the overall file, all good now, it's working.

Thanks for yours and Rich's help

[amorealex]

Have a look at Mac OS X text editors https://wiki.phpbb.com/Text_Editors

[bubban]

Have a look at Mac OS X text editors https://wiki.phpbb.com/Text_Editors

Thanks Alex, will do

[corleoner]

Hey fellas,

Leinad4mind has been so helpful that I thought I would take on a project of my own without troubling him if possible.

Today I tried to follow the steps in this thread to add the mchat to my mobile theme. It's such a popular feature now, that I'd like my mobile users to have it as well.

I added the zip file that steve had in this thread, but I'm having trouble finding where to insert this code:

Code: Select all

   <!-- 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 -->

Here is a screenshot, I've disabled it for now, can you please let me know what I've done wrong, and what changes I should make, if possible.

[Neculai Anișor]

Css import needed.
Open artodia/theme/style.css
Add at the bottom :

Code: Select all

@import url("mchat.css");

Then upload mchat.css in artodia/theme/
Refresh your theme.

[corleoner]

Css import needed.
Open artodia/theme/style.css
Add at the bottom :

Code: Select all

@import url("mchat.css");

Then upload mchat.css in artodia/theme/
Refresh your theme.

Thank you, I had it at the top, for some reason I thought that's where it needed to be?

Looks great, now, what should I do to get the buttons working? I've copied all the html files, it looks like everything is good, but I just can't use it to input text or codes, just the archive button works.

[Neculai Anișor]

Open art_mobile/overall_header

Find This may be a partial find and not the whole line

Code: Select all

<script src="{T_TEMPLATE_PATH}/mobile.js"></script>

Add after Add these lines on a new blank line after the preceding line(s) to find

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 -->

[corleoner]

Very strange. Now the buttons and text area work, but the mchat body looks the same as the photo I uploaded before?

Here's what I changed in my overall_header

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>
<!-- 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>

<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_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 -->  
<div><a href="https://raider-forums.com/index.php?mobile=mobile"><img src="https://raider-forums.com/styles/raiderforums_mobile/imageset/01.png" width=100% height=auto style="border-style: none"/></div>

here's my index_body

Code: Select all

<!-- INCLUDE overall_header.html -->

<!-- IF U_MCP --><p><a href="{U_MCP}">{L_MCP}</a></p><!-- ENDIF -->

<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->
<!-- INCLUDE forumlist_body.html -->
<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and not S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->

<!-- IF S_USER_LOGGED_IN and not S_IS_BOT and U_MARK_FORUMS --><p><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></p><!-- ENDIF -->

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
   <form method="post" action="{S_LOGIN_ACTION}">
    <div class="block">
   <h3>{L_LOGIN_LOGOUT}</h3>
      <fieldset class="quick-login">
         <input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" /> <input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
         <!-- IF S_AUTOLOGIN_ENABLED -->
            <br /><label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label><br />
         <!-- ENDIF -->
         <input type="submit" name="login" value="{L_LOGIN}" class="button2" />
         {S_LOGIN_REDIRECT}
      </fieldset>
    </div>
   </form>
<!-- ENDIF -->
<a class="twitter-timeline"  href="https://twitter.com/RaiderForums"  data-widget-id="437972264156291073">Tweets by @RaiderForums</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>



<!-- INCLUDE overall_footer.html -->

And here is the last line of my stylesheet

Code: Select all

img.zoom.zoomed-in + span.zoom-image { 
   background-position: 0 -30px; 
}
@import url("mchat.css");

[corleoner]

Does it have anything to do with the fact that I moved all the mchat html files into the mobile template folder?

I wasn't sure if I needed all of them or not, so I put them all in there.