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 2022 I like it Show Printable Version Email this Page

vB Version: 4.1.8 Rating: (96 votes - 4.81 average) Installs: 895
Released: 25 Aug 2010 Last Update: 16 Dec 2011 Downloads: 6295
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:	41876
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

  #1066  
Old 14 Aug 2013, 04:19
dartho dartho is offline
 
Join Date: Sep 2005
Thumbs up

Originally Posted by trigatch4 View Post
Any chance you would update your vB 3.8.7 style to look more like this?

I've been scouring the web for days looking for a suitable 3.8.7 mobile style but pretty much everything is horrendous and our site is too large and customized to move to 4.X+

Would pay to have this done...
Check it: http://www.vbulletin.org/forum/showthread.php?t=263822
Reply With Quote
  #1067  
Old 17 Nov 2013, 13:52
tareqbd tareqbd is offline
 
Join Date: May 2011
Anyway to make dbtech advance registration work with it?
Reply With Quote
  #1068  
Old 18 Nov 2013, 10:47
dartho dartho is offline
 
Join Date: Sep 2005
I don't know/use that mod - what doesn't work?
Reply With Quote
  #1069  
Old 26 Nov 2013, 15:41
deprich deprich is offline
 
Join Date: May 2013
I found the following error for me:

When i do a "New Posts" search, the links for "Last page" are broken. Usually it should be something like that:

http://www.example.com/f99/thread-name-9999/index999.html

But it is something like that:

http://www.example.com/f99/thread-name-9999/index999Array.html

Of course the "Array" is the mistake and i guess there is something wrong in a template for the search, but i couldn't find where, what and why. I use the Style with vB 4.2.0.

Any Fix for that problem would be very helpful.
Reply With Quote
  #1070  
Old 31 May 2014, 01:28
asabet asabet is offline
 
Join Date: Dec 2008
First, thanks for this awesome style. Donation sent. Second, is there a way to use CSS to resize images similar to how the Stylevar works for the default vB4 style?

The reason I ask is that this Lightweight style seems to load images full size briefly, and then they resize down to 200px. Sometimes this doesn't seem to happen smoothly, and on some phones, it results in wacky formating (horizontal scrolling, yuck).

The default style resizes to whatever you've set as image_max_size in the StyleVar prior to loading the image, which seems to work better. Any way to do something similar here?

Thanks again!
Reply With Quote
  #1071  
Old 01 Jun 2014, 23:58
asabet asabet is offline
 
Join Date: Dec 2008
Originally Posted by dartho View Post
sorry, edit the CSS file (the lightweight.css.php file you uploaded to your server), and add it right at the end - sorry, no ?> to search for at the end.
I solved my image resizing problem by adding this at the end of the aforementioned CSS file:


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

Reply With Quote
  #1072  
Old 08 Jun 2014, 01:51
asabet asabet is offline
 
Join Date: Dec 2008
Originally Posted by Mark.B View Post
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:

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

Give it a whirl, seems to have worked for me.
Thanks, that worked great for me. I don't use the Lightweight Style Options product, so I altered it as follows:

Product: Vbulletin
Name: Disable WYSIWYG for mobile style
Hook Location: editor_toolbar_switch
Execution order: 5

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

where X is the # for my mobile style
Reply With Quote
  #1073  
Old 08 Jun 2014, 15:29
asabet asabet is offline
 
Join Date: Dec 2008
Another change I made was to put this for headinclude so the page doesn't autozoom during post edit or reply:


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

Reply With Quote
  #1074  
Old 12 Jul 2014, 18:11
Bounce's Avatar
Bounce Bounce is offline
 
Join Date: Mar 2004
Real name: J
Anyone able to add code to delete a private message when in usercp?

What template is the private messages?
__________________
Thanks for your help

J
Reply With Quote
  #1075  
Old 16 Jul 2014, 09:41
dartho dartho is offline
 
Join Date: Sep 2005
Adding something like:

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

to the bottom of the pm_showpm template should do it, I think ...
Reply With Quote
  #1076  
Old 21 Jul 2014, 19:38
Twikitero Twikitero is offline
 
Join Date: Aug 2010
Is it possible to replace the mobile style that comes with vbulletin default for this style?
Thanks

EDIT: SOLVED

Last edited by Twikitero; 21 Jul 2014 at 20:39.
Reply With Quote
  #1077  
Old 21 Jul 2014, 20:39
Twikitero Twikitero is offline
 
Join Date: Aug 2010
I have a problem, when I go to my site from a mobile forum automatically detects correctly but an annoying zooming, as could edit this to be displayed without having to zoom out completely manually.
Thank you
this is my site if you can visit it http://www.thisiphone.com/forum.php from a mobile so you can view

Last edited by Twikitero; 21 Jul 2014 at 21:03.
Reply With Quote
  #1078  
Old 21 Jul 2014, 21:26
Mark.B Mark.B is offline
 
Join Date: Feb 2004
Originally Posted by Twikitero View Post
I have a problem, when I go to my site from a mobile forum automatically detects correctly but an annoying zooming, as could edit this to be displayed without having to zoom out completely manually.
Thank you
this is my site if you can visit it http://www.thisiphone.com/forum.php from a mobile so you can view
A a guess, it's to do with your header....have you altered the header template at all?
__________________
MARK.B (Member of the vB Support Team)
Reply With Quote
  #1079  
Old 22 Jul 2014, 13:38
Twikitero Twikitero is offline
 
Join Date: Aug 2010
Originally Posted by Mark.B View Post
A a guess, it's to do with your header....have you altered the header template at all?
Thanks for your response, but I have not made any changes in this template style Lightweight.
¿You know how I can solve this error?
Thanks
Reply With Quote
  #1080  
Old 22 Jul 2014, 16:24
Mark.B Mark.B is offline
 
Join Date: Feb 2004
The code in red below causing your issue:

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

__________________
MARK.B (Member of the vB Support Team)
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 05:36.

Layout Options | Width: Wide Color: