Aplicar una hoja de estilos personalizada en un sitio de SharePoint

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

En este artículo se describe cómo se crea automáticamente una copia personalizada de la hoja de estilos predeterminada en la Lista de carpetas de un sitio cuando cambia un estilo predeterminado en dicho sitio. También se demuestra cómo aplicar esta nueva hoja de estilos a otros sitios y subsitios, y cómo revertir a la hoja de estilos predeterminada si se desea. Finalmente, en este artículo se muestra cómo hacer esto tanto en los sitios de Windows SharePoint Services 3.0 como en los de Microsoft Office SharePoint Server 2007.

¿Qué desea hacer?

Realizar cambios en los estilos de un sitio

Aplicar una hoja de estilos personalizada en otros sitios

Dejar de usar una hoja de estilos personalizada

Modificar o reemplazar la hoja de estilos predeterminada para la colección de sitios

Hacer cambios en los estilos de un sitio

Con Microsoft Office SharePoint Designer 2007 se puede personalizar el aspecto de un sitio de SharePoint haciendo cambios en los estilos predeterminados que se aplican al sitio. También se pueden aplicar estilos personalizados a los demás sitios o elegir en cualquier momento quitar todos los estilos personalizados y revertir a la hoja de estilos predeterminada que reside en el servidor para esa colección de sitios. Puede hacer cualquiera de estos cambios en los sitios de Windows SharePoint Services 3.0 y de Office SharePoint Server 2007.

Si trabaja con la página default.master en el sitio local y usa los paneles de tareas Propiedades de CSS y Administrar estilos, puede identificar qué estilos se aplican al elemento visual que desea cambiar y después modificar esos estilos.

Importante: Si desea que sus cambios aparezcan en todas las páginas del sitio, asegúrese de que está trabajando con la página default.master del sitio y no con la página default.aspx.

Cuadro de diálogo Modificar estilo que se abre desde Propiedades de CSS

De forma predeterminada, los estilos de todos los sitios de SharePoint de una colección de sitios se definen en una sola hoja de estilos que reside en el servidor. En Windows SharePoint Services 3.0, el nombre de este archivo es Core.css. En Office SharePoint Server 2007, este archivo puede tener varios nombres. Por ejemplo, los estilos de la página maestra personalizada denominada BlackBand.master se definen en una hoja de estilos denominada Band.css.

La primera vez que modifica una hoja de estilos de una página de un sitio, Office SharePoint Designer 2007 abre automáticamente una nueva copia local de la hoja de estilos predeterminada y la actualiza con sus cambios. Cuando guarda o cierra la página o la copia de la hoja de estilos predeterminada, se le pide que confirme sus personalizaciones.

Las personalizaciones confirmadas se reflejan en la nueva versión local de la hoja de estilos, que se almacena en una nueva carpeta denominada _styles que se crea automáticamente en la Lista de carpetas del sitio. Cualquier cambio que se realice después en los estilos en el mismo sitio se reflejará en esta versión local de la hoja de estilos, que también se puede modificar directamente.

Lista de carpetas con la carpeta _styles y la hoja de estilos Core.css personalizada

Cuando personaliza la hoja de estilos predeterminada (por ejemplo, Core.css) para que aparezca una copia en la carpeta _styles de su Lista de carpetas, la hoja de estilos personalizada se usa para mostrar todas las páginas del sitio. Puede revertir a la hoja de estilos predeterminada en cualquier momento cambiando el nombre de la hoja de estilos personalizada o eliminándola.

Importante: Después de personalizar una hoja de estilos, no mueve el archivo personalizado o la carpeta _styles (por ejemplo, con una operación de arrastrar o colocar, o de cortar y pegar). Si no mueve el archivo o la carpeta, cada página del sitio se mostrará con un vínculo roto a la hoja de estilos personalizada y ninguno de los estilos se aplicará a ninguna página.

Hay dos opciones para recuperarse ante esta situación:

  • Para mostrar las páginas con la hoja de estilos personalizada, muévala de nuevo a la carpeta _styles del nivel superior del directorio del sitio.

  • Para restaurar el sitio con la hoja de estilos predeterminada, mueva la hoja de estilos personalizada de nuevo a la carpeta _styles en el nivel superior del directorio del sitio y entonces elimine la hoja de estilos o cámbiele el nombre.

    Si la hoja de estilos personalizada ya no existe, cree un archivo vacío que tenga el mismo nombre (por ejemplo, Core.css) en la carpeta _styles del nivel superior del directorio del sitio y elimine el archivo vacío o cámbiele el nombre para desencadenar el proceso de restauración de la hoja de estilos predeterminada.

Volver al principio

Aplicar una hoja de estilos local personalizada en otros sitios

De forma predeterminada, una hoja de estilos local personalizada sólo se aplica en el sitio o subsitio en el que se personaliza, como se muestra en la ilustración siguiente.

Colección de sitios con una hoja de estilos predeterminada y una única hoja de estilos predeterminada

Sin embargo, también es posible aplicar la hoja de estilos local personalizada en otros sitios. En las dos secciones siguientes se explica cómo hacer esto.

Si desea aplicar una hoja de estilos local personalizada tanto en un sitio como en algunos o en todos sus subsitios, suele ser más fácil empezar a crearla en el propio sitio y, después, usar uno de los métodos siguientes para aplicarla en los subsitios.

Asociar una hoja de estilos a otro sitio

En un entorno de Windows SharePoint Services 3.0 o Office SharePoint Server 2007, puede asociar manualmente una hoja de estilos personalizada que se encuentre en un sitio a un segundo sitio.

Cuando desee aplicar una hoja de estilos en otro sitio, asegúrese de que asocia la hoja de estilos a la página maestra personalizada de ese sitio.

  1. En Office SharePoint Designer 2007, abra el sitio en el que desee aplicar una hoja de estilos personalizada existente.

  2. En el sitio, abra la página maestra predeterminada.

  3. En el menú Formato, elija Estilos de CSS y, a continuación, haga clic en Adjuntar hoja de estilos.

  4. En el cuadro de diálogo Adjuntar hoja de estilos, haga clic en Examinar para encontrar y seleccionar la hoja de estilos personalizada que desee aplicar.

  5. En la sección Adjuntar a, haga clic en Página actual.

  6. En la sección Adjuntar como, haga clic en Vincular y, a continuación, en Aceptar.

    La hoja de estilos personalizada se aplica a la página maestra predeterminada y a todas las páginas de contenido asociadas a esa página maestra.

    Para ver los estilos actualizados en la vista Diseño, puede que tenga que presionar F5 para actualizar la vista.

  7. Para guardar la página maestra con el vínculo de la nueva hoja de estilos, en el menú Archivo, haga clic en Guardar. O bien, puede presionar CTRL+G.

    Para aplicar la misma hoja de estilos en otros sitios, repita este procedimiento con cada sitio, uno por uno. Si trabaja en un entorno de Office SharePoint Server 2007 y desea aplicar una única hoja de estilos personalizada en un sitio y en todos sus subsitios, vea la sección siguiente.

Aplicar una hoja de estilos en un sitio y en todos sus subsitios

Si trabaja en un entorno de Office SharePoint Server 2007, puede usar la interfaz del explorador para aplicar una hoja de estilos personalizada en varios sitios con una sola operación.

Nota: Esta funcionalidad sólo está disponible en Office SharePoint Server 2007, no en Windows SharePoint Services 3.0.

Este proceso se aprovecha de una funcionalidad denominada herencia. Un sitio se puede configurar para heredar los estilos que usa su sitio primario, el sitio que está directamente por encima de él en la jerarquía de sitios. En la ilustración siguiente, el sitio de segundo nivel de la derecha contiene una versión local personalizada de una hoja de estilos predeterminada. Cada uno de los seis subsitios de esa colección de sitios se configura para heredar los estilos de su sitio primario. Por lo tanto, los siete sitios de la colección de sitios usan la versión personalizada de la hoja de estilos predeterminada. Las flechas indican herencias.

Colección de sitios con una hoja de estilos predeterminada y una hoja de estilos personalizada

Para aplicar una hoja de estilos personalizada existente que reside en un sitio de Office SharePoint Server 2007 en todos los subsitios de ese sitio:

  1. En el explorador, abra el sitio de Office SharePoint Server 2007 en el que reside la hoja de estilos personalizadas existente.

  2. En el menú Acciones del sitio, realice uno de estos procedimientos:

    • Haga clic en Configuración del sitio.

    • Elija Configuración del sitio y haga clic en Modificar toda la configuración del sitio.

  3. En la página Configuración del sitio, en Aspecto, haga clic en Página maestra.

  4. En la página Configuración de la página maestra del sitio, en la sección Dirección URL de CSS alternativa, haga clic en Especifique un archivo CSS para que lo use este sitio de publicación y todos los sitios que hereden su configuración de él y escriba la ruta de acceso completa de la hoja de estilos personalizada, incluyendo el nombre de archivo, en el cuadro.

    Notas: 

    • Puesto que la carpeta _styles es una carpeta oculta y no se puede ver en el explorador, no puede usar el botón Examinar para buscar y seleccionar una versión personalizada de un archivo de hoja de estilos que se almacena en una carpeta _styles.

    • Puede copiar y pegar la primera parte de la ruta de acceso, incluido el nombre del sitio, en el cuadro de dirección en la parte superior del explorador. Sin embargo, asegúrese de detener después del nombre del sitio y no incluye los nombres de archivo o carpeta extraños dentro del sitio. Por ejemplo, si la ruta de acceso en el cuadro dirección es http://My_site/Subsite_1/_Layouts/ChangeSiteMasterPage.aspx, copie y pegue únicamente la parte http://My_site/Subsite_1/ y escriba manualmente el resto de la ruta de acceso. (El resto de la ruta de acceso se suele ser _styles/hojaDeEstilosPersonalizada, donde hojaDeEstilosPersonalizada es el nombre de la hoja de estilos personalizada que desea aplicar).

  5. Active la casilla de verificación Restablecer todos los subsitios para que hereden esta dirección URL de CSS alternativa y haga clic en Aceptar.

    La hoja de estilos personalizada, que ya se ha aplicado en el sitio actual, se aplica ahora en todos sus subsitios.

    Para ver los estilos actualizados en los subsitios, puede que tenga que actualizar la vista.

En la ilustración siguiente, una segunda versión local personalizada de la hoja de estilos predeterminada se agrega a la colección de sitios de la derecha y se aplica en todos los subsitios del sitio donde reside. De nuevo, las flechas indican herencias.

Colección de sitios con la hoja de estilos predeterminada y dos hojas de estilos personalizadas

Configurar un subsitio para heredar estilos a partir de su sitio primario

Si trabaja en un entorno de Office SharePoint Server 2007, puede usar la interfaz del explorador con el fin de configurar un único subsitio para heredar los estilos que usa el sitio inmediatamente por encima de él.

Nota: Esta funcionalidad sólo está disponible en Office SharePoint Server 2007 y no en Windows SharePoint Services 3.0.

Para configurar un único subsitio que herede los estilos que se usan en el sitio inmediatamente por encima de él:

  1. En Office SharePoint Server 2007, abra el subsitio en el que desea aplicar los estilos.

  2. En el menú Acciones del sitio, realice uno de estos procedimientos:

    • Haga clic en Configuración del sitio.

    • Elija Configuración del sitio y haga clic en Modificar toda la configuración del sitio.

  3. En la página Configuración del sitio, en Aspecto, haga clic en Página maestra.

  4. En la página Configuración de la página maestra del sitio, en la sección Dirección URL de CSS alternativa, haga clic en Heredar dirección URL de CSS alternativa del sitio primario.

  5. Active o desactive la casilla de verificación Restablecer todos los subsitios para que hereden esta dirección URL de CSS alternativa y haga clic en Aceptar.

    Sugerencia: Para ver los estilos actualizados, puede que tenga que actualizar la vista.

Volver al principio

Dejar de usar una hoja de estilos personalizada

Si ya no desea usar una hoja de estilos local personalizada en uno o varios estilos, tiene varias opciones. Puede:

  • Dejar de aplicar la hoja de estilos personalizada en otros sitios a los que está asociada o en los que se hereda    Si desea continuar usando la hoja de estilos personalizada en al menos el sitio donde reside, puede dejar de aplicarla en el resto de los sitios donde se aplica actualmente.

  • Dejar de aplicar la hoja de estilos personalizada en el sitio donde reside, pero conservar una copia de ese sitio para usarlo posteriormente o como referencia    Con esta opción puede volver a usar fácilmente la hoja de estilos personalizada en cualquier momento.

  • Eliminar la hoja de estilos personalizada y la carpeta _styles del sitio donde reside    Ésta es la forma más sencilla, segura y completa de evitar que se use una hoja de estilos personalizada.

Dejar de aplicar una hoja de estilos en otros sitios

Si desea continuar aplicando una hoja de estilos personalizada al menos en el sitio donde reside, pero dejar de aplicarla en otros sitios a los que está asociada o que hacen referencia a ella a través de la herencia, siga uno de los dos procedimientos siguientes.

Si la hoja de estilos está asociada (Office SharePoint Server 2007 o Windows SharePoint Services 3.0)

  1. En Office SharePoint Designer 2007, abra el sitio donde desee dejar de aplicar una hoja de estilos personalizada.

  2. En el sitio, abra la página default.master.

  3. En el menú Formato, elija Estilos de CSS y haga clic en Administrar vínculos de hoja de estilos.

  4. En el cuadro de diálogo Vincular hojas de estilo, haga clic en Todas las páginas.

  5. En la lista Dirección URL, haga clic en la dirección URL de la hoja de estilos que desee quitar, haga clic en Quitar y, después, haga clic en Aceptar.

    La hoja de estilos personalizada deja de aplicarse a este sitio.

    Para ver los estilos actualizados, puede que tenga que actualizar la vista.

Si la hoja de estilos se hereda (sólo en Office SharePoint Server 2007)

  1. En Office SharePoint Server 2007, abra el sitio que desee que deje de heredar una hoja de estilos personalizada.

  2. En el menú Acciones del sitio, realice uno de estos procedimientos:

    • Haga clic en Configuración del sitio.

    • Elija Configuración del sitio y haga clic en Modificar toda la configuración del sitio.

  3. En la página Configuración del sitio, en Aspecto, haga clic en Página maestra.

  4. En la página Configuración de la página maestra del sitio, en la sección Dirección URL de CSS alternativa, haga clic en Utilizar los estilos predeterminados de Windows SharePoint Services y haga clic en Aceptar.

    La hoja de estilos personalizada deja de heredarse en este sitio.

    Para ver los estilos actualizados, puede que tenga que actualizar la vista.

Dejar de aplicar una hoja de estilos, pero conservar una copia

Si desea dejar de usar una hoja de estilos local y personalizada, y revertir a la hoja de estilos predeterminada, pero sigue deseando conservar una copia de la versión personalizada para usarla posteriormente o como referencia, haga lo siguiente:

  1. En la Lista de carpetas, en la carpeta _styles, haga clic con el botón secundario del mouse en el archivo de hoja de estilos personalizada y haga clic en Restablecer a definición del sitio en el menú contextual.

  2. En el cuadro de diálogo Advertencia de página de definición del sitio, haga clic en para confirmar que desea restablecer la definición.

    Se hace una copia de la versión personalizada y se crea una copia local de la versión del servidor predeterminada.

    Notas: 

    • Tanto los sitios que heredan de este sitio y como los sitios a los que la hoja de estilos personalizada están asociados manualmente pasan de forma automática a usar la copia local de la versión del servidor predeterminada.

    • Para ver los estilos actualizados, puede que tenga que actualizar la vista.

Eliminar una hoja de estilos completamente

Si desea dejar de usar una hoja de estilos local y personalizada, y revertir a la hoja de estilos predeterminada, y no desea conservar una copia de la versión personalizada para usarla posteriormente o como referencia, haga lo siguiente:

  1. Haga clic con el botón secundario del mouse en la carpeta local _styles en la que reside la versión personalizada y haga clic en Eliminar en el menú contextual.

  2. Cuando se le pida, confirme que desea realizar la eliminación, para deshacer las personalizaciones y revertir a la hoja de estilos predeterminada. (Puede haber varios mensajes).

    Notas: 

    • Los sitios que heredan de este sitio pasan a usar automáticamente la hoja de estilos predeterminada.

    • Sitios a los que se han adjuntado manualmente la hoja de estilos personalizada deben tener la hoja de estilos manualmente separada antes de que cambian correctamente al uso de la hoja de estilos predeterminada. Use el procedimiento Si está conectada a la hoja de estilos de una versión anterior de esta sección.

    • Para ver los estilos actualizados, puede que tenga que actualizar la vista.

Volver al principio

Cambiar o reemplazar la hoja de estilos predeterminada para toda la colección de sitios

Si desea hacer cambios en la hoja de estilos predeterminada para que se apliquen a todos los sitios de la colección de sitios o si desea reemplazar la hoja de estilos predeterminada en el sitio de nivel superior de la colección junto con otra hoja de estilos, póngase en contacto con el administrador del servidor. Esto se debe hacer en el servidor y no puede hacerse en el explorador ni en Office SharePoint Designer 2007.

Volver al principio

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×