Mobile, Cell, Phone, PDA, iPhone Style

vBulletin 4.0 version here: https://vborg.vbsupport.ru/showthread.php?t=228986

A very cut back style with very low bandwidth usage which renders well on pretty much all small screen devices from old Nokias to new iPhones.

• Supports viewing/posting/replying in forums
• Supports Private Messaging
• Supports Tags (viewing, not adding)
• Supports viewing and replying to messages in Social Groups
• Supports Thread Prefixes
• has an add-on product to customise here: Extend and Customise Mobile Style (It is recommended that you install this also, but not required)
• Supports other stuff too ....

Notes

• If you are installing this on a vBulletin version higher than the current 'supported' version, and wish to get rid of the Out-of-Date Custom Templates Found! errors, see Post #329 for more information...
• I suggest you also install this add-on to this style to get more out of it...
• To modify the colour scheme of this style, you have to edit the wireless.css file by hand
• If you use a portal such as vbadvanced which you wish to disable in mobile style, see here

Release Information

• Version 0.0.1 - Initial release ported from my 3.6 version here
• Version 0.0.2 - Added auto quoting when replying to a post

  - fixed "Up" link bug
  - Added 'Posted via Mobile Device' message to new posts
  - couple small non - critical bugs fixed in some links
  

• Version 0.0.3 - No change other than change version to 3.7RC2
• Version 0.0.4 - Updated with security tokens tages for forms submital, and Gold version
• Version 0.0.5 - fixed navbar template "Home" link (you will need to edit this if your default forum page is not index.php)
• Version 0.0.6 - added ad_hook locations, fixed page titles, fixed couple small bugs
• Version 0.0.7 - Added Style chooser to UserCP, Post count to threads, Search Page, Attachment Sizes, More detailed time info, viewing/voting in polls, other stuff too probably
• Version 0.0.8 - now has an addon to customise certains aspects of this style - see HERE
• Version 0.0.9 - updated template version numbers to to 3.7.2 - no other changes have been made
• Version 0.0.10 - Now Fully Phrased (thanks Keyser Soze) Other updates included so its add-on product can do more customization

  Both this style and the addon will have the same version numbers - it's best to make sure you update the add-on when updating the style.

• Version 0.0.10a - fixed small bug in footer template

Install Instructions

• Save attached XML to your local computer
• Save attached wireless.css.txt, rename to wireless.css and upload to your forum root
• In AdminCP go to "Styles and Templates"
• In the "Import Style XML File" section browse to where you saved the XML
• Click "Import" button
• Come back to this page and click "Mark as Installed"

Other useful Add-ons to use in Conjunction with this style

• Extend and Customise Mobile Style

  This is a companion add-on designed specifically for this style which allows you to customise some aspects of it without the need to edit templates. Only works with version 0.0.8 and above

• Mobile Phone / iPhone / PDA Detection and Style Assignment

  Will automatically detect a mobile device and force the user to use a pre-defined style

• Different Domain, Different Style

  Will force the user to a predefined style based on URL visited (eg. visiting mobile.yourdomain.com will force the user to use a pre-defined mobile style wilst www.yourdomain.com will display your defaultstyle to the user
  

• Limit Posts/Thread per Page for a Specific Style

  Will set the maximum number of posts and threads displayed on a page based on a style. Whilst you may want to display 25 threads per page on a desktop, a small screen/mobile device would probably benefit from only showing 5 - 10 threads per page.
  

• How to hide a style from style chooser

  This template edit will allow you to 'hide' a style from the Style Chooser so users can't select a specified style.

Other Mobile Styles worth checking out

• ElForro's iPhone / iPod Touch Optimized Style
• Zachery's vB Lite Style
• vBMechanics Mobile Alabama Style

[dartho]

Originally Posted by 051119

Is it possible to turn off the 'Posted via Mobile Device' message?

Thanks!

Best way is to do a search and replace on the mobile templates - search for [i]Posted via Mobile Device[/i] and replace with nothing...

I see I'm probably going to have to release a product with this style to turn things on and off and set options ?

[swissbob]

Originally Posted by dartho

I did add these, and also managed to get Mobile Adsense working (with some manual work - no product for this sorry) but then trashed my dev server to do test runs on upgrading my live one... I'll look into it real soon and post an up date with the template ad hooks in and also soem guidelines on how to integrate mobile adsense...

That sounds great, thanks.

I finally managed to get a mobile sub domain working with vBSEO. for anyone else getting the same problem, there are at least two solutions here:
http://www.vbseo.com/f2/base-href-23196

[swissbob]

Our next challenge is to create a mobile domain site map for Google.

[swissbob]

Also, it is no longer validating as XHTML 1.0 Strict. It looks relatively simple to fix though - just remove a 'center' argument and the layout of some of the tags.

[howarde]

Great out of the box mobile style! Works great on my PDA!

I just added

<if condition="!$show['detailedtime']"><span class="time">$thread[lastposttime]</span></if>

to the Threadbit since our forum is very active - it makes it easier for someone like me (a user of the mobile style)

[Jase2]

Originally Posted by TechGuy

FYI, I "fixed" the Opera Mobile bug by removing this code from the tagbit_wrapper template:

<img src="$stylevar[imgdir_misc]/11x11progress.gif" id="tag_form_progress" class="inlineimg" style="display:none" alt="" />

Thanks for that, TechGuy. That is however for the tags, so a work-around needs to be done. Saying that, Dartho hasn't made it work to add tags--so it must be there by mistake. I'm going to add capability for adding tags, so I'll post an update shortly.

[swissbob]

I have noticed that every page has the same title too. This is of course terrible for search engine placement.

The problem is that the headinclude features this:

<title>$vboptions[bbtitle] Mobile</title>
<link rel="stylesheet" href="wireless.css" type="text/css" />

I have been trying to use conditionals in the headinclude to change this. I can get it to work for the foumdisplay pages but not showthread:

<if condition="THIS_SCRIPT == 'forumdisplay'">
        <title>$foruminfo[title_clean]<if condition="$pagenumber>1"> - <phrase 1="$pagenumber">$vbphrase[page_x]</phrase></if></title>
<else />
        <if condition="THIS_SCRIPT == 'showthread'">
                <title>$thread[prefix_plain_html] $thread[title]<if condition="$pagenumber>1"> - <phrase 1="$pagenumber">$vbphrase[page_x]</phrase></if></title>
        <else />
       		<title>$vboptions[bbtitle] Mobile</title>
        </if>
</if>
<link rel="stylesheet" href="wireless.css" type="text/css" />

I just get a blank title for the threads. I presume that this means that for some reason the $thread information isn't available? The page number will show, but the prefix and title are missing.

I am a complete novice at this kind of alteration. Can anyone see what I am doing wrong?

[swissbob]

This is just a quick recap of what this style could do with to make it perfect:

1. Mobile Adsense integration
2. Appropriate titles
3. An option to revert to the default style in the footer
4. Inclusion of tags for adding/editing (not essential though)
5. Optional removal of the 'posted via mobile device' message.
6. Creation of a mobile sitemap for Google

[Jase2]

Hmm.... why is is bad for search engine? Bots aren't going see this style, are they ?

It can be easily changed to use the forum and thread titles, but I don't see the benefits...

[swissbob]

Originally Posted by Jase2

Hmm.... why is is bad for search engine? Bots aren't going see this style, are they ?

They are if it is on a separate domain, which this style is designed for. Google runs a separate mobile search engine that will happily spider a mobile optimised version.

I use m.mydomain.com for the mobile version and hopefully I will work out how to create a separate mobile sitemap for the site too.

If it is easy enough, then please, please, please make the change!