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.

[Twikitero]

Originally Posted by Mark.B

The code in red below causing your issue:

body {
    margin: 0;
    min-width: 990px;
    width: auto;
}

I'm trying to find the code but can not find it in any template

[Mark.B]

It might not be in a template, in fact I'd suggest it probably isn't, since it'd be pointless setting a min-width like that on a mobile style.

I'd start with your plugins, see if anything is adding it there. Also check the css file that comes with this style, make sure nothing has been altered in there.

My guess is that something is applying this min-width value with the intention of it applying to the normal desktop style, but it is also affecting the mobile style. Hence why a plugin could be the culprit.

[Twikitero]

The problem I've seen is that when they enter the forum style can not completely load automaticaly, I pulse "Desktop version" and therefore selected the Lightweight style manually and load perfectly.
I am desperate to fix this, and not know what else to edit

[Twikitero]

I think it is solved.
The problem was this option
http://i.gyazo.com/ea170c29140dc3d4962753cfe75803b1.png
I Was enabled this option, disable it and I think now if you load the Lightweight style perfectly

Does someone could come to my forum from mobile and check if it is working well the dimensions ? Mark.B Thanks for your help.

[Mark.B]

Looks perfect now...glad you got it sorted.

[Twikitero]

Originally Posted by Mark.B

Looks perfect now...glad you got it sorted.

Ok I appreciate much your help, thanks.
It seems incredible that a simple option was burning me so much lol
Thanks

[Twikitero]

Someone know any way to add the latest forum topics and replies?
Would be great if this was implanted in a Light version
Thanks!!!!

[dartho]

Not sure how compatible this stuff is, but this may work:

edit your CSS file and add:

.hidden { visibility:hidden; }

alternatively you could edit the editor_ckeditor template and add the following to the top

<style>
.hidden { visibility:hidden; }
</style>

then edit the pm_newpm template and replace

<textarea name="message" rows="20" cols="20" style="width:100%; height:100px" tabindex="1"></textarea>

with

{vb:raw messagearea}

and that might do it

[Alan_SP]

Excellent, at last I can quote PMs in your skin. :up:

It works, at least for me.

[broncoshq]

Originally Posted by dartho

ain't nothing I can do if I don't know what you are talking about. links to the hacks you are asking about would go a long way ...




No it's not, it's a real benefit for me. Means hacks in the full style don;t get in the way on mobile devices. Just put the hooks and code that you need for hacks in the appropriate templates.



tareqbd - re your PM, I'm not sure without manually looking through the templates which I'm sure you are capable of doing

I appreciate your reply, while coming across quite hostile, I understand where you are coming from.

I thought DB Tech was quite well known, so didn't think I would need a link sorry. The addon my users request the most is DB Tech Advanced Likes/Thanks (http://www.dragonbyte-tech.com/produ...t-thanks-like/)

I appreciate the advice in regard to adding the hooks, and things of that nature. Unfortunately that is outside of my skill set. Hence I asked the question. I'm sorry if it bothered you in some way.