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
  #222  
Old 12-30-2010, 10:45 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I spotted that <br> and <p> html codes issue ealy on in my testing with VB4 (during beta stages maybe)?, and I couldn;t figure it out, then one of the subsequent releases made it go away so I put it down to a VB issue. It's not happening for me under 4.1.0 and hasn't since 4.0.5
Reply With Quote
  #223  
Old 12-30-2010, 11:43 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

BTW - almost got this ready for a 3.8 beta release
Reply With Quote
  #224  
Old 12-31-2010, 02:00 PM
BadgerDog BadgerDog is offline
 
Join Date: Oct 2006
Location: Toronto
Posts: 1,789
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hi Dartho ..

Well, I finally took the holiday time to get around to installing both this lightweight style and also the newer lightweight style options version here:

https://vborg.vbsupport.ru/showthread.php?t=249339

I already had the older lightweight style options 1.04 installed, which was this one ...

https://vborg.vbsupport.ru/showthread.php?t=229044

I'm not sure if I should uninstall the latter?

Anyway, my real problem is the display of "sticky threads" (see pic). Any idea why some of them have their titles with the "struck out line" through them?

Thanks for your great work ... :up:

Regards,
Doug
Attached Images
File Type: jpg Screen shot 2010-12-31 at 10.54.28 AM.jpg (100.4 KB, 0 views)
Reply With Quote
  #225  
Old 12-31-2010, 09:51 PM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

closed threads etc are reprasented with a strike through - you can edit the CSS file to changet his behaviour. Search for "text-decoration: line-through;" and either delete it, or modify to suit your needs, maybe text-decoration: italic;?
Reply With Quote
  #226  
Old 01-01-2011, 09:53 AM
BadgerDog BadgerDog is offline
 
Join Date: Oct 2006
Location: Toronto
Posts: 1,789
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dartho View Post
closed threads etc are reprasented with a strike through - you can edit the CSS file to changet his behaviour. Search for "text-decoration: line-through;" and either delete it, or modify to suit your needs, maybe text-decoration: italic;?
Thank you Sir..

I found this reference "text-decoration: line-through;" in vbulletin.css for all styles including your lightweight one ...

Is that the one you're referring to?

Also, do I use the "Support Developer" button here to send you a PayPal payment? I think I sent you something for the previous version, but I'd like to do so with this version as well.

Regards,
Doug

Edit: Ok, I remarked out the phrase in the vbulletin.css for the lightweight style only as follows:

Quote:
.restore del {
/* Striking deleted phrases. */
/* text-decoration: line-through; */
}
However, the stickied threads shown in the pic still appear strick through?
Reply With Quote
  #227  
Old 01-01-2011, 09:06 PM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

You need to edit the file lightweight.css.php which was uploaded to your forum root
Reply With Quote
  #228  
Old 01-01-2011, 11:04 PM
BadgerDog BadgerDog is offline
 
Join Date: Oct 2006
Location: Toronto
Posts: 1,789
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dartho View Post
You need to edit the file lightweight.css.php which was uploaded to your forum root
Doh ..

Give me a coffee break and you have to re-train me ..

Thanks ..

Regards,
Doug
Reply With Quote
  #229  
Old 01-02-2011, 09:42 AM
BadgerDog BadgerDog is offline
 
Join Date: Oct 2006
Location: Toronto
Posts: 1,789
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Tested using text-decoration: italic; but threads come out looking like regular textl, however, the good news is the strike-through text is gone now which is fine for us.

Sent you a donation through PayPal for your excellent work ... :up:

Still seem to have an oddity with sticky threads not showing with word "Sticky" like they do in your demo site. (see pic). I'm not sure what the two phrases titled "Normal Threads" and "Sticky Threads" are doing isolated on their own at the top and they don't seem to be clickable as collapsible boxes etc?

Regards,
Doug

ps: I asked this under your PDA detaction thread, but I thought I'd post here as welll. I have a 56kb dial-up users who complain the site is slow for them using a regular PC and browser, so I was wondering if this mod could be adapted to recognize a 56kb dial-up user and automatically present this excellent "Lightweight Style"?

I know our Google Analytics code reads data from someplace and shows me analysis of type of connect speeds used when accessing our site, so I think it's possible?
Attached Images
File Type: jpg Screen shot 2011-01-02 at 6.36.33 AM.jpg (66.7 KB, 0 views)
Reply With Quote
  #230  
Old 01-02-2011, 11:13 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

G'day Doug,
My bad - italic will not work, as it is not a possible value or text-decoration. If italic is the way you want to go, try making it font-style:italic;

Looks like you have a seperate normal and sticky threads hack installed which would explain that issue - point me to the add-on and I'll have a quick look when I get a chance.

A quick check of your site shows detection is working OK (for my device at least)

As for detecting dialup visitors - that's probably a little further outside my abilities than all this other stuff I hack my way through - not sure how one would go about such things - a timer perhaps to see how fast a random image loads and take a best guess?
Reply With Quote
  #231  
Old 01-02-2011, 02:57 PM
BadgerDog BadgerDog is offline
 
Join Date: Oct 2006
Location: Toronto
Posts: 1,789
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dartho View Post
G'day Doug,
My bad - italic will not work, as it is not a possible value or text-decoration. If italic is the way you want to go, try making it font-style:italic;
Tried that and they still appear as regular text subject lines. Don't worry about it as the "strike through" was what I was trying to fix and it's fine now.

Quote:
Originally Posted by dartho View Post
Looks like you have a seperate normal and sticky threads hack installed which would explain that issue - point me to the add-on and I'll have a quick look when I get a chance.
Separate Sticky and Normal Threads by pdtan

Thanks.. would be great if it worked with his, or somehow remove his mod JUST from your style.

Quote:
Originally Posted by dartho View Post
A quick check of your site shows detection is working OK (for my device at least)
That's great .. thank you for checking .. :up:

Quote:
Originally Posted by dartho View Post
As for detecting dialup visitors - that's probably a little further outside my abilities than all this other stuff I hack my way through - not sure how one would go about such things - a timer perhaps to see how fast a random image loads and take a best guess?
I'm not sure either, but I wonder if there's connection data that's available someplace and it's accessible, which would explain how Google is able to break out connections by speed including dial-up.

I know there are add-ons that figure out what kind of browser (ie: IE6, Firefox etc) that users are employing, so I bet it's part of that data set. No problem though. I'll perhaps post a general question in the discussion area when I get more time.

Thanks for you help ...

Regards,
Doug
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 12:30 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.05544 seconds
  • Memory Usage 2,369KB
  • 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
  • (7)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
  • (7)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