WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • [template] with demo : VE Dual Mobile
  • Print
Pages: [1]   Go Down

Author Topic: [template] with demo : VE Dual Mobile  (Read 11300 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 »
Logged
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)
Logged
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!
Logged
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 »
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! :)

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

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
Logged
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]
Logged
Xagone Inc. (formerly VotreEspace)
http://xagone.com/

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • [template] with demo : VE Dual Mobile
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2