Weboffice

Deux éléments de style ont été ajoutés pour l’impression, il s’agiut de saut de page avant/après une zone.

La classe appelée est

• breakbefore pour un saut de ligne avant le bloc
• breakafter pour un saut de ligne après le bloc

Code introduit dans les styles:

.breakafter {
page-break-after: always;
}
.breakbefore {
page-break-before: always;
}


Veuillez vous référer à la documentation sur CSS pour vérifier la compatibilité des navigateur et leur comportement face à ces deux instructions.

Un template pour Wordpress est à présent disponible aux couleurs des facultés. Il est disponible en version 0.9.5 et s’intitule unifrclassic

Installer

1. Téléchargez l’archive zip
2. Décompressez l’archive unifrclassic dans le dossier /wp-content/themes de Wordpress
3. Téléchargez le dossier sur le serveur
4. Rendez-vous dans le module d’administration de Wordpress, choisissez Presentation puis Themes
5. Sélectionnez le template Unifr Classic
6. Choisissez dans UnifrClassic Skins la couleur de votre faculté

Options

Vous pouvez spécifier un bandeau particulier à afficher dans votre blog. Pour cela, éditer le CSS contenu dans /wp-content/themes/unifrclassic/skins

Vous trouverez en ligne 11 quelque chose du genre:

@import url('http://unifr.ch/css/wordpress/unifr095/');

Ajouter l’argument img=URL_DE_VOTRE_IMAGE, soit par exemple:

@import url('http://unifr.ch/css/wordpress/
unifr095/?img=http://www.unifr.ch/images/crpr/1000.mensa.png’);

Après avoir commandé un modèle web par le formulaire, vous recevez un fichier HTML ou Template Dreamweaver. Ce dernier contient la référence à une feuille de style sur le serveur. Tous ces éléments peuvent être chargés en local si vous en avez besoin. Cependant, notez que nous recommandons d’utiliser les feuilles de styles et les éléments graphiques mis en ligne par nos soins: en effet, nous répercutons les corrections ou les changements automatiquement sans que vous n’ayez à vous soucier des mises à jour

Certains webmasters désirent importer localement les bandeaux. Nous avons mis à leur disposition une interface permettant de charger facilement le bandeau de leur choix. ATTENTION: seuls les baandeaux commandés et générés par nos soins figurent dans la liste. Si votre bandeau manque, veuillez le commander d’abord à l’aide du formulaire idoine.

Sélecteur de bandeau: unifr.ch/images/crpr

Si vous avez déployé la navigation secondaire sous forme de menu déroulant, vous vous êtes peut-être demandé comment conserver l’ouverture de ces derniers.

Plusieurs options sont possibles. Par défaut, le script va ouvrir le menu dans lequel figure la page que vous ouvrez. Par exemple, si vous avec une page 2 dans un menu 3, en cliquant sur le lien ‘page2′, cette dernière s’ouvrira, déployant également le menu 3. Si la page ne figure dans aucun menu, par défaut encore, le premier menu va se déployer complètement.

Attention, ces options sont exclusives, c’est-à-dire qu’il faut en choisir une sans la combiner à l’autre

Ne pas déployer le premier menu

Si vous ne désirez pas que le script ouvre le premier menu s’il n’a trouvé aucun lien de référence, vous pouvez simplement changer la variable expandFirstItemAutomatically dans le script que vous avez collé dans votre en-tête, en lui attribuant la valeur 0 au lieu de 1

var expandFirstItemAutomatically=0;

Forcer l’ouverture dans le script

Vous pouvez spécifier quel menu sera ouvert dans une page. Pour cela, vous pouvez spécifier une identité, un ID, dans le tag LI du menu à déployer (pas de l’élément, mais du menu). Par exemple, pour déployer le menu download:

<li id="MenuInitialOuvert"><a href="#">Download</a></li>

Dans le script qui figure dans l’en-tête, changez simplement la variable initMenuIdToExpand en lui attribuant la valeur que vosu avez choisie pour le ID, par exemple:

var initMenuIdToExpand = 'MenuInitialOuvert';

Forcer l’ouverture dans l’url

Dans un lien, vous pouvez forcer l’ouverture d’un menu en passant en paramètre la variable mainMenuItemToSlide qui correspond au menu à déployer. L’exemple ci-dessous étend le menu 2 de la page page.html

<a href="http://url/page.html?mainMenuItemToSlide=2">

Toutes ces options peuvent être utilisées par exemple en jouant avec des include ou des groupes d’include pour faciliter leur gestion.

Suite à la remarque de quelques utilisateurs, nous avons forcé l’affichage des ascenseurs sur les pages web des modèles.
En effet, sans cet ajout, les pages ‘valsaient’ lorsque l’on passait d’un affichage court sans ascenseur, à un affichage plus long, ce qui semblait désagréable pour l’internaute.

L’ajout concerne la feuille de style centrale common.001.css. Le style modifié est la balise HTML.


html {
  /* IE */
  overflow-y: scroll;
  /* Moz */
  height: 100%;
  margin-bottom: 0.1em;
}