Go Back   vb.org Archive > vBulletin Styles and Graphics > vBulletin Styles > vBulletin 4.x Styles
FAQ Community Calendar Today's Posts Search

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
  #712  
Old 01-04-2012, 05:10 PM
snakes1100 snakes1100 is offline
 
Join Date: Dec 2001
Location: Michigan
Posts: 3,733
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dartho View Post
@yanref - still not sure what is causing your issue and no reports of anyone else with the same. Have you tried disabling all add-ons and plugins and testing? (do this in AdminCP->Settings->Options->Plugin/Hook System->Enable Plugin/Hook System = No)

@snakes - whilst yanref has other issues, it stays on the lightweight style for me when visiting his site from my PC and phone. my test site at vbdev.org doesn't have issues either. At any rate, I guess it would be a vBulletin problem if it couldn't maintain a style across pages ...
As it was on the test site, there actually are no additional products installed, mind you this only happens when using a mobile device, browsing the mobile style from a pc/linux box, it stays in mobile mode when navigating across the site.

It also appears your forcing the mobile style or its your only style on your dev site, which i dont do, never have had that option on even when it was running 3.8.x

In another test, it appears also that i cant change styles via the usercp, only via the quick change in the footer.

Quote:
Originally Posted by Hippy View Post
@snakes
under Style & Language Settings
your Default Style is set to ?
Default Style for Old Mobile Browsers is set to ? should be none
Default Style for Modern Mobile Browsers is set to ?

in your Forums & Moderators > forum manager >Style Options is set to ?
these may affect the style and over ride things..
I dont force users to use the mobile style, as the live site has tapatalk as well as this mobile style.

It is a test site, there are no modifications to forcing a style in specific forums, as i stated it happens on any link you click.
Reply With Quote
  #713  
Old 01-04-2012, 09:57 PM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

@snakes - yes, I was using vbulletin's detection, which doesn't 'force' a style but it does pre-select the lightweight style for mobile devices, and allows changing to other styles after initial detection. I turned this off and the style no longer sticks (from my Nexus) as you reported - neither does vbulletin's style so I can only assume the issue is with vbulletin. It does 'stick' from my desktop browser.

I've questioned this behaviour on vBulletin.com
Reply With Quote
  #714  
Old 01-04-2012, 10:07 PM
flussmitteldj flussmitteldj is offline
 
Join Date: Sep 2007
Posts: 70
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I have two problems!

The Banner
http://www.abload.de/image.php?img=img_0301nplfe.png

The Football Game
http://www.abload.de/image.php?img=img_0302u5x1k.png
Reply With Quote
  #715  
Old 01-04-2012, 10:18 PM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

it doesn't support the football game, and you should choose smaller banners suitable for mobile devices only 320px wide for iphone
Reply With Quote
  #716  
Old 01-04-2012, 10:23 PM
flussmitteldj flussmitteldj is offline
 
Join Date: Sep 2007
Posts: 70
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

how can i smaller the banner for the mobile style?
Reply With Quote
  #717  
Old 01-05-2012, 08:12 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I don;t know - ask your ad provider.
Reply With Quote
  #718  
Old 01-08-2012, 04:16 PM
bremereric's Avatar
bremereric bremereric is offline
 
Join Date: Aug 2011
Location: Tomball Texas
Posts: 203
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by flussmitteldj View Post
how can i smaller the banner for the mobile style?
Photoshop
Reply With Quote
Благодарность от:
Ozymandyus
  #719  
Old 01-09-2012, 10:24 PM
bremereric's Avatar
bremereric bremereric is offline
 
Join Date: Aug 2011
Location: Tomball Texas
Posts: 203
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Okay I replaced the mobilelogo.png file with my own reduced header.png. It still shows the Mobile header. What am I missing.

https://host261.hostmonster.com:2083...eurl=&basedir=
Reply With Quote
  #720  
Old 01-10-2012, 03:59 AM
bremereric's Avatar
bremereric bremereric is offline
 
Join Date: Aug 2011
Location: Tomball Texas
Posts: 203
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by bremereric View Post
Okay I replaced the mobilelogo.png file with my own reduced header.png. It still shows the Mobile header. What am I missing.

https://host261.hostmonster.com:2083...eurl=&basedir=
Okay this is a delayed reaction like I had before. I uploaded some files to the c-panel before and it took sometime before I saw the changes. I finally saw my header.png on my phone. I replaced the mobilelogo.png in the images/misc folder and it finally worked.
Reply With Quote
  #721  
Old 01-10-2012, 09:35 PM
vexxy's Avatar
vexxy vexxy is offline
 
Join Date: Aug 2007
Posts: 102
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Great style, installed. Dartho, are you available for a small chat via PM? (it's not a support issue don't worry ). I tried to PM you but your inbox is kinda full.

tnx!
Reply With Quote
Reply


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 11:46 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.05925 seconds
  • Memory Usage 2,365KB
  • 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
  • (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
  • (14)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)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