WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: Xagone on February 26, 2011, 12:31:18 AM

Title: [template] with demo : VE Dual Mobile
Post by: Xagone 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! :)

[gelöscht durch Administrator]
Title: Re: [template] with demo : VE Dual Mobile
Post by: Xagone on May 06, 2011, 12:09:26 PM
i've got a new version that could work with domain name detection (default being *.domain.com = html4, m.domain.com = mobile)
Title: Re: [template] with demo : VE Dual Mobile
Post by: GRID8400 on May 12, 2011, 02:47:08 PM
Thank you for you post!!!

good job!
Title: Re: [template] with demo : VE Dual Mobile
Post by: lawalty on June 29, 2011, 08:56:58 PM
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! :)

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.
Title: Re: [template] with demo : VE Dual Mobile
Post by: Xagone on August 24, 2011, 02:45:38 PM
the mobile menu is essentialy the same as normal, without the float:left in li
Title: Re: [template] with demo : VE Dual Mobile
Post by: Xagone on September 02, 2011, 10:17:13 AM
Latest version 1.5
added: frontend files (css/js)
added: searchbox in html4 and mobile
changed: now mobile and html4 is the same content (no more separated blocks)
added: readme.txt to explained some things
added: subdomain mobile detection (like m.domain.com)
added: var to make ie6 detection as mobile true or false (in case you love ie6)

[gelöscht durch Administrator]