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

vB Version: 4.1.8 Rating: (98 votes - 4.82 average) Installs: 895
Released: 25 Aug 2010 Last Update: 16 Dec 2011 Downloads: 6233
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:	41380
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 146 15 Mar 2020 14:26
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

  #271  
Old 24 Jan 2011, 00:36
mrsbuzzy mrsbuzzy is offline
 
Join Date: Oct 2004
NEVER MIND I got it working!!

I couldn't upload the XML file, I got this error:

This file was created using a different version of vBulletin from the one you are running.

Your version: 4.1.1
File version: 4.0.6
Reply With Quote
  #272  
Old 24 Jan 2011, 11:59
BadgerDog BadgerDog is offline
 
Join Date: Oct 2006
Real name: Doug
Originally Posted by dartho View Post

@BadgerDog - could you link me to a page where it's not working. I think I might need admin logo to sort this out, but don't imagine it would take long.
Thank you Sir ..

Sent you an email ...

Regards,
Doug
Reply With Quote
  #273  
Old 24 Jan 2011, 20:25
Seven Skins's Avatar
Seven Skins Seven Skins is offline
 
Join Date: Sep 2008
Hi Dartho,

Nice work.

There are 3 hidden files in your zip file ... files name is "OneNote Table Of Contents.onetoc2" I guess we can delete them safely?
Reply With Quote
  #274  
Old 24 Jan 2011, 23:30
dartho dartho is offline
 
Join Date: Sep 2005
Yes you may - I only noticed those yesterday, damned microsoft ...
Reply With Quote
  #275  
Old 24 Jan 2011, 23:59
john@alltp.com's Avatar
[email protected] john@alltp.com is offline
 
Join Date: Oct 2007
Brilliant! Tagged and nominated.

John
__________________
John Hill
Owner/Editor
TabletPCBuzz.com
Reply With Quote
  #276  
Old 26 Jan 2011, 02:39
DaffyDuck DaffyDuck is offline
 
Join Date: Jul 2006
Again, how do you make the forumlogo appear in this style - it seems defined at one point, but not referenced in the actual page code. Any help, please?

Also, logging in via credentials doesn't seem to always work - it would cycle back to the login screen, and requires trying several times, eventually clicking on the direct link in the login confirmation that appears.
Reply With Quote
  #277  
Old 26 Jan 2011, 06:29
dartho dartho is offline
 
Join Date: Sep 2005
Why are you asking again when I already replied to your original post?

As for logins - different browsers and different platforms behave differently, I've never had an issue when using it via my device on my test site.
Reply With Quote
  #278  
Old 28 Jan 2011, 13:46
squall leonhart squall leonhart is offline
 
Join Date: Jun 2006
Thank for your style
Attached Images
File Type: jpg 28-01-2011 9-42-26 CH.jpg (121.4 KB, 46 views)

Last edited by squall leonhart; 28 Jan 2011 at 14:07. Reason: Find a way to solve the problem with everywhere sidebar
Reply With Quote
  #279  
Old 28 Jan 2011, 16:00
DaffyDuck DaffyDuck is offline
 
Join Date: Jul 2006
Originally Posted by dartho View Post
Why are you asking again when I already replied to your original post?

As for logins - different browsers and different platforms behave differently, I've never had an issue when using it via my device on my test site.
Dartho, sorry for the repeat question - I didn't see your original reply, my bad. Your suggestions worked like a charm.

The login issue is still something I'm chasing - what devices are you using? This is happening on my end on iPhone.
Reply With Quote
  #280  
Old 28 Jan 2011, 16:01
DaffyDuck DaffyDuck is offline
 
Join Date: Jul 2006
Also, a small suggestion - including an image resize script into the style would be awesome, as that is pretty much all it is missing to deal with posts with images that invariably end up being too large.
Reply With Quote
  #281  
Old 29 Jan 2011, 19:38
saviola8x's Avatar
saviola8x saviola8x is offline
 
Join Date: May 2006
Very very nice : http://facebookad.vn/forum
thank you
__________________
Facebook Vietnam
Reply With Quote
  #282  
Old 30 Jan 2011, 00:33
jerde jerde is offline
 
Join Date: Jun 2010
Dartho,

I'm having the same issue as BadgerDog in post #272 on the images extending out to the right side and I'm also using Seven Skins image resizer. Is there a fix in this style to make it so images stay within screensize?

Also, any update on CMS page compatibility?
How do I get rid of the sidebar in CMS page?
Also, on my CMS page, there is a dark grey background making it hard to read black text. How do I change that color to white?

Thanks for a awesome mobile style!
__________________
The #1 Site for BlackBerry Users... www.BlackBerryOS.com
Reply With Quote
  #283  
Old 30 Jan 2011, 01:52
jerde jerde is offline
 
Join Date: Jun 2010
Well I sort of fixed my CMS page to look a little better. I got rid of the sidebar and widened the article area by editing these settings in the mobile style templates under vbcms.css. I set the r40 to 0px and the 160 to like 98%. I'm sure this is the wrong way to fix this issue but it's a temporary bandaid.

.yui-tvb-l25 {float:{vb:stylevar left};clear:{vb:stylevar right};width:25%;padding:0px;margin:0px;}
.yui-tvb-r25 {float:{vb:stylevar right};width:24%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-l30 {float:{vb:stylevar left};clear:{vb:stylevar right};width:29%;padding:0px;margin:0px 0.5%;}
.yui-tvb-r30 {float:{vb:stylevar right};clear:{vb:stylevar left};width:30%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-30 {{vb:stylevar left}:30%;width:30%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-l40 {width:39%;float:{vb:stylevar left};clear:{vb:stylevar right};padding:0px;margin:0px 0.5%;}
.yui-tvb-r40 {width:0px;float:{vb:stylevar right};padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-40 {clear:{vb:stylevar right};{vb:stylevar left}:30%;width:40%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-50 {{vb:stylevar left}:25%;width:40%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-l50 {float:{vb:stylevar left};clear:{vb:stylevar right};width:46%;padding:0px;margin:0px 2%;}
.yui-tvb-l60 {width:97.5%;float:{vb:stylevar left};padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-r60 {width:59%;float:{vb:stylevar right};clear:{vb:stylevar right};padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-70 {width:70%;float:clear;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
I also covered up the gray background in the article area by changing it from transparent to white (#FFFFFF).

The only thing left would be the images being re-sized smaller.
__________________
The #1 Site for BlackBerry Users... www.BlackBerryOS.com
Reply With Quote
  #284  
Old 30 Jan 2011, 17:42
DaffyDuck DaffyDuck is offline
 
Join Date: Jul 2006
Originally Posted by DaffyDuck View Post
Also, a small suggestion - including an image resize script into the style would be awesome, as that is pretty much all it is missing to deal with posts with images that invariably end up being too large.
As a suggestion, just include this code:


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

It will automatically resize images for iPhones.

Also, adding this will automatically hide the toolbar on iPhones:


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



(or, can you give me a pointer where to add these myself?)
Reply With Quote
  #285  
Old 02 Feb 2011, 22:22
oddmud's Avatar
oddmud oddmud is offline
 
Join Date: Oct 2009
I tried searching without getting a good post, looked through 39 posts and didn't find the answer.

My users have to scroll through all the pages to get to the last post. I personally just click on the title and it takes me to the last post, and ideas what might be causing it for them?
__________________
Like Fly Fishing?
www.flyfishbc.com
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 02:00.

Layout Options | Width: Wide Color: