A voir également:
- Script site tél mobile ...
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Script vidéo youtube - Guide
5 réponses
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
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 ?
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+
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 ;) ...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 ?
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+