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

[amish_irish]

Originally Posted by dartho

HTTP Error 401.1 - Unauthorized: Access is denied due to invalid credentials.
Internet Information Services (IIS)

I would hazard a guess that the wireless.css file is either not in your forum root, or is for some reason password protected? GIven its running under IIS - could be security attributes?

Nice guess. I tried to add the likely suspects manually to the security permissions on the .css file but with no luck so I just added the everyone permission and success!! Thanks!

[BlueChipEarth]

Does this not work with the Mobile Device Detection mod? It seems to not switch styles from a mobile phone... as though I tell it "hey switch styles" and then the MDD says "Oh no you don't!"

Any way around this?

[Biker_GA]

The Mobile Phone / iPhone / PDA Detection and Style Assignment modification forces the mobile style. There is no option to use anything else when using that mod.

[rrudeboy]

exactly what i was looking for... *w00t* :}

[rrudeboy]

dartho, awesome mobile interface.... BUT (there's always a but :} i want the blue to be gray/grey, checked the css but so far unable to find it. that will be all i want to alter.

[dartho]

edit the wireless.css file and I think its the titlebg, windowbg and windowbg2 classes that you need to modify. try this as your wireless.css for a few ideas

body
{
	background: #333333;
	color: #ffffff;
  font: 6pt verdana;
	margin: 0px;
	padding: 0px;
}

.header
{
	background-color: #222222;
	color: #ffffff;
	size:3;
}
.titlebg, .titlebg a, .titlebg a:link, .titlebg a:visited
{
	background-color: #444444;
	color: #000000;
	text-decoration: none;
	size:1;
}
.oldtitlebg, .oldtitlebg a, .oldtitlebg a:link, .oldtitlebg a:visited
{
	background-color: #333333;
	color: #000000;
	text-decoration: none;
	size:1;
}
.newtitlebg, .newtitlebg a, .newtitlebg a:link, .newtitlebg a:visited
{
	background-color: #222222;
	color: #C0C0C0;
	text-decoration: none;
	size:1;
}
.windowbg, .windowbg a, .windowbg a:link, .windowbg a:visited

{
	background-color: #333333;
	color: #FFFFFF;
	size:1;
}
.newwindowbg, .newwindowbg a, .newwindowbg a:link, .newwindowbg a:visited
{
	background-color: #333333;
	color: #FFFFFF;
	size:1;
}

.oldwindowbg, .oldwindowbg a, .oldwindowbg a:link, .oldwindowbg a:visited
{
	background-color: #333333;
	color: #FFFFFF;
	size:1;
}

.windowbg2, .thread, .windowbg2 a, .windowbg2 a:link, .windowbg2 a:visited
{
	background-color: #444444;
	color: #FFFFFF;
	size:1;
}
.Unreadwindowbg2, a:link.newwindowbg2, a:visited.newwindowbg2
{
	background-color: #333333;
	color: #000000;
	size:1;
}
.Oldwindowbg2, a:link.Oldwindowbg2, a:visited.Oldwindowbg2
{
	background-color: #444444;
	color: #000000;
	size:1;
}
.new, a:link.new, a:visited.new
{
	background-color: #333333;
	color: #000000;
	size:1;
}
.thread_new, a:link.thread_new, a:visited.thread_new
{
	background-color: #333333;
	color: #000000;
	size:1;
}
.thread_hot, a:link.thread_hot, a:visited.thread_hot
{
	background-color: #333333;
	color: #000000;
	size:1;
}
.old, a:link.old, a:visited.old
{
	background-color: #333333;
	color: #000000;
	size:1;
}
.navbar, a:link.navbar, a:visited.navbar
{
	background-color: #333333;
	color: #FFFFFF;
	size:1;
}
.footer, a:link.footer, a:visited.footer
{
	background-color: #333333;
	color: #FFFFFF;
	size:1;
}
.updated
{
	color: #ff0000;
	size:1;
}
.quote
{
	background-color: #666666;
	color: #000000;
	size:1;
}
.sticky
{
	background-color: #666666;
	color: #FFFFFF;
	size:1;
}
.announce
{
	background-color: #666666;
	color: #FFFFFF;
	size:1;
}

[rrudeboy]

Originally Posted by dartho

edit the wireless.css file and I think its the titlebg, windowbg and windowbg2 classes that you need to modify. try this as your wireless.css for a few ideas

close... but not quite, i still want the background to be white. i can mess with it now that i know where :}

thanks.

[BGObsession]

Originally Posted by dartho

If you wish to use an IMG tag, try and swap the parameters.

rather than <img src="mypic.jpg" alt="My Pic" /> use <img alt="My Pic" src="mypic.jpg" />

this shouldn't get replaced with an anchor tag

For the newbie coder (learning), WHERE would that html snippet be placed - somewhere in the xml code and then reuploaded, or in a specific section of the template under the mobile style?

Thanks in advance.....

[dartho]

template you want an image to show (ie. header template)! You can alternatively allow all images to be displayed by removing all the replacement variables (located at the very bottom of the style options screen) in the mobile style

[BGObsession]

Thanks Dartho - got it, and appreciate the patience for us self-learners....