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
  #382  
Old 05-28-2011, 09:04 PM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

That'd be more of a vbulletin issue than a style issue, and I'm not sure why, or how to work around. Have you tested with a user account?
Reply With Quote
  #383  
Old 05-29-2011, 06:06 PM
Robru Robru is offline
 
Join Date: Aug 2005
Location: Netherlands
Posts: 368
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Works very well with vB 4.1.4
Reply With Quote
  #384  
Old 05-31-2011, 09:43 AM
djawir djawir is offline
 
Join Date: Mar 2005
Posts: 17
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

attachment problem on vbulletin 4.1.3 + vbseo + unixy varnish cache

cant download attachment, always redirect to login page
Reply With Quote
  #385  
Old 05-31-2011, 02:16 PM
djawir djawir is offline
 
Join Date: Mar 2005
Posts: 17
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

fixed varnish cache issue not style issue
Reply With Quote
  #386  
Old 06-01-2011, 09:25 AM
Mooff Mooff is offline
 
Join Date: Mar 2010
Posts: 301
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

First i want to thank you for your great work. The lightweight style really is blazing fast.

Secondly i want to present the adjustment we made on our board hopeing to improve the usability considering every button is pressed by a huge finger instead of a small mouse on a smartphone display.

I'm not so much talking about the optical changes we made.

We have made one big technical change throughout the whole style. Instead of using text based links, we are using the whole div as a link, which immediately increases the clickable area, as shown on the attached screenshot. The whole grey area now functions as a link.

Here is a live demo: http://www.united-forum.de/?styleid=84


Just wanted to let you know and hope you are interested in including the technical change, since that would save us work (template changes) during an update.


previous-code:
Code:
<div class="forum{vb:raw forum.statusicon}"><img style="margin-top: 3px;" src="{vb:stylevar imgdir_statusicon}/forum_{vb:raw forum.statusicon}-16.png" alt="" align="left">&nbsp;<a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></div>
spanlink-code:
Code:
<div class="forum{vb:raw forum.statusicon}" style="position:relative"><a href="{vb:link forum, {vb:raw forum}}"><span class="uf_spanlink"></span></a><span>{vb:raw forum.title}</span></div>
(sidenode, removing the img was purely cosmetic and has nothing to do with the technical change)
additional technical change in the css file:
Code:
.forumold,.forumnew,.forumlink, .forumold_lock, .forumnew_lock
{
...
+	position: relative;
}
.uf_spanlink
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
For the thread view, the other links (lastpost etc.) do need z-index: 2, to be in front of the spanlink (which can be done via css) and these changes need to be made in about 10? or more templates. If someone is interested and my information is unclear, just ask.

Regards Mooff
Attached Images
File Type: jpeg uf_mobile.jpeg (28.6 KB, 0 views)
Reply With Quote
  #387  
Old 06-01-2011, 06:41 PM
Winter Sonata Winter Sonata is offline
 
Join Date: Apr 2010
Posts: 232
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hello

Does this style recognize small devices ? or shall one change the defulat one once you enter the site ?

Thanks
Reply With Quote
  #388  
Old 06-02-2011, 03:17 AM
CardMafia CardMafia is offline
 
Join Date: Jun 2008
Posts: 43
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Winter Sonata View Post
Hello

Does this style recognize small devices ? or shall one change the defulat one once you enter the site ?

Thanks
Set this style as the default for mobile devices in your admincp
Reply With Quote
  #389  
Old 06-02-2011, 07:25 AM
jerde jerde is offline
 
Join Date: Jun 2010
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Has anyone pursued to make this fully CMS compatible?

Dartho, how much donation would it take to get this done for CMS?
Reply With Quote
  #390  
Old 06-02-2011, 10:05 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

@Mooff - I'll have a look into that, thanks for the suggestion and code
@Sonata - what Card+++++ said! (this is just a style - no inbuilt detection, but VB has that)
@jerde - I've done some custom work on CMS for a specific site, but doubt this is directly transferable as the CMS's can be customised so much, so I have no plans at the moment on actually doing the CMS at present.
Reply With Quote
  #391  
Old 06-02-2011, 08:52 PM
jerde jerde is offline
 
Join Date: Jun 2010
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Understood, I was just thinking simplicity is better. Have a single column that shows the title, author, and content of the article. That's it. As long as it's fast, and people can read the news, that's all that matters.

Let me know if you would be willing to do a CMS customization for my site blackberryos.com? I'd send you a donation for your help.
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 04:55 AM.


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.17755 seconds
  • Memory Usage 2,358KB
  • 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
  • (3)bbcode_code
  • (1)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
  • (6)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