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.

[Alan_SP]

Just found out this:

In template FORUMDISPLAY you use this code:

<div class="titlebg">{vb:raw foruminfo.title_clean}<vb:if condition="$show['newthreadlink']">
 <a id="btn" style="font-weight:normal;font-size: .8em; border: 1px solid #999999;color: #000000;" href="newthread.php?{vb:raw session.sessionurl}do=newthread&amp;f={vb:raw foruminfo.forumid}" rel="nofollow">{vb:rawphrase new} {vb:rawphrase thread}</a></vb:if>

Use instead phrase {vb:rawphrase post_new_thread}

So that there is this code:

<div class="titlebg">{vb:raw foruminfo.title_clean}<vb:if condition="$show['newthreadlink']">
 <a id="btn" style="font-weight:normal;font-size: .8em; border: 1px solid #999999;color: #000000;" href="newthread.php?{vb:raw session.sessionurl}do=newthread&amp;f={vb:raw foruminfo.forumid}" rel="nofollow">{vb:rawphrase post_new_thread}</a></vb:if>

Problem is that my language (Croatian) is a bit more complicated than English and I know that this is similar with Spanish, German and many more of them. It is correct phrase for this button and it's much better to use it instead two phrases.

[Hippy]

this style produces a number of coding errors and warnings
some are a easy fixes ..

pop your url in there http://validator.w3.org/ once you selected your mobile style youll have this at the end of the url "?styleid=4" < your style # will be in place of the 4 here ( meaning what ever number is assigned to your mobile style

most errors are coming from the header template what seems to be open <imput> and <img> or they should be contained in <form> or something to make valid..

[deverill2010]

Dartho I am on version 1.0.0 on the latest VB 4.1.10, You mod has 63 template conflict merge things.

U'm im not really sure what to do, I don't know if I need to update, I don't know how to update and I made some custom changes didn't i (I doubt you remember as I don't lol).

Can you tell me please how to update the style and how to keep the colours etc as i don't want to be faffing with that again.
Thanks

[djbaxter]

Originally Posted by deverill2010

Dartho I am on version 1.0.0 on the latest VB 4.1.10, You mod has 63 template conflict merge things.

U'm im not really sure what to do, I don't know if I need to update, I don't know how to update and I made some custom changes didn't i (I doubt you remember as I don't lol).

Can you tell me please how to update the style and how to keep the colours etc as i don't want to be faffing with that again.
Thanks

Solution: re-import the style, selecting "merge with" the name of your current mobile style, and it should resolve all those "conflicts".

[deverill2010]

Ok I reimported the style but one issue i am having is I can't post as a guest, although I have guest posting enabled.

Also what is this box on the left?
See pic.

[Mark.B]

Those with the "<br />" issue.

I have just spent an hour or so sorting this out and I think I have a solution. I think this only works if you have the lightweight style options hack as well.

The issue: Reply to thread still uses CKEditor. If you switch the template back to a simple textarea, as it was before, the quote isn't passed.

To fix:

Copy the contents of template editor_toolbar_off to editor_ckeditor.

This gives you the quote, but gives you all sorts of <br /> tags and other HTML stuff.

This issue is caused when the user has the WYSIWYG set, so we need to turn that off in the mobile style.

Add the following plugin:

Product: Lightweight Style Options
Hook Location: editor_toolbar_switch
Execution order: 5
PHP Code:

PHP Code:

if (STYLEID==$vbulletin->options['ls_mobile_style'])
{
$vbulletin->userinfo[showvbcode]=0;
} 


Give it a whirl, seems to have worked for me.

[dartho]

Thanks Mark, I'm pretty sure this was resolved in the latest version of this style after finding a fix (initially with a plugin like yours) and then with a template edit (plugin no longer required) which was put into the latest version.

Check this post: https://vborg.vbsupport.ru/showthrea...17#post2275317

[Mark.B]

Originally Posted by dartho

Thanks Mark, I'm pretty sure this was resolved in the latest version of this style after finding a fix (initially with a plugin like yours) and then with a template edit (plugin no longer required) which was put into the latest version.

Check this post: https://vborg.vbsupport.ru/showthrea...17#post2275317

I did have a crack at that but still didn't manage to get it quite right....my issue was that I could get the quote passed through correctly, but only into a cut-down CKEditor (in which case, line breaks fail on iOS devices). Or, I could get the plain text box but no quote was passed through.

Admittedly I'm on an older version but none of the posted fixes worked correctly for me. I can't easily upgrade due to all the customising I've done.

In the finish I found adding the plugin and then using the original (pre-CKEditor) version of the mobile style's newreply template has sorted it for me.

[dartho]

Originally Posted by deverill2010

Ok I reimported the style but one issue i am having is I can't post as a guest, although I have guest posting enabled.

Also what is this box on the left?
See pic.

That box is vBuilletin's 'Autosave' - the latest version of this style shouldn't have it if you updated teh lightweight.css.php file, as you haven't, you'll need to do it yourself.
Edit the lightweight.css.php file, search for:

body
{

and add immediately above:

.hidden {display:none;}

That should do it.

I don't know how vBulletin's merge feature works - I've never had much luck with it. If you've customised templates it's best to note changes and reapply them. Best thing to do is install latest version as a fresh style and leave your existing one in place so you can reference it. The same applies for the lightweight.css.php file - this is where you would have made colour changes.

[The Rocketeer]

Originally Posted by dartho

If you wish to make this change manually, edit init.php and
search for:

elseif ($mobile_browser_advanced && $vbulletin->options['mobilestyleid_advanced'] && !$vbulletin->GPC[COOKIE_PREFIX . 'skipmobilestyle'])

and replace with

elseif ($mobile_browser_advanced AND $vbulletin->options['mobilestyleid_advanced'] AND !$vbulletin->GPC[COOKIE_PREFIX . 'skipmobilestyle'] AND !$vbulletin->GPC[COOKIE_PREFIX . 'userstyleid'])

and search for

elseif ($mobile_browser && $vbulletin->options['mobilestyleid_basic'] && !$vbulletin->GPC[COOKIE_PREFIX . 'skipmobilestyle'])

and replace with

elseif ($mobile_browser AND $vbulletin->options['mobilestyleid_basic'] AND !$vbulletin->GPC[COOKIE_PREFIX . 'skipmobilestyle'] AND !$vbulletin->GPC[COOKIE_PREFIX . 'userstyleid'])

This is not necessary for 4.1.10 users, is it?