Alteração do Campo de Busca Personalizado Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Alteração do Campo de Busca Personalizado

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Ir para baixo

Tópico resolvido Alteração do Campo de Busca Personalizado

Mensagem por كوي 30.07.15 23:23

Boa noite a todos!
neste tópico gostaria de fazer um pedido de alteração de campo (pesquisa personalizada).

meu fórum
versão: PunBB

gostaria de modificar o local ao qual está a minha caixa de busca (pesquisa personalizada do Google), vou fazer esse poste junto com ilustrações para que os senhores possam ver o local ao qual gostaria de modificar o espaço para o mesmo, e assim como segue nas ilustrações à baixo:

Alteração do Campo de Busca Personalizado 2s6a2qt

mas especificamente assim:
Alteração do Campo de Busca Personalizado Dlot5k

A caixa de pesquisa personalizada se encontra debaixo do menu principal do meu fórum, como ilustrado à cima! no entanto gostaria de que essa mesma caixa fosse modificada para o seguinte campo:

Alteração do Campo de Busca Personalizado 2dslsau

mas especificamente assim:
Alteração do Campo de Busca Personalizado 10zq0pc

na ilustração à cima, ela se encontra do lado direito do fórum, em cima do campo do logo, ao qual tem um espaço em braco que reservei para isso, gostaria da ajuda do senhores para que esse campo fosse ajustado exatamente neste local.

Informações adicionais:
Tamanho do botão de busca: 42x23
Tamanho do campo de pesquisa: 189x23

Alteração do Campo de Busca Personalizado 2qxz61j
tamanho total: 233x23
cor do botão: #c2ceda
borda do botão: #4d677f

é isso, o tópico se baseia  nesta modificação, como mostrado nas ilustrações à cima! desde já agradeço pela atenção e colaboração de todos! até mais, كوي!
كوي
كوي
****

Membro desde : 26/08/2012
Mensagens : 366
Pontos : 739

http://help.ahlamontada.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração do Campo de Busca Personalizado

Mensagem por RafaelS. 01.08.15 21:38

Olá!

Poderia nos fornecer o seu template overall_header por gentileza?

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido overall_header

Mensagem por كوي 01.08.15 22:49

Olá, aqui está:

Código:
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
    <head>
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
      <!-- END switch_compat_meta -->
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />  
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">//<![CDATA[
          /* Definir le sens de direction en fonction du panneau admin */
          var tickerDirParam = "{switch_ticker.DIRECTION}";
          var slid_vert = false;
          var auto_dir = 'next';
          var h_perso = parseInt({switch_ticker.HEIGHT});

          switch( tickerDirParam )
          {
            case 'top' :
                slid_vert = true;
                break;

            case 'left':
                break;

            case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;

            case 'right':
                auto_dir = 'prev';
                break;

            default:
                slid_vert = true;
          }

          $(document).ready(function() {

            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});

            if (width_max > 0)
            {
                $('#fa_ticker_content').css('display','block');

                $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                  if ($(this).width() > width_item)
                  {
                  var ratio      = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
                  }
                });

                if (slid_vert)
                {
                  var height_max = h_perso;

                  $('ul#fa_ticker_content li').each( function () {
                      if ($(this).height() > height_max)
                      {
                        height_max = $(this).height();
                      }
                  } );

                  $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                  $('ul#fa_ticker_content li').height(height_max);
                }

                $('#fa_ticker_content').jcarousel({
                      vertical: slid_vert,
                  wrap: 'circular',
                  auto: {switch_ticker.STOP_TIME},
                  auto_direction: auto_dir,
                scroll: 1,
                size: {switch_ticker.SIZE},
                height_max: height_max,
                animation: {switch_ticker.SPEED}
                });
            }
            else
            {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
            }
          });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <script type="text/javascript">
      //<![CDATA[
      jQuery().ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
            $(window).load(function() {            
                Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {switch_ticker.STOP_TIME}
                });
            });
          <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
                });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }
      </style>
      <!-- END switch_ticker_new -->
      {HOSTING_JS}
      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
        _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

        (function() {
          var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
          ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
          var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
      </script>
      <!-- END google_analytics_code -->
    <link rel="stylesheet" href="http://static.tumblr.com/yiol0h8/AXWn3atj3/tipsy.css" type="text/css" />
    <script type="text/javascript" src="http://static.tumblr.com/yiol0h8/GOsn3atjv/jquery.tipsy.js"></script>

    <script type='text/javascript'>
      $(function() {
        $('.tool-tip').tipsy({fade: true, gravity: 's'});
      });
    </script>
      
      </head>
      
    <body>
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup" class="module main" style="z-index: 10000 !important;">
          <div id="login_popup_title" class="main-head">
            <div class="h3">{SITENAME}</div>
          </div>
          <div class="main-content">
            {LOGIN_POPUP_MSG}
            <div id="login_popup_buttons">
                <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="button2" value="{L_LOGIN}" />
                  <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
                </form>
            </div>
          </div>
      </div>
      <!-- END switch_login_popup -->

      <a id="top" name="top" accesskey="t"></a>

      <div class="minwidth_IE">
          <div class="layout_IE">
            <div class="container_IE">
                <div class="pun">
                  <div id="pun-intro" class="clearfix">
                      <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                      <!-- BEGIN switch_h1 -->
                      <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                      <!-- END switch_h1 -->

                      <!-- BEGIN switch_desc -->
                      <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                      <!-- END switch_desc -->
                  </div>
                  <div id="pun-head">
                      <div id="pun-navlinks">
                        <ul class="clearfix">
                            <li>{GENERATED_NAV_BAR}</li>
                        </ul>
                      </div>
                  </div>

                  <!-- BEGIN switch_ticker_new -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker_new -->

                  <!-- BEGIN switch_ticker -->
                  <div id="fa_ticker_block" style="padding-top:4px;">
                      <div class="module main">
                        <div class="main-content clearfix">
                            <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                  <!-- END switch_ticker -->

                  <div id="page-body">
                      <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <div id="outer-wrapper">
                            <div id="wrapper">
                              <div id="container">
                                  <div id="content">
                                    <div id="{ID_LEFT}">
                                        <!-- BEGIN giefmod_index1 -->
                                        {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                        <!-- END giefmod_index1 -->
                                    </div>
                                    <div id="main">
                                        <div id="main-content">

    <!-- BEGIN html_validation -->
                                        </div>
                                    </div>
                                  </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                </div>
            </div>
          </div>
      </div>
    </body>
    </html>
    <!-- END html_validation -->

até mais!
كوي
كوي
****

Membro desde : 26/08/2012
Mensagens : 366
Pontos : 739

http://help.ahlamontada.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração do Campo de Busca Personalizado

Mensagem por RafaelS. 03.08.15 21:35

Olá!

Diga-me uma coisa por gentileza. Você usa algum código para esta caixa de busca? Se sim, poderia me o fornecer?

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido busca personalizada

Mensagem por كوي 03.08.15 23:22

Olá Raffy!
utilizo o JavaScript recomentado no tutorial, e um code no CSS.

Código:
/*- PERSONALIZAR CAIXA DE BUSCA -*/
    .my_gs{
    }
    div#my_gs{
            width: 300px;
    }
    input.gsc-input{

    }
    input.gsc-search-button{
    }

até mais!
كوي
كوي
****

Membro desde : 26/08/2012
Mensagens : 366
Pontos : 739

http://help.ahlamontada.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração do Campo de Busca Personalizado

Mensagem por RafaelS. 04.08.15 7:08

Olá!

Foi falta de atenção minha, pois a barra de busca só pode ser encontrada nos templates na versão PhpBB3 visto que essa é a única versão que "trás" a barra de busca incorporada. No seu caso é o script que está adicionando naquele local e por isso iremos alterar o JavaScript para este:

Código:
   $(function () {
      //Renseigner ici entre ' ' le code obtenu sur Google
      var cx = '004869397998480616231:wa9kmobovvq';
    
            if($("div#search-box").length){
          //phpBB3 avec barre de recherche
          $("div#search-box").html("<div id='my_gs'><gcse:search></gcse:search></div>");
      }else{
          if($("div#page-body").length){
            //phpBB2, phpBB3 sans barre de recherche & punBB
            $("<div id='my_gs'><gcse:search></gcse:search></div>").insertBefore("div#pun-intro");
          }else{
            //Invision
            $("<div id='my_gs'><gcse:search></gcse:search></div>").insertAfter("div#submenu");
          }
      }
    
      var gcse = document.createElement('script');
      gcse.type = 'text/javascript';
      gcse.async = true;
      gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
          '//www.google.com/cse/cse.js?cx=' + cx;
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(gcse, s);
    });

Flecha ajudeiros Você deve alterar novamente pelo código obtido do Google.

Quanto a personalização, temos um pequeno problema pois ao contrário de si eu estou vendo a caixa assim:
Alteração do Campo de Busca Personalizado 5z2CPDU

Não há sinal de qualquer microfone na caixa de busca Pensativo

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido pesquisa personalizada

Mensagem por كوي 04.08.15 18:27

Boa tarde Raffy!
fiz as alterações indicadas a cima, no entanto ficou um pouco ''grande'', veja:

apos inserir o JavaScript, a caixa de pesquisa personalizada ficou assim:
Alteração do Campo de Busca Personalizado Esw4so

visão geral;
Alteração do Campo de Busca Personalizado 2i6dkkl

Raffy, o senhor poderia customizar a caixa de pesquisa personalizada conforme o primeiro post, digo, de deixa-la no lado direito, junto com os ajuste de tamanho etc.


Informações adicionais:
Tamanho do botão de busca: 42x23
Tamanho do campo de pesquisa: 189x23
Alteração do Campo de Busca Personalizado 2qxz61j <- isso é uma ilustração de como gostaria que ficasse a caixa de pesquisa.
tamanho total: 233x23
cor do botão: #c2ceda
borda do botão: #4d677f

proposta
Alteração do Campo de Busca Personalizado 10zq0pc

em relação ao microfone, aqui esta aparecendo pois eu, utilizo um microfone no meu cotidiano etc, o ícone do microfone é totalmente adaptável as minhas configurações.
tente conectar um microfone em seu computado e verifique se aparece as opções ilustradas a baixo, pois aqui, monstra conforme a ilustração:
Alteração do Campo de Busca Personalizado 2hp639eAlteração do Campo de Busca Personalizado 2qvbea1
no meu caso, eu não o configurei, mas é possível configura-lo para que o mesmo possa ser utilizado nas pesquisas personalizadas! (até aqui, no Fórum do Fóruns)

desde já. agradeço imensamente por poder me ajudar a modificar o campo de pesquisa personalizada, e pelo empenho, obrigado Raffy!

até mais كوي!
كوي
كوي
****

Membro desde : 26/08/2012
Mensagens : 366
Pontos : 739

http://help.ahlamontada.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração do Campo de Busca Personalizado

Mensagem por RafaelS. 05.08.15 20:37

Olá!

Tudo bem, porém o senhor poderia deixar o código ativo para que eu possa ver a caixa de pesquisa?

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido

Mensagem por كوي 05.08.15 20:39

desculpe, agora já está disponível!

até mais!
كوي
كوي
****

Membro desde : 26/08/2012
Mensagens : 366
Pontos : 739

http://help.ahlamontada.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração do Campo de Busca Personalizado

Mensagem por Shek 06.08.15 14:42

Olá!

A função interna do microfone não tem vínculos com o código fornecido no tutorial aqui no FDF, e sim do Google Louco !

Em seu CSS, adicione:
Código:
div#my_gs { float: right !important; margin-top: -15px !important; }
.gsc-control-cse { border: transparent !important; background-color: transparent !important; }
Em seguida, na caixa de Busca, procure por:
Código:
#pun-intro
Ao encontrá-lo, modifique a propriedade do margin-top: 20px; para:
Código:
margin-top: 30px;
Salve.

A respeito da largura da caixa, nos dê o valor em Pixels. Muito feliz Assim ficaria mais fácil de manter uma noção da proporção da caixa. Piscada

Atenciosamente,
Shek King
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido pesquisa

Mensagem por كوي 06.08.15 17:41

boa tarde!
já adicionei o code no CSS, funcionou, no entanto, para finalizarmos o pedido segue as informações solicitadas no ultimo post:

as resoluções de tamanho em px são:
Botão de busca: 42 px - 23 px
Pre-visualização:
Alteração do Campo de Busca Personalizado 313rfx4

Tamanho do campo de pesquisa: 189 px -  23 px
Pre-visualização:
Alteração do Campo de Busca Personalizado 2crlqmt

tamanho total: 233 px - 23 px
Pre-visualização:
Alteração do Campo de Busca Personalizado 2qxz61j

Informações adicionais:
cor do botão: #c2ceda
borda do botão: #4d677f

desde já agradeço ao Raffy e a você Shek pelo apoio e pela ajuda! muito obrigado amigos!
até mais كوي!
كوي
كوي
****

Membro desde : 26/08/2012
Mensagens : 366
Pontos : 739

http://help.ahlamontada.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração do Campo de Busca Personalizado

Mensagem por Shek 07.08.15 14:02

Bom dia.

Adicione este CSS:
Código:
td.gsc-search-button input {
padding: 4px 12px !important; /* DETERMINA A LARGURA DO BOTÃO COM A LUPA */
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-left: 30px !important; /* DETERMINA A LARGURA DA CAIXA DE PESQUISA EM PIXELS */
}

input.gsc-search-button {
    background-color: #c2ceda !important; /* DETERMINA A COR DE FUNDO DO BOTÃO */
    border: 1px solid #4d677f !important; /* DETERMINA A COR DA BORDA DO BOTÃO */
}
Eu especifiquei a função de cada propriedade, basta modificar agora para os valores que se adaptarem ao seu gosto. Eu coloquei as proporções mencionadas por você, mas ficou desconfigurada com o layout, logo, é mais fácil configurá-lo como desejar. Piscada

Atenciosamente,
Shek King
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido

Mensagem por كوي 07.08.15 16:24

bom dia!
perfeito Shek! no entanto, para finalizarmos o pedido, poderia me dizer como faço para ter a caixa de pesquisa junto com o botão de pesquisa, similar ao que é utilizado aqui no FdF!

desde já agradeço, atenciosamente كوي!
كوي
كوي
****

Membro desde : 26/08/2012
Mensagens : 366
Pontos : 739

http://help.ahlamontada.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração do Campo de Busca Personalizado

Mensagem por Fraise 07.08.15 17:43

Olá!

Algo assim? De preferência, adicione no inicio da folha de estilos.
Código:
input.gsc-search-button {
    margin-left: -54px!important;
}

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Resolvido!

Mensagem por كوي 07.08.15 20:49

isso, aparentemente resolvido!
segue aqui meus sinceros agradecimentos a todos vocês; Raffy, Shek e Fraise pelo excelente auxilio que todos vocês desempenharam! muito obrigado amigos! questão resolvida!
كوي
كوي
****

Membro desde : 26/08/2012
Mensagens : 366
Pontos : 739

http://help.ahlamontada.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração do Campo de Busca Personalizado

Mensagem por Fraise 07.08.15 20:51

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

 
Permissões neste sub-fórum
Não podes responder a tópicos