Alterar imagem padrão do Search

Bom pessoal vamos falar sobre a imagem que fica no search.

 

 

Como alterar a imagem padrão do search pelo CSS de forma simples e sem alterar dentro do servidor.

Icone padrão

Alterado com CSS.

 

O caminho para modificar o ícone não fica na Master Page abaixo está a tag que chama o search na master page.

 

<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">

        <SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" />

</asp:ContentPlaceHolder>

 

Você pode ser tentado tomar a rota de mudar os seguintes arquivos no servidor e substitui-los com os seus próprios personalizados. Mas eu tenho uma alternativa que funciona tão bem e você não tem que mexer com qualquer um desses arquivos de imagem base.

1.    GOSEARCH.GIF

2.    ICONGO01.GIF

3.    ICONGO02.GIF

4.    ICONGO03.GIF

 

Faça o upload da imagem para a sub-pasta do diretorio: C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\IMAGES\SuaPastaCustomizada

 

Então, em seu CSS personalizado basta colocar o seguinte CSS:

td.ms-sbgo{

background-color:transparent;

padding-left:3px;

padding-right:3px;

padding-bottom:0px;

padding-top:0px;

border:solid 0px #949494;

}

td.ms-sbgo a{

padding: 0px 0px 0px 0px !important;

margin: 0px 0px 0px 0px !important;

}

td.ms-sbgo a{

background-image: url(/_layouts/images/SuaPastaCustomizada/custom_search.gif);

background-repeat: no-repeat;

background-position: top left;

}

td.ms-sbgo a img{

    visibility: hidden;

    height: 17px;

    width: 17px;

}

Você simplesmente só tem que mudar o nome da pasta, o nome da imagem e a altura e largura da imagem a ser específico. Bom o resultado deve ficar parecido com este: