none
Alterar borda do campo "Busca" RRS feed

  • Pergunta

  • bom dia a tds..

    eu preciso alterar a borda do campo busca do sharepoint, preciso deixa-la com os cantos redondos e não quadrados como default.

    alguem tem alguma dica?? pelo css da?

    eu tenho uma imagem q o web designer aqui da empresa fez mas como eu aplico uma imagem como estilo de borda do textbox ?!?

     

    valew pela ajuda !

    segunda-feira, 27 de setembro de 2010 13:12

Respostas

  • Lucas,

    Esse tipo de alteração de Layout, deve ser realizada atraves do SharePoint Designer.

    Segue um link de um blog muito bom, mantido por desenvolvedores microsoft, no qual irá guiá-lo sobre o uso desta ferramenta.

    http://blogs.msdn.com/b/sharepointdesigner/

    Ats,

    Everton Henrique de Souza 

    terça-feira, 25 de janeiro de 2011 16:02
  • Olá Lucas,

    você pode realizar esta alteração modificando o arquivo CSS da MasterPage.

    Para saber qual classe é referênciada na parte do Search, você pode utilizar esta site:

    http://erikswenson.blogspot.com/2010/01/sharepoint-2010-base-css-classes.html

    Lá é descrito quais classes são utilizadas para formatar a barra de search, como:

    Search:
    Class/ID = “.s4-search table”
    Default CSS: 
    width: 212px;
    margin-right: 17px;  
    Comments: This is the container for the search box. The class resides in the Search.css file.

    Search Input:
    Class/ID = “.s4-search input”
    Default CSS: 
    width: 212px;
    margin-right: 17px;  
    Comments: Note that this class does not change width, border color or height. You could use this to change the background color.

    Search Image:
    Class/ID = “.s4-search .ms-searchimage”
    Default CSS: 
    background-color:#fff;
    border:1px solid #e3e3e3 !important;
    height:16px;
    padding:2px 3px 1px;
    border-left:none !important;
    margin-top:3px;  
    Comments: This class controls the border around the go image.


    Espero ter ajudado.
    Ajude manter o fórum organizado, se útil classifique!

    __________________________________________________________

    Larah Vidotti
    - MCTS > Sharepoint Specialist
    - MCTS > Windows Server Virtualization
    - MCP > Windows server 2003
    - Blog
    - Twitter
    - Canal SharePoint - Maior comunidade de SharePoint do Brasil
    terça-feira, 8 de fevereiro de 2011 21:21

Todas as Respostas

  • Lucas,

    Esse tipo de alteração de Layout, deve ser realizada atraves do SharePoint Designer.

    Segue um link de um blog muito bom, mantido por desenvolvedores microsoft, no qual irá guiá-lo sobre o uso desta ferramenta.

    http://blogs.msdn.com/b/sharepointdesigner/

    Ats,

    Everton Henrique de Souza 

    terça-feira, 25 de janeiro de 2011 16:02
  • Olá Lucas,

    você pode realizar esta alteração modificando o arquivo CSS da MasterPage.

    Para saber qual classe é referênciada na parte do Search, você pode utilizar esta site:

    http://erikswenson.blogspot.com/2010/01/sharepoint-2010-base-css-classes.html

    Lá é descrito quais classes são utilizadas para formatar a barra de search, como:

    Search:
    Class/ID = “.s4-search table”
    Default CSS: 
    width: 212px;
    margin-right: 17px;  
    Comments: This is the container for the search box. The class resides in the Search.css file.

    Search Input:
    Class/ID = “.s4-search input”
    Default CSS: 
    width: 212px;
    margin-right: 17px;  
    Comments: Note that this class does not change width, border color or height. You could use this to change the background color.

    Search Image:
    Class/ID = “.s4-search .ms-searchimage”
    Default CSS: 
    background-color:#fff;
    border:1px solid #e3e3e3 !important;
    height:16px;
    padding:2px 3px 1px;
    border-left:none !important;
    margin-top:3px;  
    Comments: This class controls the border around the go image.


    Espero ter ajudado.
    Ajude manter o fórum organizado, se útil classifique!

    __________________________________________________________

    Larah Vidotti
    - MCTS > Sharepoint Specialist
    - MCTS > Windows Server Virtualization
    - MCP > Windows server 2003
    - Blog
    - Twitter
    - Canal SharePoint - Maior comunidade de SharePoint do Brasil
    terça-feira, 8 de fevereiro de 2011 21:21