Appliquer une feuille de style personnalisée à un site SharePoint

Important :  Cet article a été traduit automatiquement, voir l’avertissement. Vous pouvez consulter la version en anglais de cet article ici.

Cet article décrit comment créer automatiquement une copie personnalisée de la feuille de style par défaut dans la Liste des dossiers d'un site lorsque vous modifiez une feuille de style par défaut dans ce site. Cet article illustre également comment appliquer une nouvelle feuille de style à d'autres sites ou sous-sites et comment rétablir par la suite la feuille de style par défaut si vous le souhaitez. Enfin, cet article vous indique comment procéder pour les sites Windows SharePoint Services 3.0 et Microsoft Office SharePoint Server 2007.

Que voulez-vous faire ?

Apporter des modifications aux styles dans un site

Appliquer une feuille de style personnalisée locale à d’autres sites

Arrêter l’utilisation d’une feuille de style personnalisée locale

Modifier ou remplacer la feuille de style par défaut pour la collection de sites entière

Modifier les styles d'un site

Avec Microsoft Office SharePoint Designer 2007, vous pouvez personnaliser la structure et l'aspect d'un site SharePoint en modifiant les feuilles de style par défaut appliquées à ce site. Vous pouvez également appliquer vos propres feuilles de style personnalisées à d'autres sites, ou choisir à tout moment de supprimer vos feuilles personnalisées et de rétablir la feuille de style par défaut qui réside sur le serveur de cette collection de sites. Vous pouvez effectuer toutes ces modifications dans les sites Windows SharePoint Services 3.0 et Office SharePoint Server 2007.

La page default.master du site local et les volets Propriétés CSS et Gérer les styles vous permettent d'identifier les styles appliqués à l'élément visuel que vous voulez modifier, puis de les modifier.

Important : Si vous voulez que vos modifications apparaissent dans toutes les pages du site, vérifiez que vous travaillez dans la page default.master de ce site, et non dans la page default.aspx.

Ouverture de la boîte de dialogue Modifier le style à partir des Propriétés CSS

Par défaut, les styles de tous les sites SharePoint d'une collection de sites sont définis dans une seule feuille de style résidant sur le serveur. Dans Windows SharePoint Services 3.0, ce fichier est Core.css. Dans Office SharePoint Server 2007, il peut avoir plusieurs noms. Par exemple, les styles de la page maître personnalisée BlackBand.master sont définis dans la feuille de style Band.css.

La première fois que vous modifiez un style d'une page d'un site, Office SharePoint Designer 2007 ouvre automatiquement une nouvelle copie locale de la feuille de style par défaut et l'actualise avec vos modifications. Lorsque vous enregistrez ou fermez la page de cette copie, vous êtes invité à confirmer vos personnalisations.

Les personnalisations sont reportées dans la nouvelle version locale de la feuille de style, enregistrée dans un nouveau dossier _styles créé automatiquement dans la Liste des dossiers de votre site. Toute modification ultérieure apportée aux styles du même site sera reportée dans cette version locale, que vous pouvez directement modifier.

Liste des dossiers avec le dossier _styles et la feuille de style personnalisée Core.css

Lorsque vous personnalisez la feuille de style par défaut (telle que Core.css) de façon à faire apparaître une copie dans le dossier _styles de votre Liste des dossiers, la feuille personnalisée est utilisée pour afficher toutes les pages de votre site. Vous pouvez rétablir à tout moment l'utilisation de la feuille de style par défaut en renommant ou en supprimant la feuille personnalisée.

Important : Lorsque vous avez personnalisé une feuille de style, ne déplacez pas le fichier personnalisé ou le dossier _styles (par exemple, par une opération de glisser/déplacer ou de copier/coller). Si vous ne déplacez pas le fichier ou le dossier, chaque page de votre site affiche un lien rompu vers la feuille de style personnalisée : aucun style n'est alors appliqué dans les pages.

Deux options permettent de remédier à cette situation :

  • Pour afficher les pages en utilisant la feuille de style personnalisée, déplacez-la à nouveau dans le dossier _styles au niveau supérieur du répertoire du site.

  • Pour rétablir le site avec la feuille de style par défaut, déplacez la feuille de style personnalisée à nouveau dans le dossier _styles au niveau supérieur du répertoire du site. Ensuite, renommez-la ou supprimez-la.

    Si la feuille de style personnalisée n'existe plus, créez un fichier vide du même nom (ex. Core.css) dans le dossier _styles au niveau supérieur du répertoire du site. Ensuite, supprimez ou renommez ce fichier vide pour procéder à la restauration de la feuille de style par défaut.

Haut de la Page

Appliquer une feuille de style personnalisée locale à d'autres sites

Par défaut, une feuille de style personnalisée locale est appliquée uniquement au site ou sous-site dans lequel elle est personnalisée (voir l'illustration ci-dessous).

Collection de sites avec une feuille de style par défaut et une feuille de style personnalisée

Cependant, il est également possible d'appliquer votre feuille de style personnalisée locale à d'autres sites. Les deux paragraphes suivants expliquent comment procéder.

Si vous voulez appliquer une feuille de style personnalisée locale à la fois à un site et à quelques-uns de ses sous-sites, il est généralement plus facile de commencer par créer la feuille de style personnalisée, puis d'utiliser une des méthodes ci-dessous pour l'appliquer aux sous-sites.

Attacher une feuille de style à un autre site

Dans l'environnement Windows SharePoint Services 3.0 ou Office SharePoint Server 2007, vous pouvez attacher manuellement une feuille de style personnalisée située dans un site à un autre site.

Lorsque vous voulez attacher une feuille de style à un autre site, vérifiez que vous l'attachez à la page maître par défaut de ce site.

  1. Dans Office SharePoint Designer 2007, ouvrez le site auquel vous voulez appliquer une feuille de style personnalisée existante.

  2. Dans le site, ouvrez la page maître par défaut.

  3. Dans le menu Format, pointez sur Styles CSS et cliquez ensuite sur Attacher une feuille de style.

  4. Dans la boîte de dialogue Attacher une feuille de style, cliquez sur Parcourir pour rechercher et sélectionner la feuille de style personnalisée que vous voulez appliquer.

  5. Dans la section Attacher à, cliquez sur Page active.

  6. Dans la section Attacher comme, cliquez sur Lien, puis sur OK.

    La feuille de style spécifiée est appliquée à la page maître par défaut et à toutes les pages de contenu attachées à cette page maître

    Pour afficher les styles actualisés en Mode création, vous devrez peut-être appuyer sur la touche F5 pour rafraîchir l'affichage.

  7. Pour enregistrer la page maître avec le nouveau lien à la feuille de style, dans le menu Fichier, cliquez sur Enregistrer. (Vous pouvez également appuyer sur les touches CTRL+S.)

    Pour appliquer la même feuille de style à d'autres sites, procédez de même pour chaque site individuellement. Si vous travaillez dans l'environnement Office SharePoint Server 2007 et si vous voulez appliquer une feuille de style personnalisée à un site et à tous ses sous-sites, reportez-vous à la section suivante.

Appliquer une feuille de style à un site et à tous ses sous-sites

Si vous travaillez dans l'environnement Office SharePoint Server 2007, vous pouvez utiliser le navigateur pour appliquer en une seule opération une feuille de style personnalisée à plusieurs sites.

Remarque : Cette fonction est disponible uniquement dans Office SharePoint Server 2007, et non dans Windows SharePoint Services 3.0.

Cette procédure profite d'une fonctionnalité baptisée héritage. Il est possible de configurer un site pour hériter des styles utilisés dans son site parent — le site situé immédiatement supérieur dans la hiérarchie des sites. Dans l'illustration ci-dessous, le site de deuxième niveau à droite contient une version locale personnalisée de la feuille de style par défaut. Chacun des six sous-sites de cette collection est configuré pour hériter ses styles de son site parent. Par conséquent, les sept sites de cette collection utilisent la même version personnalisée de la feuille de style par défaut. Les flèches indiquent les héritages.

Collection de sites avec une feuille de style par défaut et une feuille de style personnalisée

Pour appliquer une feuille de style personnalisée existante résidant dans un site Office SharePoint Server 2007 à tous les sous-sites :

  1. Dans le navigateur, ouvrez le site Office SharePoint Server 2007 où réside la feuille de style personnalisée existante.

  2. Dans le menu Actions du site, effectuez une des opérations suivantes :

    • Cliquez sur Paramètres du site.

    • Pointez sur Paramètres du site et cliquez sur Modifier tous les paramètres du site.

  3. Dans la page Paramètres du site, sous Structure et aspect, cliquez sur Page maître.

  4. Dans la page Paramètres de la page maître du site, dans la section URL CSS de remplacement, cliquez sur Spécifier un fichier CSS à utiliser par ce site de publication et tous les sites qui en héritent, puis tapez le chemin complet de la feuille de style personnalisée, y compris le nom du fichier, dans la zone prévue.

    Remarques : 

    • Du fait que le dossier _styles est caché et qu'il n'est pas possible de l'afficher dans le navigateur, vous ne pouvez pas utiliser le bouton Parcourir pour rechercher et sélectionner une version personnalisée d'une feuille de style qui se trouve dans un dossier _styles.

    • Vous pouvez copier et coller la première partie de la trajectoire, y compris le nom du site, dans la zone adresse dans la partie supérieure du navigateur. Veillez à désactiver après le nom du site, cependant et ne contiennent pas les noms de dossier ou un fichier superflus au sein du site. Par exemple, si le chemin d’accès dans la zone adresse est http://My_site/Subsite_1/_Layouts/ChangeSiteMasterPage.aspx, copier et coller uniquement la partie http://My_site/Subsite_1/, et tapez le reste de la trajectoire manuellement. (Le reste de la trajectoire sera généralement _styles/customized_style_sheet, où customized_style_sheet est le nom de la feuille de style personnalisée que vous voulez appliquer.)

  5. Cochez la case Réinitialiser tous les sous-sites pour hériter de cet URL CSS de remplacement , puis cliquez sur OK.

    La feuille de style personnalisée, déjà appliquée au site actif, est maintenant également appliquée à tous ses sous-sites.

    Pour afficher les styles actualisés dans les sous-sites, vous devrez peut-être rafraîchir l'affichage.

Dans l'illustration ci-dessous, une deuxième version locale personnalisée de la feuille de style par défaut a été ajoutée à la collection de sites de droite et appliquée à tous les sous-sites du site. De même, les flèches indiquent les héritages.

Collection de sites avec une feuille de style par défaut et 2 feuilles de style personnalisées

Configurer un sous-site pour hériter des styles de son site parent

Si vous travaillez dans l'environnement Office SharePoint Server 2007, vous pouvez utiliser le navigateur pour configurer un sous-site de façon qu'il hérite des styles utilisés par le site immédiatement supérieur.

Remarque : Cette fonction est disponible uniquement dans Office SharePoint Server 2007, et non dans Windows SharePoint Services 3.0.

Pour configurer un sous-site de façon qu'il hérite des styles utilisés par le site immédiatement supérieur :

  1. Dans Office SharePoint Server 2007, ouvrez le sous-site auquel vous voulez appliquer les styles.

  2. Dans le menu Actions du site, effectuez une des opérations suivantes :

    • Cliquez sur Paramètres du site.

    • Pointez sur Paramètres du site, puis cliquez sur Modifier tous les paramètres du site.

  3. Dans la page Paramètres du site, sous Structure et aspect, cliquez sur Page maître.

  4. Dans la page Paramètres de la page maître du site, dans la section URL CSS de remplacement, cliquez sur Hériter l'URL CSS de remplacement du parent de ce site.

  5. Cochez ou non la case Réinitialiser tous les sous-sites pour hériter de cet URL CSS de remplacement, puis cliquez sur OK.

    Conseil : Pour afficher les styles actualisés, vous devrez peut-être rafraîchir l'affichage.

Haut de la Page

Arrêter d'utiliser une feuille de style personnalisée locale

Si vous ne voulez plus utiliser une feuille de style personnalisée locale pour un ou plusieurs sites, vous disposez de plusieurs options. Vous pouvez :

  • Arrêter d'appliquer la feuille de style personnalisée à d'autres sites auxquels elle est attachée ou dont ils héritent    Si vous voulez continuer à utiliser la feuille de style personnalisée au moins dans le site où elle réside, vous pouvez arrêter de l'appliquer à d'autres sites auxquels elle est actuellement appliquée.

  • Arrêter d'appliquer la feuille de style personnalisée au site où elle réside, mais conserver une copie dans ce site pour utilisation ou référence ultérieure    Cette option vous permet de revenir rapidement et à tout moment à la feuille de style personnalisée.

  • Supprimer la feuille de style personnalisée et le dossier _styles du site où ils résident    Il s'agit de la manière la plus facile, la plus sûre et la plus complète de supprimer une feuille de style personnalisée.

Arrêter d'appliquer une feuille de style à d'autres sites

Si vous voulez continuer une feuille de style personnalisée au moins dans le site dans lequel elle réside, mais arrêter de l'appliquer à d'autres sites auxquels elle est attachée ou qui y font référence par héritage, procédez d'une des deux manières suivantes.

Si la feuille de style est attachée (Office SharePoint Server 2007 ou Windows SharePoint Services 3.0)

  1. Dans Office SharePoint Designer 2007, ouvrez le site où vous voulez arrêter d'appliquer une feuille de style personnalisée.

  2. Dans ce site, ouvrez la page default.master.

  3. Dans le menu Format, pointez sur Styles CSS, puis cliquez sur Gérer les liens des feuilles de style.

  4. Dans la boîte de dialogue Lier une feuille de style, cliquez sur Toutes les pages.

  5. Dans la liste URL, cliquez sur l'URL de la feuille de style que vous voulez supprimer, puis sur Supprimer. Cliquez ensuite sur OK.

    La feuille de style personnalisée n'est alors plus appliquée à ce site.

    Pour afficher les styles actualisés, vous devrez peut-être rafraîchir l'affichage.

Si la feuille de style est héritée (Office SharePoint Server 2007 uniquement)

  1. Dans Office SharePoint Server 2007, ouvrez le site dont vous voulez arrêter l'héritage d'une feuille de style personnalisée.

  2. Dans le menu Actions du site, effectuez une des opérations suivantes :

    • Cliquez sur Paramètres du site.

    • Pointez sur Paramètres du site, puis cliquez sur Modifier tous les paramètres du site.

  3. Dans la page Paramètres du site, sous Structure et aspect, cliquez sur Page maître.

  4. Dans la page Paramètres de la page maître du site, dans la section URL CSS de remplacement, cliquez sur Utiliser les styles par défaut Windows SharePoint Services . Cliquez ensuite sur OK.

    Ce site n'hérite plus de la feuille de style personnalisée.

    Pour afficher les styles actualisés, vous devrez peut-être rafraîchir l'affichage.

Arrêter d'appliquer une feuille de style, mais conserver une copie

Si vous voulez arrêter d'utiliser une feuille de style personnalisée locale et rétablir la feuille de style par défaut, et si voulez en conserver une copie de la version personnalisée pour utilisation ou référence ultérieure, procédez comme suit :

  1. Dans la Liste des dossiers, dans le dossier _styles, cliquez avec le bouton droit sur le fichier de la feuille de style personnalisée. Cliquez ensuite sur Réinitialiser la définition du site dans le menu contextuel.

  2. Dans la boîte de dialogue Avertissement de définition du site, cliquez sur Oui pour confirmer la réinitialisation.

    Une copie de la version personnalisée est effectuée ; une copie locale de la version du serveur par défaut est créée.

    Remarques : 

    • Les deux sites qui héritent de ce site et les sites auxquels la feuille de style personnalisée est manuellement attachée utilisent automatiquement la copie locale de la version du serveur par défaut.

    • Pour afficher les styles actualisés, vous devrez peut-être rafraîchir l'affichage.

Supprimer complètement une feuille de style

Si vous voulez arrêter d'utiliser une feuille de style personnalisée locale et rétablir la feuille de style par défaut, et si vous ne voulez pas conserver une copie de la version personnalisée pour utilisation ou référence ultérieure, procédez comme suit :

  1. Cliquez avec le bouton droit sur le dossier _styles où se trouve la version personnalisée et cliquez sur Supprimer dans le menu contextuel.

  2. Lorsque vous y êtes invité, confirmez la suppression, l'annulation des personnalisation et le rétablissement de la feuille de style par défaut. (Il peut y avoir plusieurs messages.)

    Remarques : 

    • Les sites qui héritent de ce site réutilisent automatiquement la feuille de style par défaut.

    • Sites à laquelle la feuille de style personnalisée est manuellement attachée doivent avoir la feuille de style manuellement détachée avant qu’ils basculent correctement à l’aide de la feuille de style par défaut. Utilisez la procédure Si la feuille de style est joint précédemment dans cette section.

    • Pour afficher les styles actualisés, vous devrez peut-être rafraîchir l'affichage.

Haut de la Page

Modifier ou remplacer la feuille de style par défaut pour l'ensemble de la collection de sites

Si vous voulez modifier la feuille de style par défaut de façon que vos modifications s'appliquent à tous les sites de la collection, ou si vous voulez remplacer la feuille de style par défaut au niveau supérieur de la collection par une autre feuille de style, contactez l'administrateur de votre serveur. Cette opération doit être effectuée sur le serveur : elle n'est pas possible dans le navigateur ou dans Office SharePoint Designer 2007.

Haut de la Page

Remarque : Avertissement traduction automatique : cet article a été traduit par un ordinateur, sans intervention humaine. Microsoft propose cette traduction automatique pour offrir aux personnes ne maîtrisant pas l’anglais l’accès au contenu relatif aux produits, services et technologies Microsoft. Comme cet article a été traduit automatiquement, il risque de contenir des erreurs de grammaire, de syntaxe ou de terminologie.

Développez vos compétences
Découvrez des formations
Accédez aux nouvelles fonctionnalités en avant-première
Rejoignez le programme Office Insider

Ces informations vous ont-elles été utiles ?

Nous vous remercions pour vos commentaires.

Merci pour vos commentaires. Il serait vraisemblablement utile pour vous de contacter l’un de nos agents du support Office.

×