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.

[dartho]

Originally Posted by Hippy

thanks for the update dartho
I have a questions for ya
How do I go about adding Next to the page nav..

Try replacing pagenav template with

<div class="windowbg">
		<span>{vb:rawphrase page_x_of_y, {vb:raw pagenumber}, {vb:raw totalpages}}</span>

		<vb:if condition="$show['first']">
		<span class="first_last"><a rel="start" id="btn" href="{vb:raw firstaddress}{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase first_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw firstnumbers.first}, {vb:raw firstnumbers.last}, {vb:raw total}}">{vb:rawphrase first}</a></span>
		</vb:if>
		<vb:if condition="$show['prev']">
		<span class="prev_next"><a rel="prev" id="btn" href="{vb:raw prevaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw prevpage}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase prev_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw prevnumbers.first}, {vb:raw prevnumbers.last}, {vb:raw total}}">Prev</a></span>
		</vb:if>
		<vb:if condition="$show_prior_elipsis && $show['prev'] && $show['first']">
		<span class="separator">...</span>
		</vb:if>
		{vb:raw pagenav}
		<vb:if condition="$show_after_elipsis && $show['next'] && $show['last']">
		<span class="separator">...</span>
		</vb:if>
		<vb:if condition="$show['next']">
		<span class="prev_next"><a rel="next" id="btn" href="{vb:raw nextaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw nextpage}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase next_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw nextnumbers.first}, {vb:raw nextnumbers.last}, {vb:raw total}}">Next</a></span>
		</vb:if>
		<vb:if condition="$show['last']">
		<span class="first_last"><a id="btn" href="{vb:raw lastaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw totalpages}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase last_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw lastnumbers.first}, {vb:raw lastnumbers.last}, {vb:raw total}}">{vb:rawphrase last}</a></span>
		</vb:if>
</div>

[Mark.B]

Every so often I like to pop into this thread for the benefit of any vB n00bs, to say that this mobile style is "light years" ahead of the THING that vBulletin offer by default.

Use this coupled with Dartho's mobile detection addon if you want your site to present a professional, easily customisable style for mobile users.

See HERE for what I did with it.

[Hippy]

Originally Posted by dartho

Try replacing pagenav template with

<div class="windowbg">
		<span>{vb:rawphrase page_x_of_y, {vb:raw pagenumber}, {vb:raw totalpages}}</span>

		<vb:if condition="$show['first']">
		<span class="first_last"><a rel="start" id="btn" href="{vb:raw firstaddress}{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase first_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw firstnumbers.first}, {vb:raw firstnumbers.last}, {vb:raw total}}">{vb:rawphrase first}</a></span>
		</vb:if>
		<vb:if condition="$show['prev']">
		<span class="prev_next"><a rel="prev" id="btn" href="{vb:raw prevaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw prevpage}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase prev_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw prevnumbers.first}, {vb:raw prevnumbers.last}, {vb:raw total}}">Prev</a></span>
		</vb:if>
		<vb:if condition="$show_prior_elipsis && $show['prev'] && $show['first']">
		<span class="separator">...</span>
		</vb:if>
		{vb:raw pagenav}
		<vb:if condition="$show_after_elipsis && $show['next'] && $show['last']">
		<span class="separator">...</span>
		</vb:if>
		<vb:if condition="$show['next']">
		<span class="prev_next"><a rel="next" id="btn" href="{vb:raw nextaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw nextpage}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase next_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw nextnumbers.first}, {vb:raw nextnumbers.last}, {vb:raw total}}">Next</a></span>
		</vb:if>
		<vb:if condition="$show['last']">
		<span class="first_last"><a id="btn" href="{vb:raw lastaddress}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?</vb:if><vb:if condition="$use_amp">&amp;</vb:if>page={vb:raw totalpages}</vb:if>{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase last_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw lastnumbers.first}, {vb:raw lastnumbers.last}, {vb:raw total}}">{vb:rawphrase last}</a></span>
		</vb:if>
</div>

thanks U sir .. worked like a charm
Merry Christmas to you.
Have a great New Year

[CappingTheGame]

Originally Posted by dartho

I can tell you how to remove the attachment button or implement fixes people find, but it works on my phone and that's what it is developed for.


I've not heard of that one before? What type of device?
iPhone 4 and also on Droid X. Have confirmed with about a dozen other people's devices also. Could be something on my end, but unsure how to fix it.

That would be easy to add in if you wish - where abouts do you want the thread starter name to appear?
Within the selected forum, adding the thread author directly below the forum title and above the last poster might be ideal. Just a thought...have had several suggestions on that. Again, thanks.

See bolded.

[SRSC]

How to resize the picture in post fit to screen?

[yanref]

hi dartho,

bit of an issue?
installed ok, looks and runs fine.
when i try to reply to a post, using over ten characters, it says, "sorry! this forum is not accepting posts" but it should be?
any ideas.

[dartho]

I'm not sure what would be causing this,and am unable to reproduce the error

[yanref]

Originally Posted by dartho

I'm not sure what would be causing this,and am unable to reproduce the error

the site is, http://graphicshost.co.uk/gamers-asy...php?styleid=15
click a link? and you get this, Invalid Forum specified. If you followed a valid link

maybe its an issue on the latest vb...... any ideas!

[snakes1100]

dartho
i see numerous sites were this style will revert back to the forum default style when you click any link if your using 4.1.9, this includes yanrefs site. Just checked it on my droidx, doing it on my test site as well.

[dartho]

@yanref - still not sure what is causing your issue and no reports of anyone else with the same. Have you tried disabling all add-ons and plugins and testing? (do this in AdminCP->Settings->Options->Plugin/Hook System->Enable Plugin/Hook System = No)

@snakes - whilst yanref has other issues, it stays on the lightweight style for me when visiting his site from my PC and phone. my test site at vbdev.org doesn't have issues either. At any rate, I guess it would be a vBulletin problem if it couldn't maintain a style across pages ...