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

vB Version: 4.1.8 Rating: (96 votes - 4.82 average) Installs: 870
Released: 25 Aug 2010 Last Update: 16 Dec 2011 Downloads: 5747
Supported  

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:	37487
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
Mobile Phone / iPhone / PDA Detection and Style Assignment dartho vBulletin 3.8 Add-ons 137 08 Jun 2014 15:51
Mobile Phone / iPhone / PDA Detection and Style Assignment dartho vBulletin 3.7 Add-ons 405 27 Apr 2014 01:34
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

  #616  
Old 06 Dec 2011, 19:06
etca etca is offline
 
Join Date: Feb 2011
dartho,
how to fix this?





Originally Posted by semprot View Post
It works with 4.1.8. However here is how to show Reputation, Infraction, and Report message link.

Put this before last </div> to your postbit template (if you are using non-legacy), or postbit_legacy template (if you are using post legacy)


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
kok ga ngefek?
*it doesn't work

Last edited by etca : 06 Dec 2011 at 19:19.
Reply With Quote
  #617  
Old 06 Dec 2011, 21:25
dartho dartho is offline
 
Join Date: Sep 2005
Originally Posted by thenamesgould View Post
Are you still looking at this one dartho? I tried changing it back to how it was because those <br />'s were appearing in people's posts and annoying me, but I must have done something wrong because now two text boxes are appearing! haha.

But I am happy to give you any more details if you need them.


thenamesgould worked out how to reproduce this - it only happens when the user uses full WYSIWIG editor (as set in UserCP).

Found a template only way to resolve:

Edit the editor_ckeditor temaplte and replace contenst with:

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

Edit the lightweight.css.php file, search for:

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

and add immediately above:

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

That should do it.

The following superceded by above, but kept here for reference



A quick fix is to add a plugin as follows:
Title: Lightweight Style - Set Editor Mode to Standard (bugfix)
Hook: style_fetch (there could be a better place, but this works)
Order: 5
Code:

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

If you have Lightweioght Style Options installed, you could add the code to the "Enter code here to disable addons" section of that rather than create a new plugin.

There is probably another way, and I'll look into it - but for those that want a fix now, tis is it.

Last edited by dartho : 07 Dec 2011 at 01:30.
Reply With Quote
  #618  
Old 06 Dec 2011, 21:39
dartho dartho is offline
 
Join Date: Sep 2005
Originally Posted by etca View Post
dartho,
how to fix this?

Edit the tagbit_wrapper template and replace it's contents with:


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

Reply With Quote
  #619  
Old 06 Dec 2011, 21:56
dartho dartho is offline
 
Join Date: Sep 2005
See 2 posts up for template only way to reolve errant <br />'s turning up when quoting - I just edited the post, no plugin required
Reply With Quote
  #620  
Old 07 Dec 2011, 00:04
etca etca is offline
 
Join Date: Feb 2011
Originally Posted by dartho View Post
Edit the tagbit_wrapper template and replace it's contents with:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
Hooo thanks dartho..
it's works on me
Reply With Quote
  #621  
Old 07 Dec 2011, 05:20
tafreeh's Avatar
tafreeh tafreeh is offline
 
Join Date: May 2008
Location: Canada
Real name: DON
Originally Posted by tafreeh View Post
sorry forgot to maked install
@dartho: you missed me again..
__________________
Vb Forum
Reply With Quote
  #622  
Old 07 Dec 2011, 06:17
thenamesgould thenamesgould is offline
 
Join Date: Mar 2008
Thanks again, dartho.
Reply With Quote
  #623  
Old 07 Dec 2011, 11:08
dartho dartho is offline
 
Join Date: Sep 2005
Originally Posted by tafreeh View Post
@dartho: you missed me again..


I haven;t forgotten you - it's just that I've been fixing style bugs - your request is not related to this style as such.

Having said all that - I'll try and point you in the right direction -

To strip all HTML tags from posts for a specific style ID, create a plugin as follows:

Product:vBulletin
Hook Location: Postbit Disaply Complete
Name: Strip HTML from Mobile Style Posts
Execution Order:5
Code:

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

replace 'n' with teh styleid of your lightweight style.

the bit in teh code with teh <br><a> is HTML tags you wish to allow, if you want images, add in <img>, if you want <stong> add it in etc. Google php strip_tags

Last edited by dartho : 07 Dec 2011 at 12:10.
Reply With Quote
  #624  
Old 08 Dec 2011, 00:32
mvoelker mvoelker is offline
 
Join Date: Oct 2010
Just want to chime in and say thanks for this. All my users prefer this significantly over the built in mobile style.
Reply With Quote
  #625  
Old 08 Dec 2011, 03:51
tafreeh's Avatar
tafreeh tafreeh is offline
 
Join Date: May 2008
Location: Canada
Real name: DON
Originally Posted by dartho View Post
I haven;t forgotten you - it's just that I've been fixing style bugs - your request is not related to this style as such.

Having said all that - I'll try and point you in the right direction -

To strip all HTML tags from posts for a specific style ID, create a plugin as follows:

Product:vBulletin
Hook Location: Postbit Disaply Complete
Name: Strip HTML from Mobile Style Posts
Execution Order:5
Code:

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

replace 'n' with teh styleid of your lightweight style.

the bit in teh code with teh <br><a> is HTML tags you wish to allow, if you want images, add in <img>, if you want <stong> add it in etc. Google php strip_tags
thanks allot for this
__________________
Vb Forum
Reply With Quote
  #626  
Old 08 Dec 2011, 05:24
inphoenix inphoenix is offline
 
Join Date: Sep 2011
I see this question was asked but not sure if it was answered. Can I add admob banners to this style? If yes, how? Thanks.
Reply With Quote
  #627  
Old 08 Dec 2011, 06:41
dartho dartho is offline
 
Join Date: Sep 2005
if you can add to standard style, you can ad to this I guess. I don't know what admob is
Reply With Quote
  #628  
Old 08 Dec 2011, 12:08
inphoenix inphoenix is offline
 
Join Date: Sep 2011
Originally Posted by dartho View Post
if you can add to standard style, you can ad to this I guess. I don't know what admob is
Admob is banner ad serving program for mobile devices. It generates a Google adsense like script to use. Where would I add that script if I want to post the banner after

1. First post.
2. Last post.

Thanks for your prompt response.
Reply With Quote
  #629  
Old 08 Dec 2011, 12:53
dartho dartho is offline
 
Join Date: Sep 2005
I don't do advertising inposts or threads etc, so have no idea. I'm pretty sure the ad hooks are in this style, so you would use them the same way you would with the default style. Find where someone else has done this with the default style and do the same as them.
Reply With Quote
  #630  
Old 09 Dec 2011, 16:28
inphoenix inphoenix is offline
 
Join Date: Sep 2011
Originally Posted by dartho View Post
I don't do advertising inposts or threads etc, so have no idea. I'm pretty sure the ad hooks are in this style, so you would use them the same way you would with the default style. Find where someone else has done this with the default style and do the same as them.
Thanks for a quick response. I found out that admob does not work for mobile apps but I got the code for Mobile Adsense. Those links are javascript. I tried using it in a regular HTML page on phone and it works but using it in the ad_showthread_firstpost_start does not work. If I use an adsense link in this ad_showthread_firstpost_start on regular desktop style it works.

Do you know if the lighweight (mobile) style will support javascript?

Has anyone else done this?
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
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 09:37.

Layout Options | Width: Wide Color: