Install and use the Nokia Mobile Theme with Mobile Plugin

The Nokia Mobile is designed to work well on low-end devices and excel on high devices and touch screen devices.

Special features

1. Integrated detection of device families (low, mid and high end) specific for Nokia, but supporting many popular devices such as iPhone, Android-based and Palm Pre/Pixi
2. Show different theme features depending on browser capabilities (use accordions to hide areas that are not used frequently, use of shades and CSS to make the look nicer, more)
3. Tweaks for touch devices
4. Specific tweaks for some specific Nokia devices such as the N900

Also see the handbook page Nokia Mobile Theme for some basic information on the theme and other supported modules.

Pre-requisites

1. Drupal 6
2. Mobile Plugin

Installation

There are a few steps to complete the installation, but it is not as hard as it might seem. Just follow these steps:

1. Download the latest stable release of the Nokia Mobile Theme
2. Install nokia_mobile theme in sites/all/themes
3. Go to Site building > Themes and enable the theme. DO NOT set it as default
4. Go to Site Building > Mobile Plugin > Device groups
5. Click on "Edit group" for the group "mobile"
   • Set the field Theme to nokia_mobile
   • SAVE
6. Click on "add new group"
   • Set the field Name to nokia low-end (IT IS case sensitive)
   • Set the field Theme to nokia_mobile
   • SAVE
7. Click on "add new group"
   • Set the field Name to nokia high-end (IT IS case sensitive)
   • Set the field Theme to nokia_mobile
   • SAVE
8. Click on "add new group"
   • Set the field Name to nokia high-end with touch (IT IS case sensitive)
   • Set the field Theme to nokia_mobile
   • SAVE
9. Click on "Filter group css and js" for the "nokia low-end" group
   • in the text area for Allow JS files for group nokia low-end: enter the value sites/all/themes/nokia_mobile/scripts/low/
   • SAVE
10. Click on "Filter group css and js" for the "nokia high-end" group
    • in the text area for Allow JS files for group nokia high-end: enter the value sites/all/themes/nokia_mobile/scripts/high/
    • SAVE
11. Click on "Filter group css and js" for the "nokia high-end with touch" group
    • in the text area for Allow JS files for group nokia high-end with touch: enter the value sites/all/themes/nokia_mobile/scripts/high/ (yes, this is the same as the high-end without touch)
    • SAVE
12. Go to Detection rules
13. Edit the last detection rule, the one that sets the device to the group "mobile". Change the group to "nokia low-end"
14. Go to Site building > Themes > Configure and choose nokia_mobile. At the bottom of the page make sure you have checked "Detect devices based on Nokia rules (default)." and pick a color for the buttons, "Blue" if you go with the standard Drupal color, for example. Click "Save configuration".

Source code :http://drupal.org/node/684728