Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android)

A lightweight *forum only style aimed at small screen devices such as Windows Smartphones, Nokias and even iPhones. It has VERY low bandwidth requirements - 15 times less on my site - 20K as opposed to 300K for forumhome.

*forum only - I have done a very small amount of rough work on CMS templates, a simple single column CMS *could* be created to work with this style without too much effort. However I am not sure if you can have a different CMS layout dependent on which style you are using?

This is an update to the mobile style I have previously released.

The changes are predominantly aesthetic to take advantage of larger screens.

It is also much easier to change colour schemes by editing the commented CSS file.

Demo: http://vbdev.org/forum.php?styleid=7

This is a a lightweight style and as such has much reduced functionality/information over the default vBulletin style.

Install instructions:

• Firstly, if upgrading, I recommend installing this as a new style rather than overwriting your previous install. This way you get to test it first without trashing your existing style.
• BACKUP YOUR EXISTING lightweight.css.php FILE IF YOU HAVE CSS CUSTOMISATIONS
• Download ZIP file
• Unzip to a local/temp directory
• Edit lightweight.css.php file to customise colours if required
• Upload contents of the upload directory in the zip file folder to your forum root.
• Install style XML via Style Manager in your ADMINCP
• **Install and configure "LightWeight Style Options"
• See post 2 for a FAQ
• Click "Mark as Installed"
• Test it out
• Leave a rating
• Leave feedback
• Enjoy checking your site from your mobile phone without the need to pinch/zoom/wait etc...

Version Control:

1.0.0 - 25 AUG 2010 - Initial Release on vBulletin.org
1.0.1 - 26 AUG 2010 - Fixed "Mark All Forums Read" link in Search results. Released Lightweight Style Options to customise this
1.0.2 - 21 MAR 2011 - Updated to 4.1.2, removed short tags from CSS, fixed some issues discovered since last release, added some stuff.
1.0.3 - 16 DEC 2011 - Updated to 1.0.3, tried to fix all known issues. Nothing new. If you have updated your site as bugs have been found, probably no need to upgrade. But if you're upgrading your site from to 4.1.9, might be worthwhile.
1.0.3a - 16 DEC 2011 - remove test ad hook code accidently left in postbit_legacy template

Branding Free:

The style is free to use. However I ask that you keep links in the footer. If you want to remove them - send me a donation of an amount you can afford, or that you think is fair/reasonable, it's up to you how much.

[inphoenix]

Originally Posted by dartho

The only other ad hook location in threads is the first post sig. I think that if those ad hooks I asked you to add to the postbit template aren't doing it, your problem lays elsewhere. Alternatively there are header and footer hooks that can be added in.

The banner at start of first post is working fine. I want to add another one at the end of thread.

Please tell me how to add footer hook.

[S_E_A]

Hello Dartho,

I'm having a problem with resizing images. I tried the suggested method in post #333, but unfortunately it did not resolve the problem.

Is there another method I can try? I'd prefer the images to be resized rather than have them as a link.

Thank you.

[dartho]

@SEA - you could try editin the CSS file and adding the following [s]before teh ?>[/s] at the end of the file

img {
max-width: 200px;
}

@inphoenix - the ad_footer_start and global_above_footer ad hooks are already there. Perhaps your ad provider or ad script is only alklowing a single ad at a time? Try disabling other locations to see if they show up

[inphoenix]

Originally Posted by dartho

@inphoenix - the ad_footer_start and global_above_footer ad hooks are already there. Perhaps your ad provider or ad script is only alklowing a single ad at a time? Try disabling other locations to see if they show up

Thanks. Adding it to ad_footer_start worked.

[S_E_A]

Originally Posted by dartho

@SEA - you could try editin the CSS file and adding the following before teh ?> at the end of the file

img {
max-width: 200px;
}

Sorry, where exactly should I place the above, dartho?

[dartho]

sorry, edit the CSS file (the lightweight.css.php file you uploaded to your server), and add it right at the end - sorry, no ?> to search for at the end.

[S_E_A]

No joy unfortunately, mate.

Images are resizing when I switch to the lightweight style on desktop, but not on mobile device.

[dartho]

Originally Posted by S_E_A

No joy unfortunately, mate.

Images are resizing when I switch to the lightweight style on desktop, but not on mobile device.

what device - perhaps there just isn't the support in that mobile browser, in which case there is little you can do ...

actually - try deleting your cache etc and see if that helps...

[S_E_A]

Tut... Worked a treat. Cheers mate

[Hippy]

great style.. 2 thumbs up
been reading it all here to apply all the fixes posted ..
thanks to everyone that posted a fix..

one thing tho I didn't find here is when you click on User CP
it is always showing
New Private Messages : (1)
even with none ... or if you have 3 it shows 4

weird

anyone with a fix for this would be greatly appreciated