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.

[@ngel]

Thank you for your response!
I have 4.1.5 and I do allow users to change style!

[dartho]

Originally Posted by @ngel

Thank you for your response!
I have 4.1.5 and I do allow users to change style!

try editing the footer template and change teh "-1" in the following:

<a href="?styleid=-1">Default Style</a>

to the styleid number of your default style

[@ngel]

Nothing... neither with -1 or 3

[tareqbd]

Need help to make dbtech credit deluxe work with this style. Seems onclick the charged contents are not loading. Advise appreciated.

[djbaxter]

DBTech add-ons don't play nicely with a lot of other add-ons. You may be further ahead looking for a replacement for whatever add-on is conflicting with this one.

[Alan_SP]

This is not true, especially as we a talking about custom (mobile) skin.

Thing is, there are hooks that are missing and certainly not some coding problem with DBTech mod per se. If you want, you could ask what hooks you need to add, but with adding hooks, style becomes less mobile, which beats it purpose.

[Courty]

Dartho,
first of all, thanks for creating this mod. The Lightweight style is super-popular on my forum.

Now, I have a (minor) issue with users inadvertently hitting the 'report button instead of 'reply'. So my question is this: how do I reorder the buttons below each post?

Disclaimer: Apologies if the info is already in here somewhere. I did do some searching of this thread but have to date been unable to find the answer I am looking for.

[dartho]

edit the postbit and/or postbit_legacy templates and you should find the report post button code in there pretty easily - just move it where you want, or even remove it

[Courty]

Originally Posted by dartho

edit the postbit and/or postbit_legacy templates and you should find the report post button code in there pretty easily - just move it where you want, or even remove it

Thanks! Worked a treat.

[Courty]

Hmmm, another quick question for Dartho or anyone else who speaks code, apologies if this should be in another thread.

If possible, I would like to align the 'Report' and 'Infraction' button to the left side, and the 'Reply' and 'Edit' buttons to the right. I worked out how to do it using a new div tag, but that pushed the right side onto a new line (which I don't want).

Here's what I'm working with, is there an easy mod to make this work?

<div class="{vb:raw post.statustitle}windowbg2" id="post{vb:raw post.postid}">
<a name="post{vb:raw post.postid}"></a>
<a href="{vb:link member, {vb:raw post}}">{vb:raw post.username}</a> {vb:raw post.posttime} {vb:raw post.postdate}
<vb:if condition="$show['avatar']"><br />
					<a href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
					</a>
				</vb:if>
</div>

<div class="windowbg">{vb:raw post.message}<br /><br />

		<!-- attachments -->
		<vb:if condition="$show['attachments']">
			<div><span>Attached: </span>
			<vb:if condition="$show['thumbnailattachment']">
					<span>{vb:raw post.thumbnailattachments}<br /></span>
			</vb:if>
		
			<vb:if condition="$show['imageattachment']">
					<span>{vb:raw post.imageattachments}<br /></span>
			</vb:if>
			
			<vb:if condition="$show['imageattachmentlink']">
					<span>{vb:raw post.imageattachmentlinks}<br /></span>
			</vb:if>
			
			<vb:if condition="$show['otherattachment']">
					<span>{vb:raw post.otherattachments}<br /></span>
			</vb:if>
			
			<vb:if condition="$show['moderatedattachment']">
					<span>{vb:raw post.moderatedattachments}<br /></span>
			</vb:if>
			
			</div>
		<!-- / attachments -->
		</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']">
<vb:if condition="$post['editlink']"><a id="btn" href="{vb:raw post.editlink}">{vb:rawphrase edit}</a></vb:if>
<vb:if condition="$post['replylink']"><a id="btn" href="{vb:raw post.replylink}" id="qrwq_{vb:raw post.postid}" rel="nofollow">{vb:rawphrase reply}</a></vb:if>
<a id="btn" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}">Infraction</a>
</vb:if>
<vb:if condition="$show['redcard']">
<a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}"><img border="0" src="{vb:stylevar imgdir_button}/red-card_sm.png" alt="{vb:rawphrase received_infraction}" /></a>&nbsp;
<vb:elseif condition="$show['yellowcard']" />
<a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}"><img border="0" src="{vb:stylevar imgdir_button}/yellow-card_sm.png" alt="{vb:rawphrase received_warning}" /></a>
</vb:if>

</div>
	<vb:if condition="$post['isfirstshown']">
		{vb:raw ad_location.ad_showthread_firstpost_start}
		{vb:raw ad_location.thread_first_post_content}
	</vb:if>
	<vb:if condition="$post['islastshown']">
		{vb:raw ad_location.thread_last_post_content}
	</vb:if>