Conception et réalisation de sites web sur mesure.

des sites web sur mesures

Ecran large pour spip

Pour obtenir une largeur plus important des champs d’éditions dans l’interface privé de SPIP ( version 2.1.12, versions antérieures non testées), il faut modifier deux fichiers...

  • prive/spip_prive.html
  • extensions/porte_plume/css/barre_outils_prive.css

N.B. il est possible/conseillé de sauvegarder ces fichiers dans votre répertoire /squelettes

L’exemple ci-dessous agrandi les champs d’éditions de 200px ce qui convient bien pour des écran de 1280 pixels de largeur.

prive/spip_prive.html

Modifier les lignes ligne 52 et 54

.large #conteneur,.large .table_page,.large div.messages { margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 974px; }
.large #contenu { float: #GET{left}; margin-#GET{left}: 17px; width: 540px; }

par

.large #conteneur,.large .table_page,.large div.messages { margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 1174px; }
.large #contenu { float: #GET{left}; margin-#GET{left}: 17px; width: 740px; }

extensions/porte_plume/css/barre_outils_prive.css

Ajouter de nouvelles instructions

.formulaire_spip  textarea.markItUpEditor, .formulaire_spip li.editer_texte textarea {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;  
        -ms-box-sizing: border-box;
}

par

.formulaire_spip  textarea.markItUpEditor, .formulaire_spip li.editer_texte textarea {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;  
        -ms-box-sizing: border-box;
        font-size: 12px;
        font-family:Arial, Helvetica, sans-serif;
}

je


copyright © akilia