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.

[etca]

Originally Posted by dartho

Replace the contents of the pm_messagelistbit template with

<div class="thread_<vb:if condition="$show['unread']">
new</vb:if>"><img src="{vb:stylevar imgdir_statusicon}/pm_{vb:raw pm.statusicon}.png" class="threadicon" alt="" /> <a href="private.php?{vb:raw session.sessionurl}do=showpm&amp;pmid={vb:raw pm.pmid}" class="title">{vb:raw pm.title}</a>

	</div>
<div class="windowbg" id="pm_{vb:raw pm.pmid}">
		<vb:each from="userbit" value="row">
			<a href="{vb:link member|js, {vb:raw row}}" class="username understate">{vb:raw row.username}</a>{vb:raw row.comma}
		</vb:each>
	: {vb:raw pm.senddate},&nbsp;<span class="time">{vb:raw pm.sendtime}</span>
</div>

thx u. it's works on me.

[etca]

dartho,
how to fix this?

Originally Posted by semprot

It works with 4.1.8. However here is how to show Reputation, Infraction, and Report message link.

Put this before last </div> to your postbit template (if you are using non-legacy), or postbit_legacy template (if you are using post legacy)

PHP Code:

<vb:if condition="$show['reputationlink']">
<a id="btn" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&amp;p={vb:raw post.postid}" rel="nofollow">Reputation</a>
</vb:if>

<vb:if condition="$show['reportlink']">
<a id="btn" href="{vb:raw post.reportlink}" rel="nofollow">{vb:rawphrase report_bad_post}</a>
</vb:if>

<vb:if condition="$show['infractionlink']">
<a id="btn" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;p={vb:raw post.postid}" rel="nofollow">Infraction</a> &nbsp;
</vb:if> 


kok ga ngefek?
*it doesn't work

[dartho]

Originally Posted by thenamesgould

Are you still looking at this one dartho? I tried changing it back to how it was because those <br />'s were appearing in people's posts and annoying me, but I must have done something wrong because now two text boxes are appearing! haha.

But I am happy to give you any more details if you need them.

thenamesgould worked out how to reproduce this - it only happens when the user uses full WYSIWIG editor (as set in UserCP).

Found a template only way to resolve:

Edit the editor_ckeditor temaplte and replace contenst with:

<div id="{vb:raw editorid}">
{vb:raw ckeditor}
</div>

<input type="hidden" name="wysiwyg" id="{vb:raw editorid}_mode" value="{vb:raw editortype}" />

Edit the lightweight.css.php file, search for:

body
{

and add immediately above:

.hidden {display:none;}

That should do it.

The following superceded by above, but kept here for reference


[s]
A quick fix is to add a plugin as follows:
Title: Lightweight Style - Set Editor Mode to Standard (bugfix)
Hook: style_fetch (there could be a better place, but this works)
Order: 5
Code:

PHP Code:

// Fixes bug were <br /> shows up in posts when user has Full WYSIWIG editor by overriding to text box only
$vbulletin->userinfo[showvbcode]=0; 


If you have Lightweioght Style Options installed, you could add the code to the "Enter code here to disable addons" section of that rather than create a new plugin.

There is probably another way, and I'll look into it - but for those that want a fix now, tis is it.[/s]

[dartho]

Originally Posted by etca

dartho,
how to fix this?

Edit the tagbit_wrapper template and replace it's contents with:

<vb:if condition="$tag_list">
		<vb:each from="tag_list" value="row">
			<a href="tags.php?{vb:raw session.sessionurl}tag={vb:raw row.url}">{vb:raw row.tag}</a>{vb:raw row.comma}
		</vb:each>
<vb:else /><i>{vb:rawphrase none}</i></vb:if>

[dartho]

See 2 posts up for template only way to reolve errant <br />'s turning up when quoting - I just edited the post, no plugin required

[etca]

Originally Posted by dartho

Edit the tagbit_wrapper template and replace it's contents with:

<vb:if condition="$tag_list">
		<vb:each from="tag_list" value="row">
			<a href="tags.php?{vb:raw session.sessionurl}tag={vb:raw row.url}">{vb:raw row.tag}</a>{vb:raw row.comma}
		</vb:each>
<vb:else /><i>{vb:rawphrase none}</i></vb:if>

Hooo thanks dartho..
it's works on me

[tafreeh]

Originally Posted by tafreeh

sorry forgot to maked install

@dartho: you missed me again..

[thenamesgould]

Thanks again, dartho.

[dartho]

Originally Posted by tafreeh

@dartho: you missed me again..

I haven;t forgotten you - it's just that I've been fixing style bugs - your request is not related to this style as such.

Having said all that - I'll try and point you in the right direction -

To strip all HTML tags from posts for a specific style ID, create a plugin as follows:

Product:vBulletin
Hook Location: Postbit Disaply Complete
Name: Strip HTML from Mobile Style Posts
Execution Order:5
Code:

if (STYLEID=='n') {
$post['message']=strip_tags($post['message'],'<br><a>');
}

replace 'n' with teh styleid of your lightweight style.

the bit in teh code with teh <br><a> is HTML tags you wish to allow, if you want images, add in <img>, if you want <stong> add it in etc. Google php strip_tags

[mvoelker]

Just want to chime in and say thanks for this. All my users prefer this significantly over the built in mobile style.