none
Alterar borda do campo "Busca" RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |