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.

[dartho]

Screen shots added - an updated version also uploaded. Now pretty much fully functional and only a fraction of the bandwidth

[RedGTiVR6]

pardon my ignorance - but how do you go about updating styles?

Just upload as normal? I don't see anywhere where you can allow an overwrite...

[dartho]

With styles, you need to go into your AdminCP. From teh menus on the left, select "Styles & Templates" and then teh "Download / Upload Styles" submenu.

Then on the right hand pane, click teh browse button and browse to the XML file. Then (assuming you don;t want/need to change the other default settings - be very careful when changing these!) click the "Import" button at the bottom of the pane.

[tekguru]

Looks good to me apart from:

- Logon box would look batter at the top of the screen
- None on the images I have displaying on the main forum are showing up

As per:




Much improved though!

[dartho]

Not really designed with vbadvanced / other portal in mind - only for forums.

That being said, you should be able to fix up the image problem by checking the image paths in the Style manage for this style (copy the paths from your default Style)

To remove the Vbadvanced portal - see post #9 in this thread. ALternatively you could edit the same template and remove the side columns (most people display the important stuff in the centre column anyway.

I've put the login at the bottom - on small screens (say an old nokie) the login filles the whole screen when at the top, also on some much older phones it's not possible to actually
login at all. ALso, sometimes when I check my forum, i don;t want to log in - just check the latest posts and get off again with no one seeing me - so moving it to the bottom seemed best compromise.

That being said - I could post what to cut and paste form $footer template to $header template so you can modify it yourself?

BTW - "Who's Online" is also optomised for teh small screen (with less detail) but there is no menu link to it - just edit your URL and visit "online.php" if you want to get here. WHen I get more fgeatures mobile friendly, I intend on adding a seperate "links" page.

[Dekard]

This looks pretty good, I'm using it on www.overclockingwiki.org/forums right now and its better than the other mobile template I was using. However when I try to test it I get a score of 3 with some invalid markup errors. Would you mind taking a look?

Also, the who's online would be awesome, I'd really like to have that asap.

[dartho]

G'day Dekard,
A few things - it doesn't look like you have uploaded the wireless.css to your forum root - this is only an appearance thing - as well as notifying of threads with new posts (turns the background green on the forum with new threads in it)

The main grumble is coming from the 'bbpixels' link in your footer - you should eithr remove this link if you can, or remove "target=_blank" from the link.

It does validate XHTML 1.0 Strict, but if this isn't enough for ready.mobi. you can get around this by changing the doctype to

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

To change doctype, go to the style options and in the miscellaneous section there is a 'HTML Doctype' option - paste the above code in. This is a kludge, but it works. I tried writing for Mobile - but then it failed other validators, so I figured XHTML 1.0 was a safe bet for most browsers and stuck with it. One of teh differences is using <br> as opposed to <br /> which just seems silly to me!

For reference the original doctype is

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">

re: Who's Online - where should I put the link, or should I just add a "Nav" menu to the top now with all the extra links?

Thanks!

[RedGTiVR6]

I have a user requesting something that I think would probably be a good addition.

How about adding a link at the top to subscribed threads? How hard would this be to do?

[dartho]

I should be able to add a subscribed threads screen!
Will also add a quick reply box at the bottom of threads.

may be a few days though.....

BTW - with this style, don;t be put off by the colours, they are all easily changed by editing the CSS file. The ones I've used are from teh web safe color palette (Should display as is on all 256+ colour devices)

Need help, just ask!

[RedGTiVR6]

Sweet!

Thanks for the response!