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.8 is now available!


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 12019 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