Script site tél mobile ...
Fermé
TigerDTD
-
10 août 2011 à 12:27
TigerDTD Messages postés 859 Date d'inscription lundi 24 août 2009 Statut Membre Dernière intervention 28 février 2024 - 12 août 2011 à 17:58
TigerDTD Messages postés 859 Date d'inscription lundi 24 août 2009 Statut Membre Dernière intervention 28 février 2024 - 12 août 2011 à 17:58
A voir également:
- Script site tél mobile ...
- Script vidéo youtube - Guide
- Site de telechargement - Guide
- Site inaccessible - Guide
- Site de vente entre particulier - Guide
- Télécharger film complet sur mobile - Télécharger - TV & Vidéo
5 réponses
Utilisateur anonyme
10 août 2011 à 12:54
10 août 2011 à 12:54
Bonjour,
Pas à ma connaissance, la méthode utilisée est de fabriquer un template pour chaque type de smartphone et d'appeler le template suivant le smartphone utilisé. C'est fastidieux mais c'est ainsi.
Cordialement
Pas à ma connaissance, la méthode utilisée est de fabriquer un template pour chaque type de smartphone et d'appeler le template suivant le smartphone utilisé. C'est fastidieux mais c'est ainsi.
Cordialement
TigerDTD
Messages postés
859
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
28 février 2024
12
10 août 2011 à 13:08
10 août 2011 à 13:08
Ouch, y'a pas le choix ? Et ensuite comment fait on pour faire une redirection automatique si c'est comme ça qu'on fait en fonction du template ?
TigerDTD
Messages postés
859
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
28 février 2024
12
10 août 2011 à 13:27
10 août 2011 à 13:27
?
kevin76110
Messages postés
4273
Date d'inscription
vendredi 14 août 2009
Statut
Membre
Dernière intervention
27 mars 2013
872
10 août 2011 à 14:05
10 août 2011 à 14:05
J'ai demandé à ma copine, elle m'a dit qu'il y avait un peu de code à rajouter dans le .htaccess pour différencier les téléphone des ordinateurs.
reste à savoir lequel ...
reste à savoir lequel ...
mpmp93
Messages postés
6652
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1 339
10 août 2011 à 14:40
10 août 2011 à 14:40
Bonjour,
La réponse ici:
http://html5.immo-scope.com/index.php?page=html5/htmlPourSmartphones
Il faut 2 fichiers CSS distincts...
A+
La réponse ici:
http://html5.immo-scope.com/index.php?page=html5/htmlPourSmartphones
Il faut 2 fichiers CSS distincts...
A+
TigerDTD
Messages postés
859
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
28 février 2024
12
10 août 2011 à 14:49
10 août 2011 à 14:49
Eh ben voila :) ...
YES, super mpmp93. Merci beaucoup;
Cependant, es-tu le concepteur de ce script ou gérant du site car j'ai quand même deux ou trois questions ... genre : le site a affichage d'ordi ne sera plus détecté comme tél pas les smartphones, il n'y aura donc pas deux sites mais juste un site qui adapte sa taille, c'est la même adresse etc ? Ensuite, sur un site avec bcp de texte, la page va faire des kilometres de long si elle affiche 25 caractères de large non, quoiqu'avec le zoom ?
Enfin je chipotte mais c'est quand même cool. Par contre, voila, le principe, je comprend, j'ai des doutes sur le résultat exact mais je demande bien sur à voir. As tu donc plus d'infos ou un article plus détaillé sur l'installation stp ?
En tous cas, merci encore pour té réponse simple et surtout plein sujet ;) ...
YES, super mpmp93. Merci beaucoup;
Cependant, es-tu le concepteur de ce script ou gérant du site car j'ai quand même deux ou trois questions ... genre : le site a affichage d'ordi ne sera plus détecté comme tél pas les smartphones, il n'y aura donc pas deux sites mais juste un site qui adapte sa taille, c'est la même adresse etc ? Ensuite, sur un site avec bcp de texte, la page va faire des kilometres de long si elle affiche 25 caractères de large non, quoiqu'avec le zoom ?
Enfin je chipotte mais c'est quand même cool. Par contre, voila, le principe, je comprend, j'ai des doutes sur le résultat exact mais je demande bien sur à voir. As tu donc plus d'infos ou un article plus détaillé sur l'installation stp ?
En tous cas, merci encore pour té réponse simple et surtout plein sujet ;) ...
TigerDTD
Messages postés
859
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
28 février 2024
12
12 août 2011 à 17:51
12 août 2011 à 17:51
???
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
TigerDTD
Messages postés
859
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
28 février 2024
12
12 août 2011 à 17:58
12 août 2011 à 17:58
En fait, il faudrait :
- 1) un code à mettre dans le fichier ht.access qui détecte si c'est un smartphone ou non et qui renvoie si c'est un smartphone, vers le fichiers stylemobile.css plutot que sur le style.css normal.
- 2) un fichier stylemobile.css, que j'ai : "
Et c'est ok normalement. Bon il me faut un smartphone pour tester, que je n'ai pas là :) ...
Cependant, je me demande quel code il faut mettre exactement, de source sure, sur le ht.access.
Ensuite le le fichier stylemobile.css nommé ainsi et mis à côté su style.css normal est ok ?
- 1) un code à mettre dans le fichier ht.access qui détecte si c'est un smartphone ou non et qui renvoie si c'est un smartphone, vers le fichiers stylemobile.css plutot que sur le style.css normal.
- 2) un fichier stylemobile.css, que j'ai : "
@media (max-width: 640px) {
/* passer tous les éléments de largeur fixe en largeur automatique */
body, element1, element2 {
width: auto !important;
margin: auto !important;
padding: auto !important;
}
/* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */
img, table, td, blockquote, code, pre, textarea, input, object, embed, video {
max-width: 100% !important;
}
/* gestion des mots longs */
textarea, table, td, th, code, pre, samp {
word-wrap: break-word; /* césure forcée */
white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */
}
/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
element1, element2 {
float: none !important;
width: auto !important
}
/* masquer les éléments superflus */
.hide_mobile {
display: none !important;
}
/* Un message personnalisé */
body:before {
content: "Version mobile du site";
display: block;
color: #777;
text-align: center;
font-style: italic;
Et c'est ok normalement. Bon il me faut un smartphone pour tester, que je n'ai pas là :) ...
Cependant, je me demande quel code il faut mettre exactement, de source sure, sur le ht.access.
Ensuite le le fichier stylemobile.css nommé ainsi et mis à côté su style.css normal est ok ?
10 août 2011 à 16:40
On peut utiliser des styles assez génériques pour une majorité de smartphones:
body {
margin-top: 2px;
margin-bottom: 2px;
font-size: 15px;
color: #3f3f3f;
background-color: white;
font-family: Verdana, arial, sans-serif;
}
est nécessaire et suffisant pour adapter le contenu de la page à la majorité des smartphones.
A+