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!

https://vborg.vbsupport.ru/external/2010/10/30.jpg

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.

Great style! Just tried it out and it works perfectly with no clutter. Thanks!

Thanks - feedback welcome so I can build on it more!

can you add some screen shots ?
I checked the emulator, but would like some images still.

Excelent work Dartho! This is it! You can also add to this skin:
1. LOG OUT button
2. Display nick name of the memeber
3. LOG IN text boxes on the top of the page

Thanks Derek - I'll look into those!
Just noticed the New Topic/Thread input screens aren;t too flash - I'll fix that up a bit also.

Loco - Not sure how to screen cap from a mobile phone - I was going to add screen shots, but they would have simply been screen captures of the emulator...

Use Opera Mini Demo.

any chance this could integrate into vbadvanced so those coming to the "front page" could be redirected into the forums so the theme could be applied?

there is probably a better way - say a plugin that checks if the scrip it vbadcanced and send directly to the forums home...

Easier - You could edit the adv_portal template and replace with something like this:

screen shots would be awesome.

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

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...

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.

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:

http://www.4winmobile.com/news/MScreen001.png
http://www.4winmobile.com/news/MScreen002.png

Much improved though!

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.

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.

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 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
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!

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?

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!

Sweet!

Thanks for the response!

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


On the emulator I get the following:

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

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:

Thanks for the update! Installed!

Will post back if I see any issues.

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:

https://vborg.vbsupport.ru/external/2007/07/22.gif

https://vborg.vbsupport.ru/external/2007/07/23.gif

Thanks for your assistance.

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

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:

Feedback from one of my Mods:

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

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)

Good work!
Can you tell me where in the mobile skin we can put some script to trace mobile device visitors?

i've just found an issue as an admin...I NEED the admin functions to be visible so I can remotly administer the boards. for instance, I need to be able to move threads...

admin functions would be too much to put into a mobile/cell phone style I think, but when I get the PDA style done, I'll look at adding them into that.

It's outside the scope of a style - but it shouldn't be too hard to add to the mobile detect add-on to bypass detection if the user is an admin? Same goes for your request Derek_Trotter - what sort of logging? A simple text file shouldn't be too hard to generate for each time a mobile device makes a page request?

ahh - good point, I use a Treo 700wx, so the PDA version would be ideal for me for admin functions.

@Dartho
I just need to add some script to count number of visitors.

GREAT STYLE !!!

Many, many thanks for that.

A question from one of my Mods:

Ah forget that one just seen answered above :)

I like but I cannot get portal forwarding to work, its keeps looping :)
I edited the adv_portal like in post #9

http://ready.mobi/results.jsp?uri=http%3A%2F%2Fmetallifukinca.com&lo cale=en_EN

I think you should delete the
line.

It would probably be a good idea to edit the navbar template for this skin and make sure that Home link point to forums.php rather than index.php