mobiTheme - XHTML Template for Mobile Devices
mobiTheme is a XHTML theme for mobile devices such as the iPhone, iPod Touch, iPad, android based mobile phones and many other hand held mobile devices.
It can be used either as a standalone theme OR with a few lines of code inserted it can be served only to your mobile users as a mobile friendly version of your current site.
Included in the purchase of this theme is a Smart Twitter Feed PHP “widget”. The twitter widget caches your twitter RSS feed and only refreshes every 60 minutes to avoid the twitter API call limit and to help keep your site running quickly and smoothly on each and every page load.
Preview
NOTE : Please disregard any irregularities in the theme preview such as extra spacing and some characters that may look out of whack. This is merely an issue caused by the encryption software that i’ve used to try to prevent the ripping of the theme. I guarantee you that the theme itself looks and validates 100%.
mobiTheme XHTML Features Include:
- Two level navigation menu
- Easy modifications of theme color, link and hover options
- Sexy animated home page tabs
- Collapsible search form for site wide access
- Collapsible navigation menu for site wide access
- Fixed (pixel based) width layout OR 100 % liquid layout option
- Apple Touch icon
- Social networking implementation
- Includes PSD files of elements for easy modification
nice work!
ReplyDeleteThanks DF Appreciate it.
ReplyDeleteI’m really curious why the other 6 buyers didn’t rate this file?!!!
ReplyDeleteIt is truly fantastic and complex package, far beyond the standard.
It includes not only html/css/js but also complete php files folder, psd (of course) and great documentation.
It is one of the sweetest files I ever bought on Envato.
Thank you Pedrodonkey!
5 stars … just because there’s no more to give !!!
Thanks for the kind words cokoli!
ReplyDeletePerhaps the other buyers haven’t gotten around to rating yet Glad you’re pleased with your purchase.
Hi Peter…so on your recommendation, I’ve installed the Wordpress Mobile Pack plugin, activated it, etc. I uploaded the dotMobi – PHP file to the /theme directory.
ReplyDeleteWhen I go to the “Mobile Switcher” in the page in the plugin, and click on the dropdown to select the mobile theme, I don’t get an option to use this theme.
Help?
Hi,
ReplyDeleteAre you sure you purchased the WordPress version of dotMobi? http://themeforest.net/item/dotmobi-wordpress-theme-for-mobile-devices/123198
You’re commenting on the XHTML dotMobi theme so you may have purchased the incorrect theme unfortunately.
If you have the WP version follow these steps.
Upload the WordPress Mobile Pack Plugin and activate it, make sure you upload the dotMobi WordPress theme into your normal /themes folder, not the plugin’s /theme folder. Click the link in the left menu called “Mobile Switcher” and select dotMobi from the drop down list as the theme to serve to mobile users.
Does this validate as html5? Very important.
ReplyDeleteChecked here…
ReplyDeleteIs this just because of the theft prevention or are you trying to validate as something else?
Hi,
ReplyDeleteThat result is due to the theft prevention. The theme validates 100% as HTML5 and CSS3 .
If you can give me an e-mail address i can send you the location of one of the un encrypted pages so you can confirm the validation for yourself.
Cheers,
Peter
Hi I would like people to chose or not the mobile redirection. Or if they’ve been redirect to click on a button to go to the normal website. Where can I find a script like this.
ReplyDeleteBy the way excellent template !!!
Hi,
ReplyDeleteI’m not sure if this will be helpful, i have it included in the documentation of one of my other mobile themes – http://detectmobilebrowsers.mobi/
What you could do is set up the detection so that if they’re on a mobile device they get re-directed to a page offering them two options:
a. Proceed to mobile version
b. Proceed to normal desktop version
Or you could have them re-directed automatically to the mobile version.
Then on the mobile version of your theme you can have a link “View Desktop Version” somewhere in the footer so they can switch whenever they’d like.
Hope that helps!
Hello,
ReplyDeletefirst of all nice theme!
The only issue I do have is that when navigating through the side, on each page load the Dropdown Menu (menuDropDown) does automatically open and close by itself.
Beside the default hide=1 in the js I also tried an extra display:none on the div, but this still keeps on happening.
Used the php version(also for test the version provided with no changes made,full width layout) + tested on iphone4.
Could you provide a solution or some help, because this behavior is quite annoying
Thanks a lot in advance!
Hi Mallow,
ReplyDeleteUnfortunately there isn’t any workaround for this few second display of the menu on page load. You can’t add display:none; as it will then cause the menu to not open at all.
You could try calling the jquery file from your own server rather than from google as it is in the demo files, and maybe even move up the two .js files related to the menu so those fire off first right after jquery has loaded.
You might also want to try to minify those two files even though they’re pretty small as it is every little byte saved might make all the difference.
I’ll look into this when i get some time and see if there’s a way to keep the menu collapsed on page load. If i manage to find a solid solution i’ll post an update with the fix.
I think it’s safe to say that internet speed may also play a role in this as i only see the menu appear occasionally and not every single time. Could be wrong, not sure.
Cheers,
Peter
Would there be an easy way to make an iphone app that redirects to your mobile site?
ReplyDeleteNot sure i understand your question. Could you give me more details on what it is you want to achieve?
ReplyDeleteThanks,
Peter
in the #menuDropDown the “a”(link) doesn’t “show the :active state” when you click beside the text.
ReplyDeletein detail:
on my mobile device (HTC Desire HD), when you click/touch onto the area right of “Home”, you have no visual feedback fo clicking – although the link is working.
when you directly click/touch onto the word “Home” the whole block element “a” gets highlighted (including the area to the right mentioned above).
is this a known issue? does anyone know about a workaround?
Thanks in advance!
nice template btw!
test it in your own example:
http://www.wordpressmobiletheme.com/xhtml/
Hi,
ReplyDeleteI haven’t had any feedback from others on what you’ve described unfirtunately. Could you give more details on which browser you are using on your device and i’ll look into asap.
Cheers,
Peter
hi, thanks for your quick reply.
ReplyDeletebtw, i found out that it works fine on the actual iphone.
my device details:
- HTC DESIRE HD
- Android Version 2.3.3
- HTC Sense 2.1
- Browser-Version WebKit/533.1
i’m using the standard “on board” browser.
Thanks again.
All testing was done on an iPhone so unfortunately i was unaware of the issue you’ve pointed out. I’ll make some adjustments to the CSS but without an Android device at my disposal it would be quite a tedious task. I’ll do what i can and post any updates here. If you manage to find a fix before i do please let me know.
ReplyDeleteThanks,
Peter