Accueil > Développement web > SPIP > X) "Correction" du style de l’interface privée
339 visites

X) "Correction" du style de l’interface privée

vendredi 14 septembre 2012

Version imprimable de cet article Version imprimable

Pa défaut, l’interface privée propose 2 styles :

  • écran petit, sur 2 colonnes, pour les petites résolutions
  • écran large, sur 3 colonnes, pour les écrans larges (jusque là, normal)

Mais ces styles sont prévus pour des résolutions précises, et la taille des éléments, dans un cas comme dans l’autre, est fixe.
Le style "large" est prévu pour un écran de 1024 ou 1280px "seulement", car la première colonne fait 200px de large, et la colonne du milieu, celle du contenu fait 540px.

Je me suis donc permis de "corriger" ce style afin de rendre les blocs "adaptables" à la taille de l’écran, 1280px, 1680px, ou plus, ou moins, et ce en utilisant des blocs en position "absolute", dont certains en taille fixe pour les menus.

Petite précision toutefois, le style modifié est celui de l’écran "petit", ce qui implique deux choses :

  • En choisissant l’écran "large" dans les préférences de l’auteur, le style sera....mixte : conteneur avec taille adaptable, et dedans des blocs de taille fixe (comme les deux premiers décrits plus haut).
  • Il n’y a "que" 2 colonnes.

Le style "corrigé" se présente comme suit :

  • entête et menus en haut, centrés sur toute la largeur.
  • pied de page (en bas, donc...) avec version de Spip, de l’écran de sécurité, et lien vers la mise à jour de Spip s’il y a lieu.
  • cadre conteneur entre les deux, sur toute la largeur, divisé en deux sous-cadres, un de navigation (de 200px de large) et un de contenu (rubrique, article....), à taille adaptable.

Visuellement, ça ressemble à ça :
info document - JPEG - 113.8 ko

Pour ceux qui souhaiteraient une interface privée au style à taille variable, les fichiers modifiés du style de l’interface privée (et les autres en fait, je n’ai pas vraiment fait de détail) sont dans l’archive 7z ci jointe ;

Style interface privée -  7 Zip - 19.2 ko
Style interface privée

Bien sûr, il pourrait être utile de sauvegarder les fichiers avant de les remplacer, au cas où le nouveau style de l’interface privée ne vous conviendrait pas.
L’archive est à décompresser dans le répertoire prive/themes/spip/ du site web.

Il faudra ensuite vider le cache dans local/cache-css/ et tmp/cache/

Répondre à cet article

Total 144429 visites depuis 2455 jours | Site réalisé par Vader[FR] | SPIP | | Plan du site | Suivre la vie du site RSS 2.0 | contact mail