WebsiteBaker Support (2.8.x) > Templates, Menus & Design

[template] with demo : VE Dual Mobile

(1/2) > >>

Xagone:
Here's a template demo, not an actual ready to use template, but a demo with the feature :

- Normal HTML4
- Mobile version
- Autodetect mobile device, switch between version enabled
- IE6 is detected as MOBILE, because i like not to care about it anymore and play with PNG!

Demo here : http://www.votreespace.net/wbdemo/

Template file is in this post

How does it work :
in the template, index.php is only the detector, redirector to witch version of the template to show.
tpl_html4.php is the normal template, like the index.php of a normal template
tpl_mobile.php is the mobile version of the template, when detected or switched to (with the footer link)

for the content, i've separated in block
Block[1] = html4
Block[2] = mobile

so i can format for mobile, or you could use the same block, it's your choice.

And as the template goes, I like the design I've made, could it be a 2.9 default ? hehe... joking! :)

[gelöscht durch Administrator]

Xagone:
i've got a new version that could work with domain name detection (default being *.domain.com = html4, m.domain.com = mobile)

GRID8400:
Thank you for you post!!!

good job!

lawalty:

--- Quote from: VotreEspace on February 26, 2011, 12:31:18 AM ---Here's a template demo, not an actual ready to use template, but a demo with the feature :

- Normal HTML4
- Mobile version
- Autodetect mobile device, switch between version enabled
- IE6 is detected as MOBILE, because i like not to care about it anymore and play with PNG!

Demo here : http://www.votreespace.net/wbdemo/

Template file is in this post

How does it work :
in the template, index.php is only the detector, redirector to witch version of the template to show.
tpl_html4.php is the normal template, like the index.php of a normal template
tpl_mobile.php is the mobile version of the template, when detected or switched to (with the footer link)

for the content, i've separated in block
Block[1] = html4
Block[2] = mobile

so i can format for mobile, or you could use the same block, it's your choice.

And as the template goes, I like the design I've made, could it be a 2.9 default ? hehe... joking! :)

--- End quote ---

I really appreciate the work you have done on creating an easy way to have a website shown as regular and as in mobile format.  Please put up a 'DONATE' link from PayPal so we can donate to your work.

A quick question, in your example the mobile menu 'web pages listed' is shown vertical.  How do I tweak the 'mobile.css' file to have it show in a horizontal format?

I have search through the internet and I can't find a solution.

Xagone:
the mobile menu is essentialy the same as normal, without the float:left in li

Navigation

[0] Message Index

[#] Next page