Mobile/Cell Phone Style

A version for 3.7 can be found HERE

A super light style designed for Mobile Phones - use in conjunction with THIS or THIS modification to redirect mobile phone users to this theme.

This is a work in progress, and any and all feedback is greatly appreciated - I will do my best to act on bugs and suggestions.

Check http://mobility.mobi (not my site) from a mobile device to see how it looks or you can visit via an emulator HERE

Whilst this doesn't have ALL functionality of vBulletin default, it does allow browsing forums, replying to posts, creating new topics and sending/receiving PMs.

I'm new at this, be kind.

Version History
1.00 - Initial Release
2.00 - Validates Strict XHTML 1.0 on http://validator.w3.org/
Added PM notification, fixed new reply, new thread, new PM to look better. Can edit posts. Added Logout and also an "Up" menu which will take you to the parent forum of where ever you currently are. Images in posts are replaced with a link to the image - unfortunately this meant I had to do teh same to smilies which all now show up as :-) (which is a link to teh smilie itself). It is now approaching a fully functioning skin - not sure what else you would want to do from a mobile phone/PDA. A few small bugs fixed too.
2.01 - Added viewing thread subscriptions, who's online (both only for logged on members) and quick reply
2.02 - Quick reply for logged on members only
2.03 - fix a w3.org validation issue, added "mark forums read" to forum home
2.04 - Internal release
2.05 - added mark as read to 'new posts' added 'sub' (Subscribed threads) and 'online' (who's online) footer navbar forum name in post title (as link) fixed a few things.
2.06 - Page numbers appear in thread bits
- UserCP page, with access to PMs, Subscribed Threads, Edit Signature, Edit Options (which includes changing view from oldest first to newest first
- Basic MOD options added - can delete posts and threads (and undelete also)
- Remember me added to login in footer (duplicate login screens removed
- I should probably test this latest version more extensively and re validate it, but thought you wouldn;t mind a pre-release

2.07 - Added requests, revalidated STRICT XHTML on w3.org. If you have modified your existing install of this, I suggest you backup the style first before upgrading with this new version just in case you want to roll back.
2.08 - Remove backlink from FORUMHOME
2.09 - updated version numbers on templates to 3.6.9
2.10 - added securitytoken field to all forms

A Spanish translation can be found in post # 200 HERE

Install Instructions
Unzip and upload the wireless.css to your forum root.
Import the XML as a new style WITH NO PARENT.

Upgrade Instructions
Unzip and upload the wireless.css to your forum root (overwriet existing).
Import the XML and merge with existing. Alternatively you could delete the existing mobi style and re-upload fresh.

Keywords: Mobile, Cell, Portal, Mobi, Light, PDA, Phone

Screen Shots - Don;t be put off by the colours, these are all very easily changed by editing the CSS file. If you need help, just ask. I did these from a desktop browser with the window resized to 240px wide - to get a proper idea of the look, use the emulator link mentioned above. It looks MUCH better from an actualy small screen device!



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.

[ShackMaster]

I'm getting an error on page load... undefined vbphrase on line 29.


On the emulator I get the following:

You should use valid XHTML Mobile Profile for your pages. Non-validating markup may not display correctly or efficiently on mobile devices. In some cases, particularly on older phones, non-validating XHTML-MP will not render at all, and the user will see only an error message in their browser.

FAIL near line 2 column 275
Element type "script" must be declared.
FAIL near line 23 column 45
Element type "script" must be declared.
FAIL near line 34 column 24
The content of element type "head" must match "((meta|link|object|style)*,((title,(meta|link|obj ect|style)*,(base,(meta|link|object|style)*)?)|(ba se,(meta|link|object|style)*,(title,(meta|link|obj ect|style)*))))".
FAIL near line 34 column 4483
Attribute "onclick" must be declared for element type "a".
FAIL near line 36 column 202
Attribute "onclick" must be declared for element type "a".
FAIL near line 36 column 316
Attribute "align" must be declared for element type "div".
FAIL near line 37 column 80
Element type "script" must be declared.
FAIL near line 39 column 32
Element type "script" must be declared.
FAIL near line 43 column 8
The content of element type "body" must match "(h1|h2|h3|h4|h5|h6|ul|ol|dl|p|div|pre|blockquote| address|hr|table|form|fieldset)*".

[dartho]

looks like you are not validating this skin. try adding a "?sytleid=xx" (where xx= the styleid of t his skin) to the URL you are submitting. To be able to pass a styleid=xx in the URL it needs to be user selectable. Alternatively you need to use a mod such as this one to force this skin on mobile devices

[dartho]

Updated!

2.02 - Added viewing thread subscriptions, who's online and quick replyfor logged on members only

I'm sure I did/fixed some other stuff too... As always, feedback appreciated :up:

[RedGTiVR6]

Thanks for the update! Installed!

Will post back if I see any issues.

[ShackMaster]

Originally Posted by dartho

looks like you are not validating this skin. try adding a "?sytleid=xx" (where xx= the styleid of t his skin) to the URL you are submitting. To be able to pass a styleid=xx in the URL it needs to be user selectable. Alternatively you need to use a mod such as this one to force this skin on mobile devices

I do have that mod installed... and I allow this style to be user selectable. The emulator was picking up the right style because it shows a picture example of what it looks like.

Here are a couple of images of the test for your review:





Thanks for your assistance.

[tekguru]

Yep installed here too - looking good so far! Will feedback any comments from the team!

[ShackMaster]

I changed the DocType as you suggested in an earlier post and it seems to have curtailed many of the errors on validation and improved from a "Bad" rating to a "Fair" rating.

Following are the errors I get now:

You should use valid XHTML Mobile Profile for your pages. Non-validating markup may not display correctly or efficiently on mobile devices. In some cases, particularly on older phones, non-validating XHTML-MP will not render at all, and the user will see only an error message in their browser.

 FAIL near line 35 column 316
Attribute "align" must be declared for element type "div".
 FAIL near line 42 column 8
The content of element type "body" must match "(p|h1|h2|h3|h4|h5|h6|div|ul|ol|dl|pre|hr|blockquote|address|fieldset|table|form|noscript|ins|del|script)*".

[tekguru]

Feedback from one of my Mods:

I'm using the mobile version today. Important missing bit for me is mark all read. I'm not going to have time to read everything - guess many mobile viewers wouldn't - so after I've read what I'm interested in it would be nice to mark the rest read.

[ShackMaster]

Very good suggestion on the "Mark As Read"... I use that quite often.

[dartho]

Updated - "Mark as Read" added to forum home, fixed w3.org validation errors.

@Shackmaster - you have some other plug ins installed which are causing the errors on readi.mobi. Unless you have a .mobi domain name, I wouldn't worry too much around this. Much more important is validating on http://validator.w3.org If you do want to tweak for ready.mobi, that can be done but you'll need to remove plugins and tweak the DOCTYPE (which I think there are instructions to on the forst page somewhere)