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.

[Bounce]

Originally Posted by dartho

Where did you want the PM button - next to the edit, reply buttons on postbit?

yes please :up:

I'm also having problems with a blue text that I haveon the usernames and forum titles, i've had a look in the css but cant see anything

[Crotan]

Thank you for providing this lightweight style, and keeping it supported. Vbulletin should of had their "premium" mobile style available to license holders well before 4.1.11

For the time being that's what I'm using because of how it handles cms articles, where as this style doesn't.

[dartho]

Originally Posted by Bounce

yes please :up:

I'm also having problems with a blue text that I haveon the usernames and forum titles, i've had a look in the css but cant see anything

re: blue text - try edit the CSS file, search for:

.forumold a,.forumnew a,.forumlink a

and replace with

.forumold a,.forumnew a,.forumlink a,.forumold_lock a, .forumnew_lock a

as for the PM button, I'm havbing issues getting the PM recipient to be recognised - I'll have a look and get back to you

[sportsfroma2]

I just upgraded from vb 4.1.10 to 4.1.11, lightweight style is still running great in it... Although I wasn't exactly just how to handle the template merge issues (I reverted a couple, then I figured I shouldn't have done that), so I just reinstalled the style to make the warnings go away, lol

[dartho]

That's one way of doing it. From the FAQ on post #2

Q. How do I get rid of all those template out of date messages in control panel home?
A. You could edit and save each one without actually making changes or you could run the following query on your database:

UPDATE template SET version = '4.1.9', mergestatus = 'none' WHERE styleid=XX;

change XX to the styleid number of the mobile style and 4.1.9 to whatever the version number currently is.

[Bounce]

Originally Posted by dartho

re: blue text - try edit the CSS file, search for:

.forumold a,.forumnew a,.forumlink a

and replace with

.forumold a,.forumnew a,.forumlink a,.forumold_lock a, .forumnew_lock a

as for the PM button, I'm havbing issues getting the PM recipient to be recognised - I'll have a look and get back to you

Thanks will try that when I get in and thanks if you could, I have a piece of code from another add on that I have on the style but it doesn't look right and isn't like a button!

Posted from my moby phone

[Hippy]

dartho how can last activity be added to whos online
thnaks

[dartho]

Isn;tthat already there? Here's my whosonlinebit template

<div>
  <span><vb:if condition="$show['loggedinuser']">
      <a href="{vb:link member, {vb:raw userinfo}}">{vb:raw userinfo.musername}</a>{vb:raw userinfo.hidden}<vb:if condition="$show['buddy']">+</vb:if>
      <vb:else />
      <vb:if condition="$show['spider']">{vb:raw spidertype}<vb:else />{vb:raw userinfo.musername}</vb:if>
  </vb:if></span>&raquo; 
  <span>
   {vb:raw userinfo.action}
    <vb:if condition="$show['where']">
        {vb:raw userinfo.where}
    </vb:if>
  </span> &raquo;
	<vb:if condition="$show['ip']">
	<span>
        {vb:raw userinfo.host}
	</span>
	</vb:if>
</div>

[Hippy]

last activity meaning the time.. not the place ..
my template must of been from a older version..
but it did the same thing..
but with your still no time.

<vb:comment>
<vb:if condition="exec_switch_bg()"></vb:if>
<div>
<vb:if condition="$show['spider']">{vb:raw spidertype}
<vb:else />
{vb:raw userinfo.musername}
</vb:if>
&nbsp;-&nbsp;{vb:raw userinfo.action}
</div>
</vb:comment>
<div>
  <span><vb:if condition="$show['loggedinuser']">
      <a href="{vb:link member, {vb:raw userinfo}}">{vb:raw userinfo.musername}</a>{vb:raw userinfo.hidden}<vb:if condition="$show['buddy']">+</vb:if>
      <vb:else />
      <vb:if condition="$show['spider']">{vb:raw spidertype}<vb:else />{vb:raw userinfo.musername}</vb:if>
  </vb:if></span>&raquo; 
  <span>
   {vb:raw userinfo.action}
    <vb:if condition="$show['where']">
        {vb:raw userinfo.where}
    </vb:if>
  </span> &raquo;
	<vb:if condition="$show['ip']">
	<span>
        {vb:raw userinfo.host}
	</span>
	</vb:if>
</div>

[dartho]

Slip the following in there somewhere

&raquo; <span>{vb:raw userinfo.time}</span>

Maybe immediately after

<span><vb:if condition="$show['loggedinuser']">
      <a href="{vb:link member, {vb:raw userinfo}}">{vb:raw userinfo.musername}</a>{vb:raw userinfo.hidden}<vb:if condition="$show['buddy']">+</vb:if>
      <vb:else />
      <vb:if condition="$show['spider']">{vb:raw spidertype}<vb:else />{vb:raw userinfo.musername}</vb:if>
  </vb:if></span>