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.

[Azum]

Great style, anyone added tabs to the member.php (view profile) yet?

[Azum]

Question, if you allow style choices, will this override the choice with the default style every time the user logs in on a non-mobile device?

Originally Posted by dartho

vBulletin messed things up for this style when the seperated mobile and standard styles.

If you want to use VB detection and simply apply one style to advanced mobile devices, one style to basic mobile devices and a default style to everyone and allow people to select their own style (assuming they are already allowed to do this on your site) and still allow admin to pick any style they want, the following should do it.

Create a plugin on style_fetch with the following code being sure to enter in teh styleids you want for mobile, advanced mobile and default styles:

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=20;  //Advanced mobile style ID
else if ($vbulletin->mobile_browser)
$styleid=7;   //Basic mobile style ID
else 
$styleid=1;  //everyone else gets default style default style 


[dartho]

i think it will give them whatever they have chosen

[Azum]

I found that just using the below by itself along with built in VB mobile detection works fine. There was no need for the plugin.

Originally Posted by dartho

If you wanted to make this simpler, and don;t mind going into debug mode on your site, you could edit the Option Code for Mobile Style boxes in AdminCP so that all styles (both mobile and standard) show up and then you could replace the styleid numbers in the plugin above with $vbulletin->options['mobilestyleid_basic'], $vbulletin->options['mobilestyleid_advanced'] and $vbulletin->options['styleid'] then if you changed styles down the track you wouldn;t need to edit the plugin by hand. You would still need the above plugin to make it work.

To do this change the Option Code to:

PHP Code:

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


[Azum]

Small contribution for deleting PMs. The code provided almost works, but need to change it to:

<div class="titlebg">{vb:raw pm.title}</div>
{vb:raw postbit}
<form action="private.php?do=managepm&amp;dowhat=delete&amp;pmid={vb:raw pm.pmid}" method="post" class="block">
<div class="titlebg">{vb:rawphrase delete_this_message}</div>
		<div class="windowbg">
{vb:rawphrase delete_message_click_button}
<input type="submit" class="button" value="{vb:rawphrase delete_this_message}" />
<br /><label for="deletepm"><input id="deletepm" name="pm[{vb:raw pm.pmid}]" type="checkbox" value="true" /> {vb:rawphrase delete_this_message}</label>
		</div>
		<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
		<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
		<input type="hidden" name="do" value="managepm" />
		<input type="hidden" name="dowhat" value="delete" />
		<input type="hidden" name="folderid" value="{vb:raw pm.folderid}" />		
	</form>

Originally Posted by dartho

Adding something like:

<form action="private.php?do=managepm&amp;dowhat=delete&amp;pmid={vb:raw pm.pmid}" method="post" class="block">
<div class="titlebg">{vb:rawphrase delete_this_message}</div>
		<div class="windowbg">
{vb:rawphrase delete_message_click_button}
<input type="submit" class="button" value="{vb:rawphrase delete_this_message}" />
<br /><label for="deletepm"><input id="deletepm" name="pm[{vb:raw pm.pmid}]" type="checkbox" value="true" /> {vb:rawphrase delete_this_message}</label>
		</div>
		<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
		<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
		<input type="hidden" name="do" value="managepm" />
		<input type="hidden" name="dowhat" value="deleteonepm" />
		<input type="hidden" name="folderid" value="{vb:raw pm.folderid}" />		
	</form>

to the bottom of the pm_showpm template should do it, I think ...

[Azum]

How do you get preview reply to work? I'm failing so far.

Edit: Nevermind, not really sure how, but I got it to work copying bits and pieces of other style templates.

[duniabebas]

anyone have this style support 4.2.2?

[Azum]

Originally Posted by duniabebas

anyone have this style support 4.2.2?

Works fine with 4.2.2.

[Azum]

One thing I haven't been able to figure out is how to insert inline image attachments with this style.

[dartho]

Do you mean "inline" as in inserting an image, such as , in the middle of of a post ?