Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android) Details »
Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android)
Mod Version: 1.0.3, by dartho (Coder/Designer) dartho is offline
Developer Last Online: Aug 2023 I like it Show Printable Version Email this Page

vB Version: 4.1.8 Rating: (96 votes - 4.81 average) Installs: 896
Released: 25 Aug 2010 Last Update: 16 Dec 2011 Downloads: 6299
Not Supported Re-usable Code  

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.

Download Now

Only licensed members can download files, Click Here for more information.

Addons

Screenshots

Click image for larger version

Name:	lightweight-screenshot.png
Views:	41915
Size:	30.6 KB
ID:	121268  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Add-On Releases Mobile Phone / iPhone / PDA Detection and Style Assignment dartho vBulletin 3.8 Add-ons 148 25 Jan 2023 10:07
Forum Display Enhancements Mobile Phone / iPhone / PDA Detection and Style Assignment dartho vBulletin 3.7 Add-ons 407 19 Mar 2015 14:53
Mobile, Cell, Phone, PDA, iPhone Style dartho vBulletin 3.7 Styles 795 16 Aug 2012 13:39
Mobile/Cell Phone Style dartho vBulletin 3.6 Styles 313 21 Aug 2011 22:04

  #346  
Old 22 Apr 2011, 11:23
dartho dartho is offline
 
Join Date: Sep 2005
yeah, click "Mark as Installed" and then read the previous page or post #2
Reply With Quote
  #347  
Old 22 Apr 2011, 19:57
The Rocketeer's Avatar
The Rocketeer The Rocketeer is offline
 
Join Date: Jun 2010
so how do you update it to the latest version?
Reply With Quote
  #348  
Old 22 Apr 2011, 23:07
dartho dartho is offline
 
Join Date: Sep 2005
almost the same way you install it, only select your existing lightweight style to merge it into and select ignore style version
Reply With Quote
  #349  
Old 23 Apr 2011, 05:37
Phaedrus Phaedrus is offline
 
Join Date: Aug 2006
Is there a way to add a scroll bar in the reply window?

My users report that when replying to a post with a large quote it becomes impossible to scroll down and reply.

Last edited by Phaedrus; 23 Apr 2011 at 06:03.
Reply With Quote
  #350  
Old 24 Apr 2011, 00:04
dartho dartho is offline
 
Join Date: Sep 2005
It should add scroll bars - does for me on my device. You could edit the editor_toolbar_* templates (there are 4 of them) and search for

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and replace with

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

in SHOWTHREAD search for style="height:100px;width:99%" and replace with above code.

This will explicitly specify adding scroll bars when text size is greater than textbox area.
Reply With Quote
  #351  
Old 25 Apr 2011, 17:04
Phaedrus Phaedrus is offline
 
Join Date: Aug 2006
I'll give that a go, thanks. It appears to be working. I was able to scroll down on a huge post and add a reply. I hope this satisfies the users.
Reply With Quote
  #352  
Old 27 Apr 2011, 12:14
Mark.B Mark.B is offline
 
Join Date: Feb 2004
I just wanted to say a big "plus" for this style, I am using it (albeit somewhat modified) on my site and I consider it a far superior solution to the default vB one.

My demo is here:
http://www.bowlandcentral.com/forum/...hp?styleid=167

I've been tweaking and styling it a lot lately.

Current screenshots when logged in. These are taken in desktop Safari but setting the useragent as iPad, they actually look better in mobile Safari.




Last edited by Mark.B; 27 Apr 2011 at 12:20.
Reply With Quote
  #353  
Old 27 Apr 2011, 13:40
dartho dartho is offline
 
Join Date: Sep 2005
That's looking pretty sweet, Mark. You've got some nice tweaks there (and in your default style too) - I especially like what you've done with the header/navbar.

Also good to see vb4 is working for you, I still haven't made the leap from 3.8 to 4.x yet.... one of these days!

Thanks for sharing
Reply With Quote
  #354  
Old 28 Apr 2011, 21:25
Mark.B Mark.B is offline
 
Join Date: Feb 2004
Originally Posted by dartho View Post
That's looking pretty sweet, Mark. You've got some nice tweaks there (and in your default style too) - I especially like what you've done with the header/navbar.

Also good to see vb4 is working for you, I still haven't made the leap from 3.8 to 4.x yet.... one of these days!

Thanks for sharing
Thanks Dartho. It's been a gradual evolution to get it to where I want, but I think the main style still has the "vB4 look", which is what I wanted to achieve.

The same is the case with the mobile style, I wanted the vB4 look (as far as possible). By adding avatars I have probably reduced the "lightweight" aspect a little but I was inspired by Invision's mobile style which looks rather good with them in place.

I think the balance is now good, I shall not add any further bloat to it.

Probably my next step on the mobile style, is that I was lazy and hard coded some of the CSS into the templates, I need to transfer that out into the css file, which will then allow me to offer different coloured variants like I do with the main style. Haven't really worked out the best way to marry that in with auto-detection though. Currently I have a custom user field that allows people to override the auto detection (mainly for people with iPads...adding the iPad useragent to the exclusion fields seem to fail and as I don't have an iPad I can't easily troubleshoot that) but it's far from ideal, the cookies keep sticking because they are in the URLs.....
Reply With Quote
  #355  
Old 29 Apr 2011, 10:53
Kolbi's Avatar
Kolbi Kolbi is offline
 
Join Date: Mar 2009
Real name: Matthias
perhaps Dartho keeps some modifications you did?
Reply With Quote
  #356  
Old 29 Apr 2011, 15:09
Mark.B Mark.B is offline
 
Join Date: Feb 2004
Originally Posted by Kolbi View Post
perhaps Dartho keeps some modifications you did?
Well they aren't difficult but some of them are less "lightweight" than perhaps was intended for this style, particularly with regard to using avatars.

Most of my changes are simply minor restyling of the basics of this style, for instance using the windowbg class to put boxes round everything, and then adding a couple of elements from the main style to make things look consistent (eg those quote boxes are the same ones I use in the main style).
Reply With Quote
  #357  
Old 30 Apr 2011, 18:48
big dan's Avatar
big dan big dan is offline
 
Join Date: Jun 2006
Real name: Daniel Hutter
Thanks for this style. It's a great option to have. I just upgraded to 4.1.3, is it safe to revert all the templates that need attention?
__________________
Big Dan - @DanHutter
Our DJ Talk - My vB Forum

Last edited by big dan; 01 May 2011 at 19:46. Reason: typo
Reply With Quote
  #358  
Old 30 Apr 2011, 22:19
dartho dartho is offline
 
Join Date: Sep 2005
yep, should be
Reply With Quote
  #359  
Old 02 May 2011, 21:20
gopherhockey's Avatar
gopherhockey gopherhockey is offline
 
Join Date: Jul 2002
I had an older version of a mobile template and a mobile device detection script. With the most recent vBulletin upgrade, it appears they have their own mobile template and so everything has been reverted.

Users now complain that its unusable.

Is this a different template other than "mobile" and how does a user actually use it.

How does this compare to the recent mobile software that was released officially for vBulletin?

Right now our mobile options are a mess unless someone is using tap-a-talk.
__________________
www.morcmtb.org
Reply With Quote
  #360  
Old 02 May 2011, 21:47
dartho dartho is offline
 
Join Date: Sep 2005
With 4.1.2, vbulletin have put in their own detection script - I suggest as a start you disable your previous one.

The vBulletin Mobile Style is written for webkit based browsers, so will work on iPhones and Android based phones, but may not display well on other devices.

This style should work for pretty much all devices. As for which one is better, that's subjective - they would both have their positives and negatives.

As a start, you could install this one and also use vBulletins Mobile style and configure the vBulletin mobile detect options in Style & Language Settings to use vBulletin's Mobile style for 'Modern Browsers' and this one for 'Old Mobile Browsers' - although personally I'd configure them both to use this style Best bet is to get your users feedback and see what they like
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 11:05.

Layout Options | Width: Wide Color: