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
  #832  
Old 03-03-2012, 02:54 AM
Filgga's Avatar
Filgga Filgga is offline
 
Join Date: Jul 2007
Posts: 69
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

^^^^
Thanks dartho for the above info; can the vBSEO Like system be added in the same manner?
Reply With Quote
  #833  
Old 03-03-2012, 03:01 AM
Filgga's Avatar
Filgga Filgga is offline
 
Join Date: Jul 2007
Posts: 69
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dartho View Post
Nowadays I generaly tell people to use vBulletin's built in one - then I don't have to support it
Your version for detection of devices was superb, used to detect iPad either. The vBulletin's buit-in one does not.
Reply With Quote
  #834  
Old 03-03-2012, 04:03 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Filgga View Post
^^^^
Thanks dartho for the above info; can the vBSEO Like system be added in the same manner?
Link me to a copy and I can look when I get a chance
Reply With Quote
  #835  
Old 03-03-2012, 04:10 AM
Hippy's Avatar
Hippy Hippy is offline
 
Join Date: Dec 2001
Location: USA, New Jersey
Posts: 2,392
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dartho View Post
This probably needs a bit of tweaking, but here goes:

edit post_thanks_box template in the lightweight style and replace contents with:
Code:
<div class="windowbg" id="post_thanks_box_$post[postid]">$post_thanks_box</div>
edit post_thanks_button template in lightweight style and replace contents with:
Code:
<a id="btn" href="post_thanks.php?$session[sessionurl]do=post_thanks_add&amp;p=$post[postid]&amp;securitytoken=$bbuserinfo[securitytoken]" id="post_thanks_button_$post[postid]"<if condition="$vboptions[disable_ajax] != 2"> onclick="return post_thanks_give($post[postid], <if condition="$vboptions[post_groan_integrate]">true<else />false</if>);"</if> <if condition="$display_thanks_image == 'none'">style="display:none"</if> rel="nofollow">Thanks</a>
edit post_thanks_postbit template in the lightweight style and replace contents with:
Code:
<if condition="$post['post_thanks_amount'] == 1">
	<phrase 1="$post[username]">$vbphrase[post_thanks_user_says]</phrase>
<else />
	<phrase 1="$post[post_thanks_amount_formatted]" 2="$post[username]">$vbphrase[post_thanks_users_say]</phrase></if>

$post[post_thanks_bit]
edit postbit and postbit_legacy templates in lightweight style , search for
Code:
<img src="$stylevar[imgdir_misc]/moderated_small.gif" alt="$vbphrase[moderated_post]" border="0" />
</if>
</div>
</if>
and replace with
Code:
<img src="$stylevar[imgdir_misc]/moderated_small.gif" alt="$vbphrase[moderated_post]" border="0" />
</if>
$template_hook[postbit_controls]
</div>
</if>
$template_hook[postbit_end]
I think that should just about do it - assuming it is this hack: https://vborg.vbsupport.ru/showthread.php?t=165673 that you have installed

caveat: this may introduce other hacks into the lightweight style which use the postbit_end and postbit_control hooks
the code posted is old
anyway updated to vb4
would be I guess (below)
but still don't work

post_thanks_box
Code:
<div class="windowbg" id="post_thanks_box_{vb:raw post.postid}"> 
	{vb:raw post_thanks_box}
</div>
post_thanks_button

Code:
<a id="btn" href="post_thanks.php?{vb:raw session.sessionurl}do=post_thanks_add&amp;p={vb:raw post.postid}&amp;securitytoken={vb:raw bbuserinfo.securitytoken}" id="post_thanks_button_{vb:raw post.postid}"<vb:if condition="$vboptions[disable_ajax] != 2"> onclick="return post_thanks_give({vb:raw post.postid}, <vb:if condition="$vboptions[post_groans_integrate]">true<vb:else />false</vb:if>);"</vb:if> <vb:if condition="$display_thanks_image == 'none'">style="display:none"</vb:if> rel="nofollow" class="post_thanks_button">{vb:rawphrase post_thanks_thanks}</a>

post_thanks_postbit
Code:
<vb:if condition="$post['post_thanks_amount'] == 1">
			{vb:rawphrase post_thanks_user_says, {vb:raw post.username}}
		<vb:else />
			{vb:rawphrase post_thanks_users_say, {vb:raw post.post_thanks_amount_formatted}, {vb:raw post.username}}
		</vb:if>
					{vb:raw post.post_thanks_bit}
postbit and postbit_legacy templates in lightweight style I don't have
Code:
<img src="$stylevar[imgdir_misc]/moderated_small.gif" alt="$vbphrase[moderated_post]" border="0" />
</if>
</div>
</if>
and the hooks would be
Code:
{vb:raw template_hook.postbit_controls}
{vb:raw template_hook.postbit_end}
but the hooks are not working from what I can tell.. or something else..

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

ah - sorry, I did that under 3.8.7 as that's what I use

I will have look a tthe vb4 vesion
Reply With Quote
  #837  
Old 03-03-2012, 07:22 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Should be able to get something up tonight for this...
Reply With Quote
  #838  
Old 03-03-2012, 09:36 AM
thenamesgould thenamesgould is offline
 
Join Date: Mar 2008
Posts: 61
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Dartho, if you have the time and inclination, it would be amazing if you could have a look at adding this thanks hack for vb4 ... https://vborg.vbsupport.ru/showthread.php?t=243510
Reply With Quote
  #839  
Old 03-03-2012, 11:12 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Integrating Abe1's post thanks add-on into the lightweight style.

replace the following templates with the code provided (in the lightweight style only!!)
post_thanks_box
Code:
<if condition="$post_thanks_box"><div class="windowbg" id="post_thanks_box_$post[postid]">$post_thanks_box</div></if>
post_thanks_button
Code:
<a id="btn" href="post_thanks.php?{vb:raw session.sessionurl}do=post_thanks_add&amp;p={vb:raw post.postid}&amp;securitytoken={vb:raw bbuserinfo.securitytoken}" id="post_thanks_button_{vb:raw post.postid}"<vb:if condition="$vboptions[disable_ajax] != 2"> onclick="return post_thanks_give({vb:raw post.postid}, <vb:if condition="$vboptions[post_groan_integrate]">true<vb:else />false</vb:if>);"</vb:if> <vb:if condition="$display_thanks_image == 'none'">style="display:none"</vb:if> rel="nofollow" class="post_thanks_button">{vb:rawphrase post_thanks_thanks}</a>
post_thanks_postbit
Code:
<vb:if condition="$post['post_thanks_amount'] == 1">
			{vb:rawphrase post_thanks_user_says, {vb:raw post.username}}
		<vb:else />
			{vb:rawphrase post_thanks_users_say, {vb:raw post.post_thanks_amount_formatted}, {vb:raw post.username}}
		</vb:if>
{vb:raw post.post_thanks_bit}

Edit both the postbit & postbit_legacy templates as follows

Search for:
Code:
<vb:if condition="$post['editlink']"><a id="btn" href="{vb:raw post.editlink}">{vb:rawphrase edit}</a></vb:if>
Add the following immediately above:
Code:
{vb:raw template_hook.postbit_controls}
Then go to end of template and paste in:
Code:
{vb:raw template_hook.postbit_end}
and your done!
Reply With Quote
  #840  
Old 03-03-2012, 11:24 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Just noticed something else with the style in general - my last update only included updates to the postbit_legacy template which should have been made to both postbit and postbit_legacy (they are meant to be identical). I suggest overwriting the postbit template copying with the contents of the postbit_legacy template.
Reply With Quote
  #841  
Old 03-03-2012, 11:59 AM
Hippy's Avatar
Hippy Hippy is offline
 
Join Date: Dec 2001
Location: USA, New Jersey
Posts: 2,392
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dartho View Post
Integrating Abe1's post thanks add-on into the mobile style.

replace the following templates with the code provided (in the lightweight style only!!)
post_thanks_box
Code:
<div class="windowbg" id="post_thanks_box_{vb:raw post.postid}">{vb:raw post_thanks_box}</div>
post_thanks_button
Code:
<a id="btn" href="post_thanks.php?{vb:raw session.sessionurl}do=post_thanks_add&amp;p={vb:raw post.postid}&amp;securitytoken={vb:raw bbuserinfo.securitytoken}" id="post_thanks_button_{vb:raw post.postid}"<vb:if condition="$vboptions[disable_ajax] != 2"> onclick="return post_thanks_give({vb:raw post.postid}, <vb:if condition="$vboptions[post_groan_integrate]">true<vb:else />false</vb:if>);"</vb:if> <vb:if condition="$display_thanks_image == 'none'">style="display:none"</vb:if> rel="nofollow" class="post_thanks_button">{vb:rawphrase post_thanks_thanks}</a>
post_thanks_postbit
Code:
<vb:if condition="$post['post_thanks_amount'] == 1">
			{vb:rawphrase post_thanks_user_says, {vb:raw post.username}}
		<vb:else />
			{vb:rawphrase post_thanks_users_say, {vb:raw post.post_thanks_amount_formatted}, {vb:raw post.username}}
		</vb:if>
{vb:raw post.post_thanks_bit}

Edit both the postbit & postbit_legacy templates as follows

Search for:
Code:
<vb:if condition="$post['editlink']"><a id="btn" href="{vb:raw post.editlink}">{vb:rawphrase edit}</a></vb:if>
Add the following immediately above:
Code:
{vb:raw template_hook.postbit_controls}
Then go to end of template and paste in:
Code:
{vb:raw template_hook.postbit_end}
and your done!
your the best .. worked like a charm

I have dbtech_bookmark and thread system and like you said this will bring on other mods
now showing a image but not working from what I can tell
this is the code ..in template dbtech_bookmark_post
whats do I change ..and will there be other changes to other templates
thanks again

Code:
<img name="newpostbookmarklink" data-hasbookmarked="{vb:var hasBookmarked}" data-postid="{vb:var post.postid}" data-bookmark="dbtech/bookmark/images/post.png" data-bookmarked="dbtech/bookmark/images/delete.png" src="<vb:if condition="$hasBookmarked">dbtech/bookmark/images/delete.png<vb:else />dbtech/bookmark/images/post.png</vb:if>" alt="{vb:raw phrase}" style="cursor:pointer; vertical-align:middle;" />
<span class="seperator">&nbsp;</span>
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 01: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.06173 seconds
  • Memory Usage 2,390KB
  • 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
  • (23)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