Suggestion: Mobile template for mchat.php?

Support for mods released by phpbbmodders.net found at either https://github.com/phpbbmodders/ or the MODDB at http://www.phpbb.com
Forum rules
Please only request support for mods released by phpbbmodders.net found at either https://github.com/phpbbmodders/ or the MODDB at http://www.phpbb.com
bubban
New member
New member
Posts: 7
Joined: 15 Feb 2014, 15:07

Re: Suggestion: Mobile template for mchat.php?

Postby bubban » 15 Feb 2014, 17:03

RMcGirr83 wrote: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?

User avatar
RMcGirr83
Past Contributor
Past Contributor
Posts: 6243
Joined: 30 Nov 2006, 14:23
Real name: Rich McGirr

Re: Suggestion: Mobile template for mchat.php?

Postby RMcGirr83 » 16 Feb 2014, 01:31

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

bubban
New member
New member
Posts: 7
Joined: 15 Feb 2014, 15:07

Re: Suggestion: Mobile template for mchat.php?

Postby bubban » 16 Feb 2014, 02:45

RMcGirr83 wrote: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
New member
New member
Posts: 7
Joined: 15 Feb 2014, 15:07

Re: Suggestion: Mobile template for mchat.php?

Postby bubban » 16 Feb 2014, 03:33

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
New member
New member
Posts: 7
Joined: 15 Feb 2014, 15:07

Re: Suggestion: Mobile template for mchat.php?

Postby bubban » 16 Feb 2014, 04:38

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
Master of posting
Master of posting
Posts: 1213
Joined: 12 Jul 2009, 19:14
Location: uk

Re: Suggestion: Mobile template for mchat.php?

Postby steve » 16 Feb 2014, 08:49

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

bubban
New member
New member
Posts: 7
Joined: 15 Feb 2014, 15:07

Re: Suggestion: Mobile template for mchat.php?

Postby bubban » 16 Feb 2014, 09:53

steve wrote: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
New member
New member
Posts: 9
Joined: 20 Jan 2014, 18:08

Re: Suggestion: Mobile template for mchat.php?

Postby amorealex » 16 Feb 2014, 10:04

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

bubban
New member
New member
Posts: 7
Joined: 15 Feb 2014, 15:07

Re: Suggestion: Mobile template for mchat.php?

Postby bubban » 16 Feb 2014, 10:08

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


Thanks Alex, will do

corleoner
New member
New member
Posts: 34
Joined: 01 Feb 2014, 05:52

Re: Suggestion: Mobile template for mchat.php?

Postby corleoner » 25 Feb 2014, 05:05

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.
You do not have the required permissions to view the files attached to this post.

User avatar
Neculai Anișor
Supporter
Supporter
Posts: 150
Joined: 11 Jan 2013, 17:01
Location: Liverpool, UK

Re: Suggestion: Mobile template for mchat.php?

Postby Neculai Anișor » 25 Feb 2014, 05:59

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
New member
New member
Posts: 34
Joined: 01 Feb 2014, 05:52

Re: Suggestion: Mobile template for mchat.php?

Postby corleoner » 25 Feb 2014, 07:17

Neculai Anișor wrote: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.

User avatar
Neculai Anișor
Supporter
Supporter
Posts: 150
Joined: 11 Jan 2013, 17:01
Location: Liverpool, UK

Re: Suggestion: Mobile template for mchat.php?

Postby Neculai Anișor » 25 Feb 2014, 08:16

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
New member
New member
Posts: 34
Joined: 01 Feb 2014, 05:52

Re: Suggestion: Mobile template for mchat.php?

Postby corleoner » 25 Feb 2014, 17:15

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
New member
New member
Posts: 34
Joined: 01 Feb 2014, 05:52

Re: Suggestion: Mobile template for mchat.php?

Postby corleoner » 25 Feb 2014, 17:20

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.


Return to “Modders MOD support”

Who is online

Users browsing this forum: Ahrefs [Bot], CommonCrawl [Bot] and 0 guests