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.

[infnity8x3]

Originally Posted by BirdOPrey5

If anyone is running AME 2.5 (automatic media embedder) I have figured out how to have embedded videos made smaller in the mobile style so they can still be watched inside posts.

In the file ame_bbcode.php that came with the AME mod (in your /includes directory)

find:

PHP Code:

    $dimensions         =  "_$ameinfo[zone]";
    $ameinfo['width']     = $vbulletin->options['automediaembed_width' . $dimensions];
    $ameinfo['height']     = $vbulletin->options['automediaembed_height' . $dimensions]; 


and below it Add:

PHP Code:

if ($vbulletin->userinfo['styleid'] == 38)
{
  $ameinfo['height'] = round($ameinfo['height']/2.3);
  $ameinfo['width']  = round($ameinfo['width']/2.3);
} 


Change 38 to the styleid of your mobile style.

Yo can set absolute heights and widths if you prefer, I am calculating it as a fraction of my set values which words well for me. You can experiment with the exact numbers to find what works best for you.

How can I do this with out using the styleid conditional? See my mobile site is on mobile.example.com so its a dirrfent url than just example.com. And my members style id user info never changes from 0 / default. Any way to compare the url and if .mobile exists in it then downsize AME videos.

And finally I want to thank all that helped with getting a mobile version of my forum up and ready. I no longer feel left out with vb4 getting all the mobile love.

[BirdOPrey5]

$_SERVER['HTTP_HOST'] should hold the value mobile.example.com when on your mobile theme, you can test for that...

more info: http://roshanbh.com.np/2008/05/usefu...ables-php.html

PHP Code:

if ($_SERVER['HTTP_HOST'] == "mobile.example.com") 
{ 
  $ameinfo['height'] = round($ameinfo['height']/2.3); 
  $ameinfo['width']  = round($ameinfo['width']/2.3); 
} 


[infnity8x3]

That worked fantastically. Thanks. Now I just gotta Find that post I seen earlier about how to stop search engines from indexing the mobile url and penalizing for double content.

This is huge Thanks again guys

Got it

PHP Code:

<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> 


[infnity8x3]

Dartho, members love the style. The only bug that I have found is it doesn't handle posts under the 10 char limit very well.

Under default vb style a popup Displays saying.

The message you have entered is too short. Please lengthen your message to at least 10 characters.

But under the mobile style nothing happens leaving the user to believe its broken. The post doesn't go threw and no indication as to why not.

Not trying to sound nit picky just pointing that out.

[CrashPush]

Most of my sub-forums are not showing anyone know why that could be happening?

[bestmilan]

Hi, Dartho!

Would it be possible to somehow edit the existing script to enable the "Posted via Mobile Device" feature?

[cronjob78]

Dartho,

This is a great feature - well done. Happy to donate once I get this sorted:

I want to give the style a red theme. Simple enough usually: just go to admincp -> style manager ->lightweight -> main css

and then change all the colours. Ive put red in everywhere and saved it but its still all blue when I look at the forums. Ive also replaced table widths with huge and tiny values to see if the stylesheet is updating but no movement. Is changing the colours possible?

Edit: Also, only admins seem to be able to use the style in a normal PC browser with styleid=3 (in my case 'lightweight').
I should note that Im running the vBulletin API style albeit it is currently disabled.

[dartho]

Is changing the colours possible?

You need to edit the lightweigth.css.php file for CSS changes.

Also, only admins seem to be able to use the style in a normal PC browser with styleid=3 (in my case 'lightweight').

If only admins can use the style, that means you have not made it user selectable.

[cronjob78]

Originally Posted by dartho

You need to edit the lightweigth.css.php file for CSS changes.


If only admins can use the style, that means you have not made it user selectable.

thanks for the quick reply. how do u make it user selectable?

[dartho]

have a little tick in teh box next to it in Style Manager where it lists the styles installed