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.

[elwachiman]

Originally Posted by Kolbi

Compiled and optimised:

<script type="text/javascript">
function fixImgs(b){var a=document.getElementsByTagName("img");for(i=0;i<a.length;i++)if(w=a[i].width,h=a[i].height,w>b)f=1-(w-b)/w,a[i].width=w*f,a[i].height=h*f}function addLoadEvent(b){var a=window.onload;window.onload=typeof window.onload!="function"?b:function(){a&&a();b()}}addLoadEvent(function(){fixImgs(200)});
</script>

Excellent works perfect images are adjusted to the mobile. thanks

[Kolbi]

Originally Posted by elwachiman

Excellent works perfect images are adjusted to the mobile. thanks

Have you tested it with an iPhone? With my notebook the images are resized but not on my mobilephone.

[elwachiman]

Originally Posted by Kolbi

Have you tested it with an iPhone? With my notebook the images are resized but not on my mobilephone.

was tested in nokia e63 soon be tested on the i phone and the images are very well suited to the mobile screen

[Kolbi]

Originally Posted by elwachiman

was tested in nokia e63 soon be tested on the i phone and the images are very well suited to the mobile screen

Result resizing images (current):

• Apple iPhone 3G - doesn't work
• Apple iPad 1 - works
• Nokia E63 - works
• PC/Laptop - works

[S_E_A]

Hello, thank you for a great mod.

I would like to remove 'last post by' and 'date/time of last post'. Plus I'd prefer the forum titles not underline on the index page. How can I do this?

Any help is greatly appreciated.

Thank you.

[dartho]

Originally Posted by S_E_A

I would like to remove 'last post by' and 'date/time of last post'.

edit the threadbit template, search for and delete the following (at the end of the template)

<div class="windowbg">
{vb:rawphrase last} {vb:rawphrase post}: {vb:raw thread.lastposter}, {vb:raw thread.lastpostdate}
<vb:if condition="!$show['detailedtime']">{vb:raw thread.lastposttime}</vb:if>

</div>

Originally Posted by S_E_A

Plus I'd prefer the forum titles not underline on the index page. How can I do this?

Edit the lightweight.css.php and search for:

forumold,.forumnew,.forumlink, .forumold_lock, .forumnew_lock
{
	padding:4px;

and add the following immediately below on a new line

	text-decoration:none;

[S_E_A]

Thank you, dartho. The 'last post by' and 'date/time of last post' has successfully been removed. I tried the non-underline suggestion, however the forum titles remain underlined?

[dartho]

You could edit the forumhome_forumbit* (only level 1 and level 2 need changing)template and replace occurences of

<a href="{vb:link forum, {vb:raw forum}}">

with

<a href="{vb:link forum, {vb:raw forum}}" style="text-decoration:none;">

[S_E_A]

Great stuff, dartho. The second suggestion was successful.

Is it possible the background colour of 'postbit as background for username/date of post' and the background of thread titles in the threadbit template (think correct template) can be different?

[The Rocketeer]

Hi, Its a great style and I have been using this style for a while, but I cant seem to get the forum icons to appear, I was trying to make it look more attractive something close to this one...

https://vborg.vbsupport.ru/showpost....&postcount=353