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.

[SemperFideles]

Just a suggestion. Your instructions are a bit confusing because you state that the user is to upload the contents of the zip file to forum root. In actuality, the contents of the zip file is another folder. Recommend you just zip the contents of that folder and provide it as a download or put all the files that need to be uploaded into a folder called "upload" and the style xml into a folder called "do not upload".

Great style.

[8thos]

Originally Posted by dartho

Edit the template which corresponds to the section you wish to add an avatar to.

Would it be in postbit_legacy template?

[dartho]

Originally Posted by Octavius.

Would it be in postbit_legacy template?

Certiainly postbit and/or postbit_legacy if it is the postbit you want to show avatars in. both postbit templates are the same, so if you make changes to one, you should copy/paste into the other.

[Cadellin]

Great work!

Two feature requests:
1. Is there a way of enabling signatures for all posts on the theme?
2. Redirecting the CMS pages to the forum instead.

[Crimm]

I had troubles with vbadvanced CMPS as well. I played with work arounds, but the only one that has been fully successful so far has been to go into the Integration Output plugin for vBadvanced (Note: This is the plugin that is breaking the style - Disable it and the style works) and take Dartho's mobile detection code:

PHP Code:

if ($vbulletin->options['mobile_skin_enabled'] == 1)   
      {  
      $mobilebrowsers = array(  
        "WebTV",  
        "AvantGo",  
        "Blazer",  
        "PalmOS",  
        "lynx",  
        "Go.Web",  
        "Elaine",  
        "ProxiNet",  
        "ChaiFarer",  
        "Digital Paths",  
        "UP.Browser",  
        "Mazingo",  
        "iPhone",  
        "iPod",  
        "Mobile",  
        "T68",  
        "Syncalot",  
        "Danger",  
        "Symbian",  
        "Symbian OS",  
        "SymbianOS",  
        "Maemo",  
        "Nokia",  
        "Xiino",  
        "AU-MIC",  
        "EPOC",  
        "Wireless",  
        "Handheld",  
        "Smartphone",  
        "SAMSUNG",  
        "J2ME",  
        "MIDP",  
        "MIDP-2.0",  
        "320x240",  
        "240x320",  
        "Blackberry8700",  
        "Opera Mini",  
        "NetFront",  
        "BlackBerry",  
        "PSP"  
        );  
   
        if(preg_match('/('.implode('|', $mobilebrowsers).')/i', $_SERVER['HTTP_USER_AGENT'], $match))  
        {  
          $mobile=1;  

        }  
        elseif (strpos($_SERVER['HTTP_ACCEPT'], 'application/vnd.wap.xhtml+xml'))  
        {  
          $mobile=1;  
        }  
        elseif (strpos($_SERVER['HTTP_ACCEPT'], 'text/vnd.wap.wml'))  
        {  
          $mobile=1;  
        }  

if ($mobile != 1) { 


Add that before the Integration Output plugin

The add a

PHP Code:

} 


At the end.

I take no responsibility to the results of that. I know it's dirty, but it's working for now :P

Just thought I'd share, until a permanent fix comes out

You can also wrap the plugin in a if statement to check the style CHOSEN:

PHP Code:

if ($vbulletin->userinfo['styleid'] != MOBILE STYLE ID) { 


Don't forget to close your tag. Note: It only works if they CHOOSE the style. Therefore I have both these if statements in there in case a PC user chooses the lightweight style.

Great work as always Dartho. Again, just sharing knowledge... Backup and test any changes.

[8thos]

Has anyone been able to add avatars in their mobile style? I've tried and it didn't work. I am using vb4.07.

[kawe]

Navigation Number Page isn't show anymore on SHOWTHREAD on SHOWPOST

[zohar1979]

I put all this stuff in my forum root, but it doesn't import correctly. Does it have to be in a folder in the Styles folder of my vbulletin FTP?

[RealLifeHacks]

I need help I loved this skin right from the moment i saw it the first time so I installed it (including the "options" addon and the "auto detection". both work just fine btw) but the style overrode my 2 original styles. (atleast i looks like it did)

this is how it looked before:

and this is how it looks now: http://reallifehacks.com/forum.php


i've read that vbadvaned causes problems so i disabled it but it didn't help at all...

also the page doesn't reload after changing the skin with the quick chooser i would be pritty upset if i had to do a rollback on my server (i already uninstalled the skin but the result was the same. my styles are messed up)

i'm running vb 4.0.7 with the following addons installed:

Admin Log In As User 3.21
Footer Link 1
LAM - Quote Img to URL 4.0.6
Lightweight Style Options 1.0.0
Mobile Device Detection 1.0.1
Post Thank You Hack 7.82
SevenSkins Image Resizer 1.0.1
Tabs en vBulletin 4.x 2.0.3
vBadvanced CMPS 4.0.1
vBSEO 3.5.2
vBSEO :: Sitemap Generator 2.6 Beta 2

can someone pls help me out and tell me what i did wrong (i installed it as i was told in the instructions in the first post)

[dartho]

It soudns like you merged it into your master or default style. You can fix this by uploading tools.php from the vbulletin install package to your admincp and restore your master style (very first setting)