Author Topic: [template] with demo : VE Dual Mobile  (Read 7130 times)

Offline Xagone

  • Posts: 482
  • Gender: Male
  • Developper
    • Xagone Inc
[template] with demo : VE Dual Mobile
« 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]
« Last Edit: February 28, 2011, 09:08:38 PM by VotreEspace »
Xagone Inc. (formerly VotreEspace)
http://xagone.com/

Offline Xagone

  • Posts: 482
  • Gender: Male
  • Developper
    • Xagone Inc
Re: [template] with demo : VE Dual Mobile
« Reply #1 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)
Xagone Inc. (formerly VotreEspace)
http://xagone.com/

Offline GRID8400

  • Posts: 119
  • Gender: Male
  • It's all about design!
    • KEY2DESIGN
Re: [template] with demo : VE Dual Mobile
« Reply #2 on: May 12, 2011, 02:47:08 PM »
Thank you for you post!!!

good job!
Our WB websites: KEY2DESIGN & KEY2PICTURE

Offline lawalty

  • Posts: 17
    • (TVN) Direct Text Marketing
Re: [template] with demo : VE Dual Mobile
« Reply #3 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.

Offline Xagone

  • Posts: 482
  • Gender: Male
  • Developper
    • Xagone Inc
Re: [template] with demo : VE Dual Mobile
« Reply #4 on: August 24, 2011, 02:45:38 PM »
the mobile menu is essentialy the same as normal, without the float:left in li
Xagone Inc. (formerly VotreEspace)
http://xagone.com/

Offline Xagone

  • Posts: 482
  • Gender: Male
  • Developper
    • Xagone Inc
Re: [template] with demo : VE Dual Mobile
« Reply #5 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]
Xagone Inc. (formerly VotreEspace)
http://xagone.com/

 

postern-length