Archive for the ‘Modèles Unifr’ Category

Tester votre site dans plusieurs navigateurs

Tuesday, February 24th, 2009

Il est parfois difficile de prévoir le rendu de telle ou telle page web sur tel navigateur.

Certains sites proposent une aide pour l’installation de multiples versions d’un même navigateur sur un OS. Mais la mise à jour et le maintien ets parfois fastidieux.

Pour éviter ce désagrément, un Xenocode vous propose d’afficher directement vos sites en simulant différents navigateurs: testez le design de vos sites dans plusieurs navigateurs

Via presse-citron

Complément menu de navigation

Monday, December 15th, 2008

Les menus de navigation souffraient d’une lacune: il n’était souvent pas possible de voir dasn quelle rubrique on se trouvait.

here-01.png

Pour combler cette lacune, un fichier CSS peut être ajouté en complément.

Dans les CMS, le fichier http://www.unifr.ch/css/common.103.css contient les éléments de base.
Les compléments sont dépendants des numéros d’UO:

  • Bleu université: http://www.unifr.ch/css/1000.nav.001.css
  • Jaune théologie: http://www.unifr.ch/css/3000.nav.001.css
  • Rouge droit: http://www.unifr.ch/css/4000.nav.001.css
  • Bleu lettres: http://www.unifr.ch/css/5000.nav.001.css
  • Rose SES: http://www.unifr.ch/css/6000.nav.001.css
  • Vert sciences: http://www.unifr.ch/css/7000.nav.001.css

Pour les activer, ajouter le style simplement à vos modèles.

Dans le CMS

Dans le CMS, localisez le document style-fr.css et style-de.css à la racine et ajoutez la ligne

@import url(http://www.unifr.ch/css/1000.nav.001.css);

correspondant à votre couleur de faculté.

here-02.png

CMS: menu de navigation secondaire, correction des niveaux

Sunday, February 17th, 2008

Le weboffice déploie depuis plusieurs mois un CMS sur demande. Par défaut, la navigation secondaire est assurée par un menu qui se déploie pour dévoiler la hiérarchie des sous-menu sous forme d’arbre. Ce menu en Javascript posait quelques soucis lors du déploiement de niveau 3.
Une correction est dès à présent disponible. Il vous suffit de suivre l’aide disponible dans le PDF annexé.

Nouvelles images pour illustrer vos pages Corporate

Tuesday, June 19th, 2007

De nouveaux bandeaux images de l’Université, Pérolles 2 et de Fribourg en général afin d’illustrer vos pages utilisant les modeles Corporate de l’Université sont disponibles sous:

http://www.unifr.ch/weboffice/unitemplate/fr/images.php

 

Menu au sommet: 2 options complémentaires

Friday, January 19th, 2007

Deux options ont été ajoutées aux styles des menus. Ces dernières permettent d’afficher la barre de séparation pour le premier élément ou de supprimer celle du dernier élément.

Ajout de ligne de séparation au premier élément

Certains utilisateurs préfèrent obtenir une ligne de séparation à gauche du premier élément du menu.

li-first.gif

Cette dernière peut être obtenue en attribuant la class first à l’élément <li> soit par exemple:

<ul>
  <li class="first"><a href="#">L’université</a></li>
  etc…

Suppression de la ligne de séparation au dernier élément

Certains utilisateurs préfèrent supprimer la ligne de séparation à droite du dernier élément du menu.

li-last.gif

Cette dernière peut être obtenue en attribuant la class last à l’élément <li> soit par exemple:

  etc...
  <li class="last"><a href="#">Liens</a></li>

</ul>

Deux styles pour l’impression

Friday, January 19th, 2007

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.

Modèles pour Wordpress

Wednesday, January 17th, 2007

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’);

Télécharger les bandeaux générés par webmaster

Saturday, December 9th, 2006

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

Menus déroulants - configurer le menu ouvert par défaut

Monday, November 27th, 2006

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.

[CSS] Correction mineure concernant les ascenseurs

Monday, November 20th, 2006

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;
}