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.

[edytwinky]

Originally Posted by dartho

I would guess that vbsuper uses its own alternate templates for displaying private messages and that those templates don't exist in this style, even if they did exist through inheritance, they'd likely not be mobile suitable?

dartho any suggestion on why the word array comes up when looking at poll voter history?

[Bounce]

Originally Posted by Filgga

Superb! I know, many will benefit from this... Do I add the code onto the above code and look like:

PHP Code:

//VB has already check and set cookies if the user can skip the style, so just read what they wrote
$vbulletin->input->clean_array_gpc('c', array(
    COOKIE_PREFIX . 'userstyleid'     => TYPE_INT,
    COOKIE_PREFIX . 'skipmobilestyle' => TYPE_BOOL,
));
$skip = $vbulletin->GPC[COOKIE_PREFIX . 'skipmobilestyle'];
//Admin can have any style they want, so check if they're an admin and have specificed a styleid
if ($vbulletin->userinfo['permissions']['adminpermissions'])
{
$vbulletin->input->clean_gpc('r', 'styleid', TYPE_INT);
$styleid = $vbulletin->GPC['styleid'];
}
else if ($skip)
//if the user is not an admin has chosen to skip the mobile style (if allowed) give them default
$styleid=$vbulletin->GPC[COOKIE_PREFIX . 'userstyleid'];
else if ($vbulletin->mobile_browser_advanced) 
$styleid=89;  //Advanced mobile style ID
else if ($vbulletin->mobile_browser)
$styleid=89;   //Basic mobile style ID
else 
$styleid=1;  //everyone else gets default style default style

select:eval
//options = fetch_style_title_options_array('', false, 'mobile');
$options = fetch_style_title_options_array();
$options = array('0' => $vbphrase['none']) + $options; 


?

Thanks for your prompt response

none of this worked for me... running 4.2.1

I added the plugin but as soon as i clicked back onto forum link it brought up the default style when choosing 'mobile' in the style chooser it wouldnt change it back

[Bounce]

Originally Posted by dartho

I would guess that vbsuper uses its own alternate templates for displaying private messages and that those templates don't exist in this style, even if they did exist through inheritance, they'd likely not be mobile suitable?

Never had time to look as complaints flooded in that PM's were not working, i would say 40% of users on my site use this style

[dartho]

Originally Posted by Bounce

none of this worked for me... running 4.2.1

I added the plugin but as soon as i clicked back onto forum link it brought up the default style when choosing 'mobile' in the style chooser it wouldnt change it back

I just successfully tested this on a 4.2.1 site. Try logging out and testing as a guest or standard user.

[dartho]

Originally Posted by edytwinky

dartho any suggestion on why the word array comes up when looking at poll voter history?

Edit the pollresult template and replace the contents with this:

<div class="windowbg">
	<span>
		<vb:if condition="$option['uservote']">
			{vb:raw option.question}
		<vb:else />
			{vb:raw option.question}
		</vb:if>
		<vb:if condition="$show['pollvoters']">
			<div class="commalist">
				<vb:each from="names" value="row">
					<a class="commalist" href="{vb:link member, {vb:raw row}}">{vb:raw row.musername}</a>{vb:raw row.comma}
				</vb:each>
			</div>
		</vb:if>
	</span>
<span><strong>{vb:raw option.votes}</strong></span>
<span>{vb:raw option.percent}%</span>
</div>

[dartho]

Originally Posted by Bounce

Also in 4.2.1 there is 'array' showing on users online link

ediy WHOSONLINE template and replace
<span>{vb:raw onlinebits}</span>

with

<vb:each from="onlinebits" key="count" value="userinfo"><div>
<span><a href="{vb:link member, {vb:raw userinfo}}">{vb:raw userinfo.musername}</a></span>
                {vb:raw userinfo.action}
                <vb:if condition="$userinfo['show']['where']">
                  <span>
                    <vb:if condition="$userinfo['show']['subscribed']"><img class="inlineimg" src="{vb:stylevar imgdir_misc}/subscribed.png" alt="{vb:rawphrase you_are_subscribed_to_this_thread}" /></vb:if>
                    {vb:raw userinfo.where}
                  </span>
     </div>           </vb:if></vb:each>

[edytwinky]

Originally Posted by dartho

Edit the pollresult template and replace the contents with this:

<div class="windowbg">
	<span>
		<vb:if condition="$option['uservote']">
			{vb:raw option.question}
		<vb:else />
			{vb:raw option.question}
		</vb:if>
		<vb:if condition="$show['pollvoters']">
			<div class="commalist">
				<vb:each from="names" value="row">
					<a class="commalist" href="{vb:link member, {vb:raw row}}">{vb:raw row.musername}</a>{vb:raw row.comma}
				</vb:each>
			</div>
		</vb:if>
	</span>
<span><strong>{vb:raw option.votes}</strong></span>
<span>{vb:raw option.percent}%</span>
</div>

Fixed. Thanks!

We downloaded the new Lightweight for vb4.2.1 as you said a few weeks ago.

I can't get our logo to show at the top . Is there a size limit? I'm pretty sure I have the right directory and titlename path. Does the logo have to have a certain name?

Thanks!

[dartho]

edit the lightweight.css.php file and search for $Logo="images/misc/mobilelogo.png"; and modify accordingly, or edit/overwrite the images/misc/mobilelogo.png file itself

I overwrote the image but it didn't work. The little cell phone is gone but my logo isn't there.

UPDATE: the image was named mobile.png. I renamed my logo and all is well!

THANKS!