Template για mobile χρήστες;

[michalis1984]

Γεια σας παιδιά, και χρόνια πολλά σε όλους.

Τα φώτα σας ζητάω για ακόμη μια φορά !  Μήπως υπάρχει κάποιος εύκολος τρόπος να ρυθμίσουμε αυτόματα κάποιο template για χρήστες που μπαίνουν απο κινητά;

[CREATIVE Options]

Βασικά θα πρέπει να φτιάξεις άλλο css ή template εάν ο επισκέπτης είναι μέσω mobile.
Αυτό εξαρτάτε από το template αλλά και το περιεχόμενο τις σελίδας σου.

Φυσικά υπάρχουν διάφορες λύσης του ποδαριού όπου μπορείς να τις βρεις online, αλλά εάν η σελίδα σου είναι XHTML valid δεν θα έχει πρόβλημα να την δει κάποιος χρήστης μέσω μίας mobile συσκευής τελευταίας γενιάς.

[babis1]

αν το κινητο ειναι τελευταιας γενιας οπως λεει ο νικος (οχι τα πρωτα που δεν εδειχναν java, flash κλπ) την βλεπει την σελιδα κανονικα, μου ετυχε εμενα, μου λεει ο πελατης θελω το background που βγαζει στο κινητο, του λεω γιατι μπορεις να την δεις ? και μου δειχνει την σελιδα κανονικα και μαλιστα στην οθονη του ειχε και περιθωρια δεξια-αριστερα (εξ ου και το  background) 

[michalis1984]

Έχετε δίκαιο guys. και εγώ έχω κινητό τελευταίας γενιάς με android όμως θέλω να κάνω κάτι διαφορετικό. Για παράδειγμα, δειτε την ιστοσελίδα www.askdavetaylor.com .. στο desktop και σε κινητο, θα δείτε πως το template στο κινητό είναι διαφορετικό για είναι καλύτερη η εμπειρία σε κινητό. Μπορώ να φτιάξω το template του κινητού, πως όμως θα γίνεται η αναγνώριση ότι πρόκειτε για browser κινητόυ έτσι ώστε να φορτώνει το ανάλογο template το οποίο θα είναι πιο light απο το κανονικό;  υπάρχει κάποιος τρόπος;

[ks-net]

ενας τροπος
***************************
<?php
if (ereg('iPhone',$_SERVER['HTTP_USER_AGENT'])) {
$iphone = 1;
}
elseif (ereg('iPod',$_SERVER['HTTP_USER_AGENT'])) {
$iphone = 1;
}
else {
$iphone = 0;
}
?>

κτλ...κτλ...


άλλος τρόπος
*****sto css*************

Code: [Select]

<!--#if expr="(${HTTP_USER_AGENT} = /iPhone/)"-->
<style type="text/css">
<!--
here's where you'd include special styles for the iPhone
-->
</style>
<!--#else -->
<style type="text/css">
<!--
regular web browser style and CSS information goes here
-->
</style>
<!--#endif -->

************************

μερικοί user_agents:
    'IE' - Internet Explorer
    'Gecko' - Gecko based browsers (Firefox, Camino etc)
    'Webkit' - Webkit based browsers (Safari, Chrome, Shiira etc)
    'SafMob' - Mobile Safari (iPhone / iPod Touch)
    'Opera' - Opera's browser
    'IEMac' - Internet Explorer for the Mac
    'Konq' - Konqueror
    'IEmob' - IE mobile
    'PSP' - Playstation Portable
    'NetF' - Net Front

**************

και είναι και αλλοι πολλοί τρόποι............

[CREATIVE Options]

Εγώ σε παραπέμπω στους ακόλουθους συνδέσμους:
http://www.alistapart.com/articles/return-of-the-mobile-stylesheet
http://www.w3.org/TR/css-mobile/

[ks-net]

να επανέλθω ...

για κοιταξτε παιδια αυτο ... το δοκιμαστικό!

http://mobile.ks-net.gr

με desktop και mobile browsers.. ipad iphone nokia, sony ktl....

βλέπετε το διαφορετικό tpl?

σε ποιες συσκευες το βλέπετε ή δεν το βλέπετε?

thanks!

[giannismit]

Καλή Χρονιά σε όλους!!

Η πρώτη φωτό από iPhone
Η δεύτερη από firefox 3.6

[attachment deleted by admin]

[ks-net]

ναι σωστό είναι...thanks.

δεν έχω κάνει φυσικά τις λεπτομέρειες στο css... γιαυτό τα κάποια λαθάκια....

βασικά θέλω να  τεστάρω ένα function εντόπισης κινητών

το οποίο βρήκα έτοιμο online και που κανονικά θα πρέπει να εντοπίζει το 98% των κινητών της αγοράς...

από όσο έχω δει μάλλον δουλεύει όπως θα έπρεπε...

δουλεύω πάνω σε αυτό για να ετοιμάσω το πρώτο((?)αν δε κάνω λάθος) elxis-mobile-tpl
και το ανάλογο wiki-tutorial

πολλές φορές έχω διαβάσει ότι τα κινητά πλέον μπορούν να εμφανίσουν σωστά και με τον ίδιο τρόπο που κάνουν και οι desktop-browsers τις όποιες ιστοσελίδες...
αλλά ή ανάγκη να υπάρχει μια πιο lite έκδοση για εμφάνιση στα κινητά δεν έχει ακόμα εξαφανιστεί!

οπότε πιστεύω πως μάλλον δεν χάνω τον καιρό μου άδικα!