Go Back   vb.org Archive > vBulletin Styles and Graphics > vBulletin Styles > vBulletin 4.x Styles

Reply
 
Thread Tools
Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android) Details »»
Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android)
Version: 1.0.3, by dartho dartho is offline
Developer Last Online: Oct 2023 Show Printable Version Email this Page

Version: 4.1.8 Rating:
Released: 08-24-2010 Last Update: 12-15-2011 Installs: 897
Re-useable Code  
No support by the author.

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

File Type: zip lightweight-style-1.0.0.zip (68.3 KB, 441 views)
File Type: zip lightweight-style-1.0.1.zip (70.5 KB, 2490 views)
File Type: zip lightweight -style-1.0.2a.zip (73.6 KB, 2359 views)
File Type: zip lightweight-style-1.0.3a.zip (72.3 KB, 2859 views)

Screenshots

File Type: png lightweight-screenshot.png (30.6 KB, 2 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #282  
Old 01-29-2011, 11:33 PM
jerde jerde is offline
 
Join Date: Jun 2010
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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!
Reply With Quote
  #283  
Old 01-30-2011, 12:52 AM
jerde jerde is offline
 
Join Date: Jun 2010
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.

Quote:
.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.
Reply With Quote
  #284  
Old 01-30-2011, 04:42 PM
DaffyDuck DaffyDuck is offline
 
Join Date: Jul 2006
Posts: 78
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
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:

Code:
@media screen and (max-device-width: 480px){
   img{
          max-width:100%;
          height:auto;
          }
}
It will automatically resize images for iPhones.

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

Code:
window.addEventListener('load', function() {
      setTimeout(scrollTo, 0, 0, 1);
 }, false);


(or, can you give me a pointer where to add these myself?)
Reply With Quote
  #285  
Old 02-02-2011, 09:22 PM
oddmud's Avatar
oddmud oddmud is offline
 
Join Date: Oct 2009
Location: Canada
Posts: 239
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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?
Reply With Quote
  #286  
Old 02-03-2011, 02:52 AM
Taurus1's Avatar
Taurus1 Taurus1 is offline
 
Join Date: Dec 2009
Posts: 648
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
You could try adding a replacement variable in this style as follow:
search for: <img
replace with: <img style="max-width: 200px; max-height: 200px;"
?
Can you please specify where exactly to do this?

Thanks!

EDIT: I would also like to disable this mod in my lightweight style, but I have no idea how to do that. Can you please help me with that? I attach the product xml for it. Thank you so much!

Attachment 126367
Reply With Quote
  #287  
Old 02-03-2011, 04:39 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Try entering in the code:

Code:
$vbulletin->options['modsettings_global_modsystem']=0;
in teh disable add-ons section
Reply With Quote
  #288  
Old 02-03-2011, 06:00 AM
Taurus1's Avatar
Taurus1 Taurus1 is offline
 
Join Date: Dec 2009
Posts: 648
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dartho View Post
Try entering in the code:

Code:
$vbulletin->options['modsettings_global_modsystem']=0;
in teh disable add-ons section
Thank you so much. That did it! :up:

The only other issue is that my image thumbnails are really way too big for this style. Is there a way I can re-size them forum-wide for this style only?
Reply With Quote
  #289  
Old 02-19-2011, 02:59 AM
Robbed Robbed is offline
 
Join Date: Oct 2005
Posts: 329
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

dartho - after upgrading to 4.12

Can you fix the online users. It just shows array, changes were made to forumhome whos online.

Also when i click on a thread it redirects to a www instead of m. link. Anyway to fix that. (i uses assign a style to m.domain.com?

edit: Looks like if this is set to yes it causes the problem. I try No and it works fine but then some of my addons don't display correctly.

Always use Forum URL as Base Path yes or no

(any way to bypass this in your style)
Reply With Quote
  #290  
Old 02-20-2011, 05:41 PM
Robbed Robbed is offline
 
Join Date: Oct 2005
Posts: 329
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

dartho

I ended up setting Always use Forum URL as Base Path to no

then opening headerinclude for my main skins and change this code

Code:
<base href="{vb:raw basepath}" />
I set it manually to mydomain/forums

This worked, let me know if you have any better way of doing this.

Just need the who is online fixed if possible.
Reply With Quote
  #291  
Old 03-01-2011, 11:53 AM
cisoprogressivo cisoprogressivo is offline
 
Join Date: May 2010
Posts: 40
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I installed both the theme and the options plugin, but nothing happens.


If i change the mobile theme from vB panel it works but thank the "desktop" link wont open the desktop theme.
Reply With Quote
Reply

Thread Tools

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


All times are GMT. The time now is 01:06 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.08698 seconds
  • Memory Usage 2,359KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (5)bbcode_code
  • (4)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (3)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (13)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (5)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete