Lightweight Style for VB3.8.7 iPhone/Mobile/Cell/PDA

A few have asked for this, hope you like it.

As the title suggests, this is a lightweight style for vBulletin 3.8.7 (and probably most versions before that - A quick test showed it also working under vBulletin 3.7.7!)

It's lightweight (low bandwidth) and works well on most handheld / mobile devices. Some have been know to use it on their desktops and I personally use it for Google as a way of significantly reducing the bandwidth they use.

====================
Install Instructions
====================

• Backup
• Download and extract ZIP file locally
• Upload contents of forum folder to your forum root
• Go into your AdminCP->Style Manager->Download / Upload Styles
• In the "Import Style XML File" section browse to "lightweight-vbulletin-3.8.7-style.xml" (extracted form the zip file)
• If you are running a version of vbulletin other than 3.8.7, select Yes in "Ignore Style Version"
• Click the "Import" button.
• Edit the header template and change the 2nd line to reflect the Style ID of your default style and location of your home page (forum.php or index.php) and text for the anchor (Default Style).
  

  <a class="toplinks" href="$_SERVER[PHP_SELF]?<if condition="$_SERVER['QUERY_STRING']">$_SERVER[QUERY_STRING]&amp;</if>styleid=1">Default Style</a>

• Return to vBulletin.org and click "Mark as Installed"
• Reply to this thread leaving feedback and a rating

====================
Release History
====================

18th May 2011 - 1.0.0 Initial Release
20th May 2011 - 1.0.1 Bug Fixes and enhancements

====================
Screen Shots
====================

====================
Branding Free
====================
If you wish to remove the branding/copyright notice from the footer - send me a donation of an amount you can afford, or that you think is fair/reasonable, it's up to you how much. (can't get much fairer than that) You can do this by clicking the "Support Developer" link above (a few lines below the "Mark as Installed" link).

====================
Bugs fixes for next release
====================
Issue:
extra "> in template forumhome_forumbit_level2_nopost
Resolution:
Search for

<div class="windowbg">">

Replace with

<div class="windowbg">

Issue:
Inconsistencies in disaplying locked forums
Resolution:
See this post

Thanks.

[Stephan Whelan]

Joe,

Thanks for that - unfortunately still doesn't work. I've confirmed the /includes/ame_bbcode.php has the change you've suggested, as well as the youtube definition having $ameinfo[width] and $ameinfo[height].

Any further ideas?

[BirdOPrey5]

I joined your forum to take a look but I don't see the mobile style as an option- do you have it public? If so what is the styleid number?

You can see how it works on my forum:
Mobile Style: http://www.juot.net/forums/showthrea...000&styleid=38
Regular Style: http://www.juot.net/forums/showthrea...0000&styleid=1

[Stephan Whelan]

Indeed - we normally disable the style selector (it is set automatically based on browser accessing the site) but i've re-enabled it for now.

[BirdOPrey5]

It's working... I just posted a video, here is a screen shot:

The older videos will turn small once the cache expires for them. I think you can force the issue by editing the post and re-saving it.

But in time all the videos will be small on the mobile style, as will all new videos.

[Stephan Whelan]

Joe - it does work well indeed.

Another question to the group...I see that when I use the style assignment mod (https://vborg.vbsupport.ru/showthread.php?t=173239) the link at the top of the page (default style, etc...) won't allow visitors to switch styles to the full blown version. I know that is a default option on that Mod but any ideas on how it might work in conjunction with this style?

[dartho]

Try this on for size:

In AdminCP->Plugins & Products->Add New Plugin create a new plugin for product: vBulletin, hook location: style_fetch, Title: Mobile Detection, Execution Order: 5 Code:

PHP Code:

$mobile_style_advanced=10;  //iPhone?
$mobile_style=10; //Any mobile phone/device
$default_style=6; //Your default or preferred desktop style
$vbulletin->input->clean_array_gpc('c', array( 
    COOKIE_PREFIX . 'userstyleid'     => TYPE_UINT, 
    COOKIE_PREFIX . 'skipmobilestyle' => TYPE_BOOL, 
)); 

$my_skipmobile = $vbulletin->GPC[COOKIE_PREFIX . 'skipmobilestyle'];
$my_userstyleid = $vbulletin->GPC[COOKIE_PREFIX . 'userstyleid'];

// Test mobile browser 
$mobile_browser = false; 
$mobile_browser_advanced = false; 
//if ($vbulletin->options['mob_detect_enabled']) 
if (1==1)
{ 
    if (stripos($_SERVER['HTTP_USER_AGENT'], 'windows') === false) 
    { 
        if ( 
            preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|android)/i', strtolower($_SERVER['HTTP_USER_AGENT'])) 
            OR 
            stripos($_SERVER['HTTP_ACCEPT'],'application/vnd.wap.xhtml+xml') !== false 
            OR 
            ((isset($_SERVER['HTTP_X_WAP_PROFILE']) OR isset($_SERVER['HTTP_PROFILE']))) 
            OR 
            stripos($_SERVER['ALL_HTTP'],'OperaMini') !== false 
        ) 
        { 
            $mobile_browser = true; 
        } 
        // This array is big and may be bigger later on. So we move it to a second if. 
        elseif (in_array( 
                    strtolower(substr($_SERVER['HTTP_USER_AGENT'], 0, 4)), 
                    array( 
                    'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac', 
                    'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno', 
                    'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-', 
                    'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-', 
                    'newt','noki','oper','palm','pana','pant','phil','play','port','prox', 
                    'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar', 
                    'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-', 
                    'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp', 
                    'wapr','webc','winw','winw','xda ','xda-') 
                ) 
            ) 
        { 
            $mobile_browser = true; 
        } 
    } 

    if ( 
        $mobile_browser 
        AND 
        preg_match('/(ipad|ipod|iphone|blackberry|android|pre\/|palm os|palm|hiptop|avantgo|plucker|xiino|blazer|elaine)/i', strtolower($_SERVER['HTTP_USER_AGENT'])) 
    ) 
    { 
        $mobile_browser_advanced = true; 
    } 
} 
$vbulletin->input->clean_array_gpc('r', array( 
    'styleid' => TYPE_INT, 
    'langid'  => TYPE_INT, 
)); 

// Set up user's chosen style 
if ($vbulletin->GPC['styleid'])
{ 
    $styleid = $vbulletin->GPC['styleid']; 
    vbsetcookie('userstyleid', $styleid); 
    if ($styleid == $default_style) 
    { 
        vbsetcookie('skipmobilestyle', 1); 
        $vbulletin->GPC[COOKIE_PREFIX . 'skipmobilestyle'] = 1; 
        $my_skipmobile=1;
    } 
    elseif ($styleid == $mobile_style) 
    { 
        vbsetcookie('skipmobilestyle', 0); 
        $vbulletin->GPC[COOKIE_PREFIX . 'skipmobilestyle'] = 0; 
        $my_skipmobile = 1;
    } 
} 
elseif ($mobile_browser_advanced && !$my_skipmobile) 
{ 
    $styleid = $mobile_style_advanced; 
} 
elseif ($mobile_browser &&!$my_skipmobile) 
{ 
    $styleid = $mobile_style; 
} 
elseif ($my_userstyleid) 
{ 
    $styleid = $my_userstyleid; 
} 
else 
{ 
    $styleid = -1; 
} 


edit the first 3 lines of the plugin code to suit your purposes (should be self explanatory) and see how you go. Make sure you disable any mobile detect type scripts/plugins you may have running such as the one you linked to in your last post whilst testing this. Also be aware that you should probably do testing under a standard user account as administrator accounts have different permissions when it comes to style selections.

Please feedback how it goes.

[Stephan Whelan]

Worked a treat Dartho!

[dartho]

Good to hear.

[plazzman]

Originally Posted by dartho

[s]If you link me up with an example, I could look. via PM is OK.[/s]
Worked it out. Not highlight is 'hot' new threads (thread_hot_new). I'll fix that up.

To fix, edit the CSS, search for

.new, ._new, .forumnew

replace with

.new, ._new, .forumnew, ._hot_new, ._dot_hot_new

search for

.thread_dot, .thread_hot, .thread_dot_hot, .thread_, .thread_lock,.thread, .thread_moved, .thread_new

replace with

.thread_dot, .thread_hot, .thread_dot_hot, .thread_, .thread_lock,.thread, .thread_moved, .thread_new, .thread_hot_new, .thread_dot_hot_new

Thanks for the code for default style link, I'll put that in.

First off, absolutely love this template. Real smooth, last one I had was so convoluted.

Bit of a noob here though. Can you please explain to me where I can actually find those CSS changes?

Also, is it possible to just change the colours of the theme to make it fit my forum a bit better? Full credit/royalty would still apply obviously

Thanks alot

[dartho]

Those changes have been implemeneted in the last release - just make sure you uploaded the lightweight.css.php file to your forum root from the last zip.

It is also this file where you can make changes to the color scheme - open it up with your favorite text editor (I use notepad++) and read the comments at the top, it tells you what to do.