Welcome, Guest. Please login or register.
Did you miss your activation email?
May 26, 2012, 03:31:27 PM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
155541 Posts in 21713 Topics by 7737 Members
Latest Member: simpleguy3
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: [template] with demo : VE Dual Mobile  (Read 1806 times)
Xagone
AddOn Development
*
Offline Offline

Posts: 478



WWW
« 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! Smiley
« Last Edit: February 28, 2011, 09:08:38 PM by VotreEspace » Logged

Xagone Inc. (formerly VotreEspace)
http://www.xagone.com/
Xagone
AddOn Development
*
Offline Offline

Posts: 478



WWW
« Reply #1 on: May 06, 2011, 11:09:26 AM »

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

Xagone Inc. (formerly VotreEspace)
http://www.xagone.com/
GRID8400

Offline Offline

Posts: 118



WWW
« Reply #2 on: May 12, 2011, 01:47:08 PM »

Thank you for you post!!!

good job!
Logged

Our WB websites: KEY2DESIGN & KEY2PICTURE
lawalty

Offline Offline

Posts: 16



WWW
« Reply #3 on: June 29, 2011, 07: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! Smiley

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.
Logged
Xagone
AddOn Development
*
Offline Offline

Posts: 478



WWW
« Reply #4 on: August 24, 2011, 01:45:38 PM »

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

Xagone Inc. (formerly VotreEspace)
http://www.xagone.com/
Xagone
AddOn Development
*
Offline Offline

Posts: 478



WWW
« Reply #5 on: September 02, 2011, 09: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)
Logged

Xagone Inc. (formerly VotreEspace)
http://www.xagone.com/
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!