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.

[lbrunoa]

i got on error cause i'm using 4.1.4 and says that is only for 4.1.2

[Xtrato]

it seems that this skin is not working right with the new version of vBulletin ? i think there i no more BB Code..

for example , when you quote someone who has 2 paragraphs.. the format will get lost , such as the spacing , or any text formatting ?...

Any idea on how to solve this particular problem ?

please any help on this matter is appreciated.

[dartho]

Originally Posted by lbrunoa

i got on error cause i'm using 4.1.4 and says that is only for 4.1.2

Choose to ignore style version when installing

Originally Posted by semprot

I guess on 1.0.2a the infraction link on each post is missing?
I got that report from one of my moderator after i upgraded the skin (and 4.1.4).
Before i upgraded it, the infraction link was there.

Add

PHP Code:

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


into your postbit template just before the last </div>

Originally Posted by Xtrato

it seems that this skin is not working right with the new version of vBulletin ? i think there i no more BB Code..

for example , when you quote someone who has 2 paragraphs.. the format will get lost , such as the spacing , or any text formatting ?...

Any idea on how to solve this particular problem ?

please any help on this matter is appreciated.

I can't reproduce this on my test site

[Xtrato]

Hi dartho thank you , can you please check http://www.jamiiforums.com/ , i tested with different skins , and this one tends to do such thing under vb 4.1.4

thanks again.

[Robbed]

Originally Posted by dartho

@robbed - there are now smilies or embeded video in this style - sounds like you've merged templates? Re-install the lightweight one over top perhaps?

Here's teh bbcode_video template for this style - do a compare:

This about the issue when replying to a thread not quick reply with the mobile style.

You mentioned in your post that no smilies should show up.

I uploaded your style and created a test style and it still does the same thing. I've included a screen shot.


Thanks,

Rob

[dartho]

That's not using the new_reply template that comes with this style, or you have an add-on doing stuff. The new_reply template should be:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}">
<head>
	{vb:raw headinclude}

	<title>{vb:raw threadinfo.prefix_plain_html} {vb:raw threadinfo.title} - {vb:raw phrase reply_to_topic}</title>
</head>
<body>

<div class="bodywrapping">


{vb:raw header}

{vb:raw navbar}

<div class="titlebg">{vb:rawphrase reply_to_thread}: {vb:raw threadinfo.title}</div>
<form action="newreply.php" method="post">
<div>
{vb:rawphrase message}:<br />
<vb:comment><textarea name="message" id="{$editorid}_textarea" rows="10" cols="15" style="width:99%; height:100px">{vb:raw newpost.message}</textarea></vb:comment>

{vb:raw messagearea}
<input type="hidden" name="emailupdate" value="
<vb:if condition="$emailchecked[0]!=''">
0
<vb:elseif condition="$emailchecked[1]!=''" />
1
<vb:elseif condition="$emailchecked[2]!=''" />
2
<vb:elseif condition="$emailchecked[3]!=''" />
3
<vb:else />
9999
</vb:if>
">
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="postreply" />
<input type="hidden" name="t" value="{vb:raw threadid}" />
<input type="hidden" name="p" value="{vb:raw postid}" />
<input type="hidden" name="specifiedpost" value="{vb:raw specifiedpost}" />
<input type="hidden" name="posthash" value="{vb:raw posthash}" />
<input type="hidden" name="poststarttime" value="{vb:raw poststarttime}" />
<input type="hidden" name="loggedinuser" value="{vb:raw bbuserinfo.userid}" />
<input type="submit" id="btn" name="sbutton" id="{vb:raw editorid}_save" value="{vb:rawphrase submit_reply}" accesskey="s" tabindex="2" />
{vb:raw attachmentoption}

</div>
</form>
{vb:raw footer}
</div>
</body>
</html>

check differences and/or overwrite yours with that and see how you go

[Robbed]

hmm tried it same thing and i disabled pluggins.

Here is part of the source if that helps, it was working before the upgrade/

t>
<!-- / Editor Scripts --> <div id="vB_Editor_001" class="blockrow texteditor">
	<div class="editor">
		<div class="editor_textbox_container smilie">
				<div class="editor_textbox editor_textbox_smilie">
					<script type="text/javascript" src="clientscript/ckeditor/ckeditor.js?t=A7HG4HT&amp;v=414"></script><script type="text/javascript" src="clientscript/vbulletin_textedit.js?v=414"></script><textarea id="vB_Editor_001_editor" name="message" rows="8" cols="60" tabindex="1">

<div class="editor_smiliebox">
			

<ul class="smiliebox floatcontainer" id="vB_Editor_001_smiliebox">
	
<li>

[dartho]

OK - must be on of your editor templates. If you haven;t customised this style, try reinstalling it and merging into your existing lightweight style. This should ensure all templates as the shold be.

[Robbed]

I installed your style from scratch and same thing so it had to be a VB setting.

I removed this code from editor_smileybox

<vb:comment><h4 class="blocksubhead">Smilies</h4></vb:comment>

<ul class="smiliebox floatcontainer" id="{vb:raw editorid}_smiliebox">
	{vb:raw smiliebits}
</ul>
<vb:if condition="$show['moresmilieslink']">
	<div class="moresmilies">[<a href="javascript://" onclick="vB_Editor['{vb:raw editorid}'].open_smilie_window(smiliewindow_x, smiliewindow_y); return false" title="{vb:rawphrase showing_x_smilies_of_y_total, {vb:raw vboptions.smtotal}, {vb:raw totalsmilies}}">{vb:rawphrase more}</a>]</div>
</vb:if>

I'm guessing disabling the smilie boxes in VB would of done the same thing but it would apply to all styles.

Will this cause any other issues by removing this code from the mobile style?

[dartho]

I think that may be a new template, as it does not exist in my style, so deleting it's contents is probably the way to go. To answer your question - no, it will not cause other issues removing that code.

ed: Just looked at my test site, I have that template there same as above.

However, I have deleted the contents of the editor_clientscript template. Also, I have replaced the contents of the contents of the editor_ckeditor template with that of the editor_toolbar_off template