Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Lightweight Style for VB3.8.7 iPhone/Mobile/Cell/PDA Details »
Lightweight Style for VB3.8.7 iPhone/Mobile/Cell/PDA
Mod Version: 1.0.1, by dartho (Coder/Designer) dartho is offline
Developer Last Online: Apr 2019 I like it Show Printable Version Email this Page

vB Version: 3.8.7 Rating: (31 votes - 4.77 average) Installs: 245
Released: 18 May 2011 Last Update: 20 May 2011 Downloads: 1938
Not Supported Re-usable Code  

A few have asked for this, hope you like it.

As the title suggests, this is a lightweight style for vBulletin 3.8.7 (and probably most versions before that - A quick test showed it also working under vBulletin 3.7.7!)

It's lightweight (low bandwidth) and works well on most handheld / mobile devices. Some have been know to use it on their desktops and I personally use it for Google as a way of significantly reducing the bandwidth they use.

====================
Install Instructions
====================
  • Backup
  • Download and extract ZIP file locally
  • Upload contents of forum folder to your forum root
  • Go into your AdminCP->Style Manager->Download / Upload Styles
  • In the "Import Style XML File" section browse to "lightweight-vbulletin-3.8.7-style.xml" (extracted form the zip file)
  • If you are running a version of vbulletin other than 3.8.7, select Yes in "Ignore Style Version"
  • Click the "Import" button.
  • Edit the header template and change the 2nd line to reflect the Style ID of your default style and location of your home page (forum.php or index.php) and text for the anchor (Default Style).

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

  • Return to vBulletin.org and click "Mark as Installed"
  • Reply to this thread leaving feedback and a rating
====================
Release History
====================
18th May 2011 - 1.0.0 Initial Release
20th May 2011 - 1.0.1 Bug Fixes and enhancements
====================
Screen Shots
====================
====================
Branding Free
====================
If you wish to remove the branding/copyright notice from the footer - send me a donation of an amount you can afford, or that you think is fair/reasonable, it's up to you how much. (can't get much fairer than that) You can do this by clicking the "Support Developer" link above (a few lines below the "Mark as Installed" link).

====================
Bugs fixes for next release
====================
Issue:
extra "> in template forumhome_forumbit_level2_nopost
Resolution:
Search for

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

Replace with

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

Issue:
Inconsistencies in disaplying locked forums
Resolution:
See this post

Thanks.

Download Now

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

Screenshots

Click image for larger version

Name:	screenshot.png
Views:	10579
Size:	14.3 KB
ID:	129195   Click image for larger version

Name:	screenshot2.png
Views:	10398
Size:	9.8 KB
ID:	129197  

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
Forum Style Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android) dartho vBulletin 4.x Styles 1133 17 Sep 2019 05:49
Add-On Releases Mobile Phone / iPhone / PDA Detection and Style Assignment dartho vBulletin 3.8 Add-ons 144 12 Aug 2017 04:52
Forum Display Enhancements Mobile Phone / iPhone / PDA Detection and Style Assignment dartho vBulletin 3.7 Add-ons 407 19 Mar 2015 15:53
Mobile, Cell, Phone, PDA, iPhone Style dartho vBulletin 3.7 Styles 795 16 Aug 2012 14:39

  #46  
Old 26 May 2011, 17:35
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
If anyone is running AME 2.5 (automatic media embedder) I have figured out how to have embedded videos made smaller in the mobile style so they can still be watched inside posts.

In the file ame_bbcode.php that came with the AME mod (in your /includes directory)

find:

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

and below it Add:

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

Change 38 to the styleid of your mobile style.

Yo can set absolute heights and widths if you prefer, I am calculating it as a fraction of my set values which words well for me. You can experiment with the exact numbers to find what works best for you.
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #47  
Old 30 May 2011, 22:30
Leongsam Leongsam is offline
 
Join Date: Oct 2006
Installed

Installed.
Reply With Quote
  #48  
Old 01 Jun 2011, 19:59
Paul M's Avatar
Paul M Paul M is offline
 
Join Date: Sep 2004
Real name: Paul M
Tagged to look at later in the month.
__________________
Former vBulletin.org Staff Member


Cable Forum
Please do not PM me about custom work - I no longer undertake any.
Note: I will not answer support questions via e-mail or PM - please use the relevant thread or forum.
Reply With Quote
  #49  
Old 11 Jun 2011, 20:37
Stephan Whelan's Avatar
Stephan Whelan Stephan Whelan is offline
 
Join Date: Oct 2001
Originally Posted by BirdOPrey5 View Post
If anyone is running AME 2.5 (automatic media embedder) I have figured out how to have embedded videos made smaller in the mobile style so they can still be watched inside posts.

In the file ame_bbcode.php that came with the AME mod (in your /includes directory)

find:

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

and below it Add:

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

Change 38 to the styleid of your mobile style.

Yo can set absolute heights and widths if you prefer, I am calculating it as a fraction of my set values which words well for me. You can experiment with the exact numbers to find what works best for you.
Thanks for this - however doesn't seem to work on our site. E.g. look at this thread via a browser - doesn't seem to make a difference:

http://forums.deeperblue.com/test-forum/91308-test.html
__________________
Stephan Whelan
DeeperBlue.com CEO
Reply With Quote
  #50  
Old 11 Jun 2011, 22:13
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Originally Posted by Stephan Whelan View Post
Thanks for this - however doesn't seem to work on our site. E.g. look at this thread via a browser - doesn't seem to make a difference:

http://forums.deeperblue.com/test-forum/91308-test.html
A couple of things... Make sure you make a video post AFTER making the file change. Otherwise it may take hours or days for the cache to update to show the smaller video.

Second, check the youtube definition you're using- if the height and width are hard coded numbers this won't work. Width and height must be set to $ameinfo[width] and $ameinfo[height].
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #51  
Old 11 Jun 2011, 23:06
Stephan Whelan's Avatar
Stephan Whelan Stephan Whelan is offline
 
Join Date: Oct 2001
Joe,

Thanks for that - unfortunately still doesn't work. I've confirmed the /includes/ame_bbcode.php has the change you've suggested, as well as the youtube definition having $ameinfo[width] and $ameinfo[height].

Any further ideas?
__________________
Stephan Whelan
DeeperBlue.com CEO
Reply With Quote
  #52  
Old 11 Jun 2011, 23:21
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
I joined your forum to take a look but I don't see the mobile style as an option- do you have it public? If so what is the styleid number?

You can see how it works on my forum:
Mobile Style: http://www.juot.net/forums/showthrea...000&styleid=38
Regular Style: http://www.juot.net/forums/showthrea...0000&styleid=1
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #53  
Old 11 Jun 2011, 23:46
Stephan Whelan's Avatar
Stephan Whelan Stephan Whelan is offline
 
Join Date: Oct 2001
Indeed - we normally disable the style selector (it is set automatically based on browser accessing the site) but i've re-enabled it for now.
__________________
Stephan Whelan
DeeperBlue.com CEO
Reply With Quote
  #54  
Old 12 Jun 2011, 00:12
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
It's working... I just posted a video, here is a screen shot:

The older videos will turn small once the cache expires for them. I think you can force the issue by editing the post and re-saving it.

But in time all the videos will be small on the mobile style, as will all new videos.
Attached Images
File Type: jpg youtubeexample.jpg (53.1 KB, 28 views)
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #55  
Old 12 Jun 2011, 20:13
Stephan Whelan's Avatar
Stephan Whelan Stephan Whelan is offline
 
Join Date: Oct 2001
Joe - it does work well indeed.

Another question to the group...I see that when I use the style assignment mod (http://www.vbulletin.org/forum/showthread.php?t=173239) the link at the top of the page (default style, etc...) won't allow visitors to switch styles to the full blown version. I know that is a default option on that Mod but any ideas on how it might work in conjunction with this style?
__________________
Stephan Whelan
DeeperBlue.com CEO
Reply With Quote
  #56  
Old 13 Jun 2011, 04:05
dartho dartho is offline
 
Join Date: Sep 2005
Try this on for size:

In AdminCP->Plugins & Products->Add New Plugin create a new plugin for product: vBulletin, hook location: style_fetch, Title: Mobile Detection, Execution Order: 5 Code:

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

edit the first 3 lines of the plugin code to suit your purposes (should be self explanatory) and see how you go. Make sure you disable any mobile detect type scripts/plugins you may have running such as the one you linked to in your last post whilst testing this. Also be aware that you should probably do testing under a standard user account as administrator accounts have different permissions when it comes to style selections.

Please feedback how it goes.
Reply With Quote
  #57  
Old 13 Jun 2011, 07:24
Stephan Whelan's Avatar
Stephan Whelan Stephan Whelan is offline
 
Join Date: Oct 2001
Worked a treat Dartho!
__________________
Stephan Whelan
DeeperBlue.com CEO
Reply With Quote
  #58  
Old 13 Jun 2011, 12:39
dartho dartho is offline
 
Join Date: Sep 2005
Good to hear.
Reply With Quote
  #59  
Old 13 Jun 2011, 20:26
plazzman plazzman is offline
 
Join Date: Nov 2008
Originally Posted by dartho View Post
If you link me up with an example, I could look. via PM is OK.
Worked it out. Not highlight is 'hot' new threads (thread_hot_new). I'll fix that up.

To fix, edit the CSS, search for

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

replace with

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

search for

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

replace with

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

Thanks for the code for default style link, I'll put that in.
First off, absolutely love this template. Real smooth, last one I had was so convoluted.

Bit of a noob here though. Can you please explain to me where I can actually find those CSS changes?

Also, is it possible to just change the colours of the theme to make it fit my forum a bit better? Full credit/royalty would still apply obviously

Thanks alot
Reply With Quote
  #60  
Old 14 Jun 2011, 00:03
dartho dartho is offline
 
Join Date: Sep 2005
Those changes have been implemeneted in the last release - just make sure you uploaded the lightweight.css.php file to your forum root from the last zip.

It is also this file where you can make changes to the color scheme - open it up with your favorite text editor (I use notepad++) and read the comments at the top, it tells you what to do.
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 17:48.

Layout Options | Width: Wide Color: