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

vB Version: 4.1.8 Rating: (97 votes - 4.82 average) Installs: 885
Released: 25 Aug 2010 Last Update: 16 Dec 2011 Downloads: 6020
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

lightweight-screenshot.png  

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 142 08 Nov 2015 00:16
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

Comments
  #2  
Old 25 Aug 2010, 05:43
dartho dartho is offline
 
Join Date: Sep 2005
F.A.Q.

Q. How can I integrate Abe1's Post Thanks Hack?
A. See here: http://www.vbulletin.org/forum/showt...43#post2305643


Q. There is no style chooser - how do I get back to the default style?
A. Install and configure "Lightweight Style Options"

Q. What bits of the CSS change which colours?
A. Download and unzip the attached "CSS Image Basic Map.zip" file to a temp directory, open "css-map.html" and hover your mouse over the section you're interested in changing the colour of - it will tell you the variable in the lightweight.css.php file to edit. At the moment, it only shows the background colour, but it is intuitive to work out the foreground colour (var name ends in FC as opposed to BG) If you need to get more granular, you're on your own


Q. I Have VBAdvanced installed in integration m ode and it messes up this style.
A. as per post http://www.vbulletin.org/forum/showp...&postcount=167 with a minor chnage, create a plugin:
Product: vBulletin
Hook Location: Global Complete
Title: Disable vBAdvanced for Lightweight Style
Execution Order: 2
Code:

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

IMPORTANT - Make sure to replace "x" with the ID to your lightweight style.

Q. Can we resize the images?
A. A simple javascript image resizer can be added to the header template. check the following post (and the one immediately after it) http://www.vbulletin.org/forum/showt...07#post2184007)

Alternatively, you can use replacement variables to turn images into links, check this post: http://www.vbulletin.org/forum/showt...nt#post2097304

*** ALL OF THE FOLLOWING BLOCK SHOULD BE RESOLVED IN THE LATEST VERSION 1.0.3 ***
Q. The CSS is incomplete, I see

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

What's up with that?
A. I used short tages in the CSS.PHP file which may not be enabled on all systems. In the next release I'll update to not use these. In teh mean time, unzip and upload the attached lightweight.css.longtag.zip file and use it instead. Install the latest CSS version - this has been fixed

Q. Could you use the same paging system like vb standard styles in thread view so that user can choose first/last page instead of navigating it one by one?
A. Yes! It will get included when I release again, in the mean time check out post 103 (http://www.vbulletin.org/forum/showp...&postcount=103)

Q. The editor is messed up in 4.1.4 - how to fix?
A. See http://www.vbulletin.org/forum/showp...&postcount=397 for a fix.

Q. The option to hide "What's Going On" / "Who's Online" isn't working with the 'Lightweight Style Options' add-on
A. See this post for a fix: http://www.vbulletin.org/forum/showt...31#post2264831

Q. The PM list is showing "Array" rather than the sender
A. See this post: http://www.vbulletin.org/forum/showt...97#post2271597

Q. My New Reply page is screwed up with vertical cmilies and stuff
A. Delete the contents of the editor_clientscript template and replace the contents of the editor_ckeditor template with that of the editor_toolbar_off template

Q, Birthdays are just showing as "Array" on forumhome?
A. See thread http://www.vbulletin.org/forum/showt...72#post2273172

Q. I see Array instead of thread tags?
A. See post http://www.vbulletin.org/forum/showp...&postcount=618

Q. I see <br /> instead of line breaks when quoting, full reply
A. See post: http://www.vbulletin.org/forum/showp...&postcount=617
if this doesn;t work, check this post also********************************************************************************

Q. How do I get rid of all those template out of date messages in control panel home?
A. You could edit and save each one without actually making changes or you could run the following query on your database:

UPDATE template SET version = '4.1.9', mergestatus = 'none' WHERE styleid=XX;

change XX to the styleid number of the mobile style and 4.1.9 to whatever the version number currently is.

########## TO BE FIXED IN NEXT RELEASE VERSION 1.0.4##########
Q. How do I add 'Next' 'Prev' in Pagenav?
A. See post http://www.vbulletin.org/forum/showt...73#post2280973
Attached Files
File Type: zip CSS Image Basic Map.zip (86.0 KB, 285 views)
File Type: zip lightweight.css.php.longtag.zip (2.3 KB, 210 views)

Last edited by dartho; 03 Mar 2012 at 12:28. Reason: post thanks
Reply With Quote
  #3  
Old 25 Aug 2010, 07:21
Bluefin221 Bluefin221 is offline
 
Join Date: Jul 2008
This looks very smart Dartho, I have installed it. I've submitted a test post and when you hit reply it quotes the text which is great, once I type in my message and hit submit the post submits however it does not return you to the forum, instead you get the quote box with your text just sitting waiting on being submitted.
Reply With Quote
  #4  
Old 25 Aug 2010, 07:36
dartho dartho is offline
 
Join Date: Sep 2005
I can not reproduce this behaviour on my test site vbdev.org.
Reply With Quote
  #5  
Old 25 Aug 2010, 08:08
dartho dartho is offline
 
Join Date: Sep 2005
What type of device are you using to submit the thread?
Reply With Quote
  #6  
Old 25 Aug 2010, 08:40
DAMINK DAMINK is offline
 
Join Date: Jun 2010
I notice when you choose the light theme you cant change back?
That sucks.
Guess i have to hack the theme a bit.
Still i like it. Good for my mobile.
__________________
FTW Forum <- Home of the damned!
Reply With Quote
  #7  
Old 25 Aug 2010, 08:41
sulasno sulasno is offline
 
Join Date: Feb 2010
tagged and thanks
Reply With Quote
  #8  
Old 25 Aug 2010, 08:48
dartho dartho is offline
 
Join Date: Sep 2005
Originally Posted by DAMINK View Post
I notice when you choose the light theme you cant change back?
That sucks.
Guess i have to hack the theme a bit.
Still i like it. Good for my mobile.
I'm going to release an addon product which enables such options. In the mean time have a look in the header template 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.

where xxx is your default styleid. change the href to suit your site also.

There are 2 instances that need to be edited as described above

Last edited by dartho; 25 Aug 2010 at 23:14.
Reply With Quote
  #9  
Old 25 Aug 2010, 10:16
DAMINK DAMINK is offline
 
Join Date: Jun 2010
Cheers Dartho.
Great option mate. Big thumbs up.
__________________
FTW Forum <- Home of the damned!
Reply With Quote
  #10  
Old 25 Aug 2010, 11:08
Kolbi's Avatar
Kolbi Kolbi is offline
 
Join Date: Mar 2009
Real name: Matthias
nice

Are there big changes since version 2.11?
Reply With Quote
  #11  
Old 25 Aug 2010, 11:33
dartho dartho is offline
 
Join Date: Sep 2005
Not really, but there has been some renaming of variables etc and reversioning. When I release the new Style Options add-on, you should uninstall the beta versions and install the released versions. As of now, this only applies to people who helped test on my test site.
Reply With Quote
  #12  
Old 25 Aug 2010, 11:44
fly fly is offline
 
Join Date: Oct 2003
Whoa, very slick
Reply With Quote
  #13  
Old 25 Aug 2010, 12:06
najaru najaru is offline
 
Join Date: Jan 2009
Real name: Andrea
very very good thanks
Reply With Quote
  #14  
Old 25 Aug 2010, 13:07
djawir djawir is offline
 
Join Date: Apr 2005
installed, look prety cool

enable post thanks button its look greats

maybe its bug i am using nokia e71 browser
- in forumdisplay & showthread right border is overlap outer border.
- in showthread no link back to forumdisplay | -home => sub forum 1 => sub forum 2
- in forumdisplay & showthread page link maybe u can create like default template | <<first .. 5 6 7 8 9 .. last>>

thanks

Last edited by djawir; 25 Aug 2010 at 13:35.
Reply With Quote
  #15  
Old 25 Aug 2010, 13:55
dartho dartho is offline
 
Join Date: Sep 2005
Hi djawir,
I can not see overlap on my device, a screen shot may help if possible?
There is always link back by clicking/tapping "Up" at bottom of page
Yes - that may be OK with this style. Originally was for small screen so I was trying to conserve space

Thanks for the feedback
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
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 02:01.

Layout Options | Width: Wide Color: