Aplicar uma folha de estilos personalizada a um site do SharePoint

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

Este artigo descreve como uma cópia personalizada da folha de estilos padrão é criada automaticamente na Lista de Pastas de um site quando você altera um estilo padrão nesse site. Este artigo também mostra como aplicar essa nova folha de estilos a outros sites ou subsites e como reverter subseqüentemente à folha de estilos padrão, caso você o deseje. Finalmente, este artigo mostra como fazer isso tanto em sites do Windows SharePoint Services 3.0 como em sites do Microsoft Office SharePoint Server 2007.

O que você deseja fazer?

Faça alterações nos estilos em um site

Aplicar uma folha de estilos personalizada de local para outros sites

Parar de usar uma folha de estilos personalizada de local

Alterar ou substituir a folha de estilos padrão do conjunto de sites inteiro

Alterar os estilos de um site

Com o Microsoft Office SharePoint Designer 2007, você pode personalizar a aparência geral de um único site do SharePoint alterando os estilos padrão que são aplicados ao site. Você também pode aplicar os seus estilos personalizados a outros sites ou pode remover, a qualquer momento, todos os estilos personalizados e reverter à folha de estilos padrão que reside no servidor desse conjunto de sites. Todas essas alterações podem ser feitas tanto nos sites do Windows SharePoint Services 3.0 quanto nos sites do Office SharePoint Server 2007.

Trabalhando com a página default.master do site local e usando os painéis de tarefas Propriedades de CSS e Gerenciar Estilos, é possível identificar quais estilos são aplicados ao elemento visual que você quer alterar e, em seguida, modificar esses estilos.

Importante : Para que as suas alterações apareçam em todas as páginas do site, você deve trabalhar com a página default.master do site e não com a página default.aspx.

Abrindo a caixa de diálogo Modificar Estilo a partir das Propriedades de CSS

Por padrão, os estilos de todos os sites do SharePoint abrangidos por um conjunto específico de sites são definidos em uma única folha de estilos que reside no servidor. No Windows SharePoint Services 3.0, o nome desse arquivo é Core.css. No Office SharePoint Server 2007, esse arquivo pode ter vários nomes diferentes. Por exemplo, os estilos de uma página mestra personalizada chamada FaixaNegra.master são definidos em uma folha de estilos chamada Faixa.css.

Quando você modifica pela primeira vez qualquer estilo de uma página em qualquer site, o Office SharePoint Designer 2007 abre automaticamente uma nova cópia local da folha de estilos padrão e a atualiza com as suas alterações. Ao salvar ou fechar a página ou a cópia da folha de estilos padrão, você será solicitado a confirmar as suas personalizações.

As personalizações confirmadas refletem-se na nova versão local da folha de estilos, que é armazenada em uma nova pasta chamada _styles, criada automaticamente na Lista de Pastas do seu site. Qualquer alteração subseqüente dos estilos do mesmo site será refletida nessa versão local da folha de estilos, que também pode ser editada diretamente.

Lista de Pastas com pasta _styles e folha de estilos Core.css personalizada

Quando você personaliza a folha de estilos padrão (por exemplo, Core.css) de forma que uma cópia apareça na pasta _styles da sua Lista de Pastas, a folha de estilos personalizada é usada para exibir todas as páginas do seu site. Para reverter ao uso da folha de estilos padrão a qualquer momento, basta renomear ou excluir a folha de estilos personalizada.

Importante : Depois de personalizar uma folha de estilos, não mova o arquivo personalizado nem a pasta _styles (usando, por exemplo, uma operação de arrastar e soltar ou de recortar e colar). Se você mover o arquivo ou a pasta, todas as páginas do seu site serão exibidas com um link desfeito para a folha de estilos personalizada e nenhum dos estilos será aplicado a qualquer página.

Há duas opções para se recuperar dessa situação:

  • Para exibir as páginas usando a folha de estilos personalizada, mova-a de volta para a pasta _styles no nível superior do diretório do site.

  • Para restaurar o site para folha de estilos padrão, mova a folha de estilos personalizada de volta para a pasta _styles no nível superior do diretório do site e, em seguida, exclua ou renomeie a folha de estilos.

    Se a folha de estilos personalizada não existir mais, crie um arquivo vazio com o mesmo nome (por exemplo, Core.css) na pasta _styles, no nível superior do diretório do site, e depois exclua ou renomeie o arquivo vazio para disparar o processo de restauração da folha de estilos padrão.

Início da página

Aplicar uma folha de estilos local personalizada a outros sites

Por padrão, uma folha de estilos local personalizada é aplicada somente ao site ou subsite onde foi personalizada, como mostra a ilustração a seguir.

Conjunto de sites com folha de estilos padrão e uma única folha de estilos personalizada

Entretanto, também é possível aplicar uma folha de estilos personalizada local a outros sites. As duas seções a seguir explicam como fazer isso.

Se você quiser aplicar uma única folha de estilos local personalizada a um site e a alguns ou todos os subsites desse site, geralmente é mais fácil começar criando a folha de estilos personalizada no próprio site e depois usar um dos métodos descritos a seguir para aplicar aos subsites.

Anexar uma folha de estilos a outro site

Tanto no ambiente Windows SharePoint Services 3.0 como em Office SharePoint Server 2007, é possível anexar manualmente uma folha de estilos personalizada localizada em um site para um segundo site.

Quando você quiser aplicar uma folha de estilos a outro site, lembre-se de anexar essa folha de estilos à página mestra padrão desse site.

  1. No Office SharePoint Designer 2007, abra o site ao qual você quer aplicar uma folha de estilos personalizada existente.

  2. No site, abra a página mestra padrão.

  3. No menu Formatar, aponte para Estilos CSS e clique em Anexar Folha de Estilos.

  4. Na caixa de diálogo Anexar Folha de Estilos, clique em Procurar para localizar e selecionar a folha de estilos personalizada que você quer aplicar.

  5. Na seção Anexar a, clique em Página atual.

  6. Na seção Anexar a, clique em Vincular e, em seguida, clique em OK.

    A folha de estilos personalizada especificada será aplicada à página mestra padrão e a todas as páginas de conteúdo que estiverem anexadas a essa página mestra.

    Para ver os estilos atualizados no modo de exibição Design, talvez seja necessário pressionar F5 para atualizar a exibição.

  7. Para salvar a página mestra vinculada à nova folha de estilos, no menu Arquivo, clique em Salvar. (Alternativamente, você pode pressionar CTRL+S.)

    Para aplicar a mesma folha de estilos a outros sites, repita este procedimento nos demais sites, um de cada vez. Se você estiver trabalhando em um ambiente Office SharePoint Server 2007 e quiser aplicar uma folha de estilos personalizada específica a um site e a todos os seus subsites, consulte a próxima seção.

Aplicar uma folha de estilos a um site e todos os seus subsites

Se você estiver trabalhando em um ambiente Office SharePoint Server 2007, poderá usar a interface do navegador para aplicar uma folha de estilos personalizada a vários sites em uma única operação.

Observação : Esta funcionalidade está disponível somente no Office SharePoint Server 2007, não no Windows SharePoint Services 3.0.

O processo baseia-se em uma funcionalidade chamada herança. Um site pode ser configurado para herdar os estilos usados pelo seu site pai — o diretório de site que está acima dele na hierarquia de sites. Na ilustração a seguir, o site de segundo nível, à direita, contém uma versão local personalizada da folha de estilos padrão. Cada um dos seis subsites nesse conjunto de sites está configurado para herdar seus estilos do site pai. Assim, todos os sete sites do conjunto de sites usam a mesma versão personalizada da folha de estilos padrão. As setas indicam heranças.

Conjunto de sites com folha de estilos padrão e folha de estilos personalizada

Para aplicar uma folha de estilos personalizada existente que resida em um site do Office SharePoint Server 2007 a todos os subsites desse site:

  1. No navegador, abra o site do Office SharePoint Server 2007 no qual a folha de estilos personalizada existente reside.

  2. No menu Ações do Site, siga um destes procedimentos:

    • Clique em Configurações do Site.

    • Aponte para Configurações do Site e clique em Modificar Todas as Configurações do Site.

  3. Na página Configurações do Site, sob Aparência, clique em Página mestra.

  4. Na página Configurações da Página Mestra do Site, na seção URL de CSS Alternativa, clique em Especificar um arquivo CSS a ser usado por este site de publicação e por todos os sites que herdarem dele e, em seguida, digite na caixa o caminho completo para a folha de estilos personalizada, inclusive o nome do arquivo.

    Observações : 

    • Como a pasta _styles é uma pasta oculta e não pode ser visualizada no navegador, você não poderá usar o botão Procurar para localizar e selecionar uma versão personalizada de um arquivo de folha de estilos que esteja armazenado em uma pasta _styles.

    • Você pode copiar e colar a primeira parte do caminho, incluindo o nome do site, na caixa de endereço na parte superior do navegador. Entretanto, certifique-se de parar após o nome do site e não incluir a qualquer estranhos nomes de arquivo ou pasta dentro do site. Por exemplo, se o caminho na caixa endereço for http://My_site/Subsite_1/_Layouts/ChangeSiteMasterPage.aspx, copiar e colar somente a parte de http://My_site/Subsite_1/ e digite manualmente o restante do caminho. (O restante do caminho geralmente será Styles/customized_style_sheet, onde customized_style_sheet é o nome da folha de estilos personalizada que você deseja aplicar.)

  5. Marque a caixa de seleção Redefinir todos os subsites para que herdem esta URL de CSS alternativa e clique em OK.

    A folha de estilos personalizada, que já havia sido aplicada ao site atual, agora será aplicada também a todos os seus subsites.

    Para ver os estilos atualizados nos subsites, talvez seja necessário atualizar a exibição.

Na ilustração a seguir, uma segunda versão local personalizada da folha de estilos padrão foi adicionada ao conjunto de sites da direita e aplicada a todos os subsites do site onde reside. Novamente, as setas indicam heranças.

Conjunto de sites com folha de estilos padrão e duas folhas de estilo personalizadas

Configurar um subsite para herdar estilos do seu site pai

Se você estiver trabalhando em um ambiente Office SharePoint Server 2007, poderá usar a interface do navegador para configurar um subsite específico para herdar os estilos usados pelo site imediatamente superior.

Observação : Esta funcionalidade está disponível somente no Office SharePoint Server 2007, não no Windows SharePoint Services 3.0.

Para configurar um único subsite para herdar os estilos usados pelo site imediatamente superior:

  1. No Office SharePoint Server 2007, abra o subsite ao qual os estilos serão aplicados.

  2. No menu Ações do Site, siga um destes procedimentos:

    • Clique em Configurações do Site.

    • Aponte para Configurações do Site e clique em Modificar Todas as Configurações do Site.

  3. Na página Configurações do Site, em Aparência, clique em Página Mestra.

  4. Na página Configurações da Página Mestra do Site, na seção URL de CSS Alternativa, clique em Herdar URL de CSS Alternativa do pai deste site.

  5. Marque ou desmarque a caixa de seleção Redefinir todos os subsites para que herdem esta URL de CSS alternativa e clique em OK.

    Dica : Para ver os estilos atualizados, talvez seja necessário atualizar a exibição.

Início da página

Parar de usar uma folha de estilos local personalizada

Se você não quiser mais usar uma folha de estilos local personalizada em um ou mais sites, há várias opções. Você pode:

  • Parar de aplicar a folha de estilos personalizada a outros sites aos quais está anexada ou pelos quais é herdada    Se você quiser continuar a usar a folha de estilos personalizada pelo menos no site onde ela reside, é possível cancelar a sua aplicação a outros sites aos quais ela é aplicada no momento.

  • Parar de aplicar a folha de estilos personalizada no site onde reside, mas reter uma cópia nesse site para uso ou referência futura    Esta opção lhe permitirá retornar facilmente ao uso da folha de estilos personalizada a qualquer momento.

  • Excluir a folha de estilos personalizada e a pasta _styles do site onde residem     Esta é a maneira mais simples, segura e completa de encerrar a utilização de uma folha de estilos personalizada.

Parar de aplicar uma folha de estilos a outros sites

Para manter a aplicação de uma folha de estilos personalizada pelo menos no site onde ela reside, mas cancelar a sua aplicação em outros sites aos quais está anexada ou que a referenciam por meio de herança, use um dos dois procedimentos a seguir.

Se a folha de estilos estiver anexada (Office SharePoint Server 2007 ou Windows SharePoint Services 3.0)

  1. No Office SharePoint Designer 2007, abra o site no qual você quer cancelar a aplicação de uma folha de estilos personalizada.

  2. No site, abra a página default.master.

  3. No menu Formatar, aponte para Estilos CSS e clique em Gerenciar Links da Folha de Estilos.

  4. Na caixa de diálogo Vincular Folha de Estilos, clique em Todas as páginas.

  5. Na lista URL, clique na URL da folha de estilos que deseja remover, clique em Remover e, em seguida, clique em OK.

    A folha de estilos personalizada não será mais aplicada a esse site.

    Para ver os estilos atualizados, talvez seja necessário atualizar a exibição.

Se a folha de estilos for herdada (somente no Office SharePoint Server 2007)

  1. No Office SharePoint Server 2007, abra o site que você quer impedir de herdar uma folha de estilos personalizada.

  2. No menu Ações do Site, siga um destes procedimentos:

    • Clique em Configurações do Site.

    • Aponte para Configurações do Site e clique em Modificar Todas as Configurações do Site.

  3. Na página Configurações do Site, em Aparência, clique em Página Mestra.

  4. Na página Configurações da Página Mestra do Site, na seção URL de CSS Alternativa, clique em Usar estilos padrão do Windows SharePoint e, em seguida, clique em OK.

    A folha de estilos personalizada não será mais herdada por esse site.

    Para ver os estilos atualizados, talvez seja necessário atualizar a exibição.

Parar de aplicar um estilo, mas reter uma cópia

Se você quiser parar de usar uma folha de estilos local personalizada, revertendo à folha de estilos padrão, mas quiser manter uma cópia da versão personalizada para uso ou referência futura, siga este procedimento:

  1. Na Lista de Pastas, na pasta _styles, clique com o botão direito no arquivo da folha de estilos personalizada e, em seguida, clique em Redefinir para Definição do Site no menu de atalho.

  2. Na caixa de diálogo Aviso da Página de Definição de Site, clique em Sim para confirmar a redefinição.

    Será gerada uma cópia da versão personalizada, e uma cópia local da versão padrão do servidor será criada.

    Observações : 

    • Tanto os sites que herdam desse site como os sites aos quais a folha de estilos personalizada foi anexada manualmente passarão automaticamente a usar a cópia local da versão padrão do servidor.

    • Para ver os estilos atualizados, talvez seja necessário atualizar a exibição.

Excluir completamente uma folha de estilos

Se você quiser parar de usar uma folha de estilos local personalizada, revertendo à folha de estilos padrão, e não quiser manter uma cópia da versão personalizada para uso ou referência futura, siga este procedimento:

  1. Clique com o botão direito do mouse na pasta _styles local, onde a versão personalizada reside, e clique em Excluir no menu de atalho.

  2. Quando solicitado, confirme que deseja realizar a exclusão, desfazer as personalizações e reverter à folha de estilos padrão. (Talvez surjam várias mensagens.)

    Observações : 

    • Os sites que herdam desse site passarão automaticamente a usar a folha de estilos padrão.

    • Sites para o qual a folha de estilos personalizada anexados manualmente devem ter a folha de estilos manualmente desanexada antes que eles alternam corretamente usando a folha de estilos padrão. Use o procedimento se a folha de estilos é anexada anteriormente nesta seção.

    • Para ver os estilos atualizados, talvez seja necessário atualizar a exibição.

Início da página

Alterar ou substituir a folha de estilos padrão em todo o conjunto de sites

Se você quiser alterar a folha de estilos padrão de modo que suas alterações sejam aplicadas a todos os sites do conjunto de sites, ou se quiser substituir completamente a folha de estilos padrão por outra no site de nível superior do conjunto de sites, contate o administrador do seu servidor. Isto deve ser feito no servidor e não pode ser feito no navegador ou no Office SharePoint Designer 2007.

Início da página

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×