The Arcive of Official vBulletin Modifications Site.

Mobile Device Style Assignment · **Released**: 11-06-2006

This is my first released hack, be nice.

This hack will detect when a mobile device connects to your site and allow you to override the default style/skin with one you specify.

Just install the product-file and set which style is your mobile device style via the AdminCP. Has been tested with several 3.6.x versions up to 3.6.8

I am also releasing a skin I wrote (it is based on vbmechanics Alabama skin, so updated or modified would be a more accurate description) for my own needs - it could probably be tidied up a lot more, but it works for me - take it as it is, I may offer limited support for this skin if I get time (no promises), and feel free to offer suggestions. Mobi - My super light skin is probably the one to go for, it has much greater functionailty.

=Install Instructions=
Go to Plugin System, Manage Products in your AdminCP and click Add/Import Product link at the end of the page
Browse for the product-mobile_enabled36-x.x.x.xml product file and click 'import'
Refresh your admincp page and in VBulletin Options, select the settings for 'Mobile Device Detection'
Change the styleid of your mobile skin in "Mobile Device Style" to the StyleID number of your mobile device skin
Change the styleid of your PDA skin in "PDA Device Style" to the StyleID number of your PDA device skin
Your mobile/pda skin must be user selectable (although you can disbale the ability for users to change styles in vBulletin Options)
Thats it!

=Upgrade Instructions=
Go to Plugin System, Manage Products in your AdminCP and click Add/Import Product link at the end of the page
Browse for the product-mobile_enabled36-x.x.x.xml product file
Choose to overwrite
Click 'import'
Re-configure Styleid of mobile/pda skin if required

VERSION 1.0.7a
Based on initial release - supports assigning one alternative style to ALL detected mobile devices

VERSION 2.1.2
Now allows the addition of exceptions and also specifying a skin for Pocket PCs (Windows CE devices) and a skin for all otehr detected mobile devices.
I've also released a very light skin HERE which is great for cell/Mobile phones

LAST UPDATE 22-October 2007
VERSION 2.1.3 - removed, small bug
VERSION 2.1.3a

Added ability to assign different styles to IPods/iPhones (In addiotn to Windows CE devices and other detected mobile devices
Added ability to assign specific style to a user defined device (based on user agent string).

You will need to know the useragent string, or a unique fragment of the user agent string to do this. One exmple of how this can be used would be to assign a specific style to say Firefox users, perhaps a different style for Blackberry users, or you could assign a specific style to search engines (beware when doing this - google apprently doesn't like people displying different content to search engines)

To upgrade, simply overwrite product - your existing settings should be preserved.

I've left the previous version available for download - to get the new version, download and install the attached XML

**BACKUP YOUR DB BEFORE INSTALLING**

Other Mobile / Lite Skins:

Mobile - My super light skin
iPhone / iPod Touch Optimised Style
Alabama
VBLite
WAP Plugin - this is a similar product and skin which I didn't find till after I'd made this one - it seems to be more directed at WAP devices as opposed to all Mobile Devices, and appears to no longer be supported, but worth having a look at.

Remember to click install and give a rating :up:

keywords: Mobile, PDA, Autodetect, Autoselect, WAP, Skin, portal, cell, phone, iphone

3.7 Version Here

dartho · #**302** 02-07-2008, 01:32 AM

I'm using vbAdvanced and all I did was edit the adv_portal template for my mobile style and replaced the contents with

Code:

$stylevar[htmldoctype]
<html>
<head>
<title>$vboptions[hometitle] <if condition="$pagetitle">- $pagetitle</if></title>

$headinclude

</head>
<body>

$header

$navbar

<div><a href="forum.php">Click here to go to the forums!</a></div>

$footer

</body>
</html>

You could however replace it with a meta redirect such as:

HTML Code:

<html>
<head>
<title>Redirecting to mobile friendly</title>
<META http-equiv="refresh" content="2;URL=http://URL_TO_FORUM_HOME">
</head>
<body>
<p>
Redirecting to mobile site...
</p>
</body>
</html>

MotMann · #**303** 02-09-2008, 11:43 AM

I use alabama Style. I have select, that User can switch to the Style. I have the right Style ID.
But, the corrcet Style dont be displayed on my iPhone

And. if i set direct the style, the Letters and Icons are to small.

What shell i do?

An a lot of W3C Org problems exist

Chadi · #**304** 02-09-2008, 05:46 PM

Ok, I'm confused. How do I know what the style ID is for the default style and the mobile style I uploaded? I can't believe that I cannot find that info.

On a side note, can someone explain how to provide a drop down list for style selection (regardless if visiting via a computer or pda/mobile device). Thanks.

Obi Wan · #**305** 02-13-2008, 06:57 AM

nice work

voter · #**306** 02-13-2008, 10:41 AM

It was working with emulators yester after I installed.
But today any mobile phone emulator I have tried to open my site wap.viparmenia.com shows Error: Status code 413.

Dartho or anybody? - HELP!

dartho · #**307** 02-13-2008, 11:05 AM

not sure why you would get a 413 error. Howerer - going wap.viparmenia.com from a desktop browser works a treat - but it seems that your wap. address simply redirects to you default URL with a styleid=xx parameter on the URL? This doesn't seem to be in keeping with how this add-on is designed...

Visiting http://viparmenia.com/vb/index.php?styleid=17 directly via an emulator works fine (and quick) but visiting via wap.viparmenia.com ytakes a long long time to load, but ultimately works OK, however it is still a redirect.

You should double check all your settings for this addon and also for your wap.viparmenia.com sub domain to make sure it is not a redirect, but is parked on teh same root as the primary domain.

dartho · #**308** 02-13-2008, 11:11 AM

OK - I just had another look. Not sure what you are doing, but your portal is stiull being rendered in the full style and mobile emulators/devices are probably giving up (it has a huge amount of data)

Edit the adv_portal template in the CMPS group for teh mobile styles and replace the contents with

Code:

<html>
<head>
<title>Redirecting to mobile friendly</title>
<META http-equiv="refresh" content="2;URL=http://URL_TO_FORUM_HOME">
</head>
<body>
<p>
Redirecting to mobile site...
</p>
</body>
</html>

make sure to change the URL in the code above

dartho · #**309** 02-13-2008, 11:16 AM

Quote:

Originally Posted by chadi

Ok, I'm confused. How do I know what the style ID is for the default style and the mobile style I uploaded? I can't believe that I cannot find that info.

On a side note, can someone explain how to provide a drop down list for style selection (regardless if visiting via a computer or pda/mobile device). Thanks.

The drop down box would be a style dependant thing as opposed to this modification.

You can get the styleid number by clicking on teh "GO" next the the style of your choice in Style Manager. In the next screen up the top of the main frame you will see teh following:

Fonts / Colors etc.: StyleName (id: xx)

where xx is the styleid number

Jase2 · #**310** 02-13-2008, 02:35 PM

Hello Dartho,

thanks for this release, I hope you can keep it going.

Does this work with vB 3.7 BETA 4?

Regards Jason

Jase2 · #**311** 02-13-2008, 04:14 PM

Doesn't work with 3.7, says xml error when trying to import.

Please can you release this for 3.7?

Thanks,

Regards Jason

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05309 seconds Memory Usage 2,322KB Queries Executed 25 (?)
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 (2)bbcode_code (1)bbcode_html (1)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (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 post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!