Réunion de travail 2008-03-01
Adaptation iTheme à toute taille d 'écran
Sommaire
Participants
Mitra, FixObjet de la réunion
Obtenir une méthode et un plan de travail pour adapter "automatiquement" le modèle iTheme à un écran.
Avant-Propos
Nous nous sommes fixés comme méthode générale de réaliser progressivement des choses de plus en plus complexes. Apprendre en faisant. Continuer parce qu'on a réussi. Notre premier travail, sur une suggestion de Mitra : adapter "automatiquement" iTheme à la taille de l'écran.Le problème et le but
iTheme avant : la position des colonnes est définie fixement par rapport au bord gauche (de l'écran, du navigateur). Selon la taille de l'écran, l'ensemble du blog semble décalé vers la gauche par rapport à la totalité de l'écran, décalé vers la droite, ou centré.iTheme après : quelle que soit la taille de l'écran (du navigateur), le blog apparaît centré.
Déroulement de la réunion
Fix apprend à lire un modèle VBMitra débute en javascript. "Tout est détectable (largeur écran, etc.) et modifiable (CSS, etc.)"
Test : le modèle détecte les dimensions de l'écran
Conclusion
Le problème posé peut être résolu très simplement :1) détection des caractéristiques écran (navigateur)
2) en fonction de ces caractéristiques, une formule calcule l'emplacement souhaité des colonnes.
3) les valeurs des emplacements de colonne sont modifiées dans le CSS
Suite des opérations
1) Nous concoctons la formule, écrivons le script de modification des emplacements de colonne. Un modèle personnel adapté sera disponible d'ici peu ("le plus vite possible", ça vous va ?) pour que vous puissiez le tester.2) .... éventuels perfectionnements et prise en compte des remarques des testeurs.
Remarque : nous essaierons autant que possible de documenter notre travail. Pour que d'autres puissent s'en inspirer, prendre la suite, etc.
Derniers commentaires
→ plus de commentaires