Diminuir tamanho lista de escolha form

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Diminuir tamanho lista de escolha form

Mensagem por sKyFallout 18.11.16 14:52

Detalhes da questão


Endereço do fórum: www.bgs-rpg.forumbrasil.net
Versão do fórum: PhpBB3

Descrição


Detalhes da questão


Endereço do fórum: www.bgs-rpg.forumbrasil.net
Versão do fórum: PhpBB3

Descrição


A Lista de escolha está muito grande e cai para a outra linha
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="ltr" id="min-width" lang="pt" xml:lang="pt" xmlns:og="http://opengraphprotocol.org/schema/"  ><head><title>Brasil Play Games - Forum - Revisão de Ban</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://brasilplaygames.com.br/favicon.ico" /><meta property="og:title" content="Brasil Play Games - Forum - Revisão de Ban"/><meta property="og:site_name" content="forum.brasilplaygames.com.br"/><meta name="title" content="Brasil Play Games - Forum - Revisão de Ban" /><link rel="stylesheet" href="/0-ltr.css" type="text/css" /><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="Brasil Play Games" /><link rel="search" type="application/opensearchdescription+xml" href="http://www.directorioforuns.com/search/improvedsearch.xml" title="Pesquisar fóruns" /><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="https://illiweb.com/rs3/47/frm/lang/pt.js" type="text/javascript"></script><link type="text/css" rel="stylesheet" href="https://illiweb.com/rs3/47/frm/jquery/ticker/ticker.css" /><script src="https://illiweb.com/rs3/47/frm/jquery/ticker/ticker.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
jQuery().ready(function(){$(window).load(function() {Ticker.start({height : 0,spacing : 100,speed : 0,direction : 'none',pause : 0 });});});//]]></script><script src="/99033.js" type="text/javascript"></script>
<script type="text/javascript" src="https://static.criteo.net/js/ld/publishertag.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/47/frm/mentions/tooltipster.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/47/frm/mentions/init.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/47/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/47/frm/jquery/toolbar/FAToolbar.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/47/frm/json/json2.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/47/frm/jquery/printf/printf.js"></script>
<script type="text/javascript" src="https://illiweb.com/rs3/47/frm/jquery/dotdotdot/jquery.dotdotdot-1.5.6.js"></script>


<center>
 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- BPG -->
<ins class="adsbygoogle"
    style="display:inline-block;width:728px;height:90px"
    data-ad-client="ca-pub-2561821895901976"
    data-ad-slot="6187341249"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> 
 
  </center>
<br><br>
<script>

    html_tpl = "<b><font color=#FE2E2E>Admin que baniu:</font></b><br>$6 <br><br><b><font color=#FE2E2E>Provas</font></b><br>$3 <br><br><b><font color=#FE2E2E>Nick:</font></b><br>$4 <br><br><b>Motivo do Ban:</b><br>$5 <br><br><b>Explicação:</b><br>$1"; <!-- <br><br><b>Medidas que eu tomei para corrigir o problema:</b><br>$2  -->
    bbcode_tpl = "[b][color=#FE2E2E]Admin que baniu:[/color][/b]\n$6 \n\n[b][color=#FE2E2E]Provas[/color][/b]\n$3\n\n[b][color=#FE2E2E]Nick:[/color][/b]\n$4\n \n[b][color=#FE2E2E]Motivo do Ban:[/b][/color]\n$5 \n \n[b][color=#FE2E2E]Explicação:[/b][/color]\n$1"; <!-- \n\n[b]Medidas que eu tomei para corrigir o problema:[/b]\n$2  -->
    $(document).ready(function(){
      $('#bt-selecciona-forum').change(function() {
          if($(this).val()!==""){
            $('#form-part2, #bts').slideDown(800);
            $('input[name="f"]').val($(this).val());
          }else{
            $('#form-part2, #bts').slideUp(300);
            $('input[name="f"]').val($(this).val());
          }
      });
      $('#bt-apagar').click(function() {
          $('#bt-selecciona-forum, #text-corrigir, #text-imgs, #text-questao, #titulo, #endereco').val('');
          $('#form-part2, #bts').slideUp(300);
          $('input[name="f"]').val($(this).val());
      });
      $('#bt-pr-questao').click(function() {
          tpl = html_tpl;
        tpl = tpl.replace("$6", $('#titulo').val());
          tpl = tpl.replace("$1", $('#text-questao').val());
          tpl = tpl.replace("$2", $('#text-corrigir').val());
          tpl = tpl.replace("$3", $('#text-imgs').val());
          tpl = tpl.replace("$4", $('#endereco').val());
          tpl = tpl.replace("$5", $('#org').val());
          $('html, body').animate({
            scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideDown(300);
          $('#html-questao').html(tpl);
      });

/* Script do Formulário */
// Obtém a data/hora atual
var data = new Date();

// Guarda cada pedaço em uma variável
var dia    = data.getDate();          // 1-31
var dia_sem = data.getDay();            // 0-6 (zero=domin</brvar mes    = data.getMonth()+1;          // 0-11 (zero=janeiro)
var ano2    = data.getYear();          // 2 dígitos
var ano4    = data.getFullYear();      // 4 dígitos
var hora    = data.getHours();          // 0-23
var min    = data.getMinutes();        // 0-59
var seg    = data.getSeconds();        // 0-59
var mseg    = data.getMilliseconds();  // 0-999
var tz      = data.getTimezoneOffset(); // em minutos

      $('#bt-enviar').click(function() {
          tpl = bbcode_tpl;
          if($('#text-questao').val()!=='' && $('#text-corrigir').val()!=='' && $('#titulo').val()!==''){
           tpl = tpl.replace("$6", $('#titulo').val());
            tpl = tpl.replace("$1", $('#text-questao').val());
            tpl = tpl.replace("$2", $('#text-corrigir').val());
            tpl = tpl.replace("$3", $('#text-imgs').val());
            tpl = tpl.replace("$4", $('#endereco').val());
            tpl = tpl.replace("$5", $('#org').val());
            $('input[name="message"]').val(tpl);
            $('input[name="subject"]').val('[' + dia + '/' + mes + '/' + ano4 + ']' + ' Revisão Ban - ' + $('#endereco').val() + ' - ' + $('#org').val());
            $('#bt-enviar-e').click();
            $('#form-submit').slideUp(300);
            $('#enviado').slideDown(800);
          }else{
            $('#erro').slideUp(1);
            $('#erro').slideDown(800);
          }
      });
      $('#bt-pr-fechar').click(function() {
          $('html, body').animate({
            scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideUp(300);
          return false;
      });
      $('#titulo').click(function() {
          if($('#titulo').val()=='Nome_Staff'){
            $('#titulo').val('');
          }
      });
      $('#titulo').blur(function() {
          if($('#titulo').val()==''){
            $('#titulo').val('Nome_Staff');
          }
      });
      $('#text-questao').click(function() {
          if($('#text-questao').val()=='Explique mais sobre o ocorrido e os motivos que o levaram a ser banido.'){
            $('#text-questao').val('');
          }
      });
      $('#text-questao').blur(function() {
          if($('#text-questao').val()==''){
            $('#text-questao').val('Explique mais sobre o ocorrido e os motivos que o levaram a ser banido.');
          }
      });
      $('#text-imgs').click(function() {
          if($('#text-imgs').val()=='http://www.brasilplaygames.com.br/provas.png'){
            $('#text-imgs').val('');
          }
      });
      $('#text-imgs').blur(function() {
          if($('#text-imgs').val()==''){
           $('#text-imgs').val('http://www.brasilplaygames.com.br/provas.png');
          }
      });
      $('#endereco').click(function() {
          if($('#endereco').val()=='Nome_Sobrenome'){
            $('#endereco').val('');
          }
      });
      $('#endereco').blur(function() {
          if($('#endereco').val()==''){
           $('#endereco').val('Nome_Sobrenome');
          }
      });
      if(VarGET('f')!==''){
          $('#form-part2, #bts').slideDown(800);
          $('input[name="f"]').val(VarGET('f'));
          $('#bt-selecciona-forum').val(VarGET('f'));
      }
    });


    </script>
<form id="form-submit" method="post" action="/post">
   
   <div class="panel" style="display:none;" id="erro">
      <div class="inner">
         <span class="corners-top"><span></span></span>
         <center>
            <span style="color:#C00" class="conteudo_texto"><strong>Você deve preencher todos os campos</strong></span>
         </center><span class="corners-bottom"><span></span></span>
      </div>
   </div>
   
   <div class="post row2" id="pr-questao" style="display:none;">
      <div class="inner">
         <span class="corners-top"><span></span></span>
         <div class="postbody">
            <div class="h3">
               Pré-visualizar [<a href="#" id="bt-pr-fechar">Fechar o modo de pré-visualização da questão</a>]
            </div>
            <div class="content" id="html-questao">
            </div>
         </div><span class="corners-bottom"><span></span></span>
      </div>
   </div>
   <hr id="pr-questao" style="display:none;" />
   
   <div class="panel">
      
      <div class="inner">
          <span class="corners-top"></span>
         <div style="margin-top: 7px; text-align: center" class="h2">
            <strong>
            </strong>
            <h2>
               <style="center"><span style="color: red; font-size: 48px;"><ins>AVISO</ins></span></style="center">
            </h2><strong></strong>
         </div>
          <br />
         <div style="background:#C8E2B7;border:1px solid black;padding:5px;text-align:center;font-family:Arial;font-size:12px">
            <img style="vertical-align: middle; height: 48px;" src="http://i.imgur.com/b7AlG.png" /><br />Por favor leia as Regras do Fórum mais importantes antes de você criar uma revisao: <br /><a target="_blanck" href="http://forum.brasilplaygames.com.br/t69-regras-gerais-do-forum"><span style="color: blue;">Regras Gerais do Fórum</span></a>. <br /><br /> Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.<br /><br /><strong>Observação:</strong> Antes de postar a revisão, esperemos que esteja ciente que sabemos cada banimento que efetuamos e seus motivos. Caso seja falso na sua revisão, será naturalmente rejeitada.
         </div>
         
         <p>
         </p>
         
      </div>
       <span class="corners-bottom"></span>
   </div>
   
   <div class="panel" id="form-part1">
      <div class="inner">
         <span class="corners-top"><span></span></span>
         <div style="margin-top: 7px;" class="h2">
            Revisão de Ban<del></del>
         </div>
          <fieldset class="fields1"> <dl><dt> <label>Escolha uma área</label></dt><dd><select style="width: 405px;" class="inputbox" tabindex="1" id="bt-selecciona-forum">
    <option value=""></option>
    <option value="16">Revisão de Ban</option>


    </select></dd></dl> </fieldset> <span class="corners-bottom"><span></span></span>
      </div>
   </div>
   
   <div style="display:none;" id="form-part2" class="panel">
      <div class="inner">
         <span class="corners-top"><span></span></span>
         <div style="margin-top: 7px;" class="h3">
            Corpo do formulário
         </div>
          <fieldset class="fields1"> <dl><dt> <label>Admin que baniu:</label></dt> <dd><input onblur="shh()" style="clear: both; width: 400px;" class="inputbox" value="Nome_Staff" name="subject" id="titulo" /> </dd></dl> <dl><dt> <label>Seu nick in-game:</label></dt> <dd><input style="clear: both; width: 300px;" class="inputbox" value="Nome_Sobrenome" id="endereco" /> <label><strong>Motivo do Ban:</strong></label><select id="org" class="inputbox" tabindex="1">
        <option value=""></option>
        <option value="Xiter/Cleo">Xiter/Cleo</option>
        <option value="Divulgação">Divulgação</option>
        <option value="Difamação">Difamação</option>
        <option value="Anti RPG">Anti RPG</option>
        <option value="Ofensa Admin">Ofensa Admin</option>
        <option value="3 Avisos">3 Avisos</option>
        <option value="Old">Old</option>
        <option value="Conta Deletada">Conta Deletada</option>
        <option value="Por Admin Dono">Por Admin Dono</option>
        <option value="Desconhecido">Motivo Desconhecido</option> 
        <option value="IP Banido">IP Banido</option>
      </select> </dd></dl> <dl><dt> <label>Explicação:</label></dt> <dd><textarea style="clear: both; height: 50px; width: 400px;" tabindex="14" class="inputbox" id="text-questao">Explique mais sobre o ocorrido e os motivos que o levaram a ser banido.</textarea> </dd></dl> <dl><dt> <label>Prova do banimento:</label></dt> <dd><textarea style="clear: both; height: 50px; width: 400px;" tabindex="14" class="inputbox" id="text-imgs">http://www.brasilplaygames.com.br/provas.png</textarea> </dd></dl> </fieldset> <input name="message" type="hidden" /> <input value="newtopic" name="mode" type="hidden" /> <input name="f" type="hidden" /> <input value="0" name="lt" type="hidden" /> <span class="corners-bottom"><span></span></span>
      </div>
   </div>
   
   <!--  ZmVpdG8gcG9yIEJydW5vIFNhbnRvcyAtIEJQRw==  -->
   <div class="panel" style="display:none;" id="bts">
      <div class="inner">
         <span class="corners-top"><span></span></span> <fieldset class="submit-buttons"><input class="button1" type="button" value="Pré-visualizar" id="bt-pr-questao" /> <input name="post" class="button1" type="button" value="Enviar" id="bt-enviar" /> <input class="button1" type="button" value="Apagar tudo" id="bt-apagar" /> <input name="post" style="display:none;" class="button1" type="submit" value="Enviar" id="bt-enviar-e" /></fieldset> <span class="corners-bottom"><span></span></span>
      </div>
   </div>
   
</form>
 
</body></html>
sKyFallout

sKyFallout
Novo Membro

Membro desde : 13/11/2016
Mensagens : 18
Pontos : 31

http://bgs-rpg.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir tamanho lista de escolha form

Mensagem por sKyFallout 19.11.16 15:20

@Up
sKyFallout

sKyFallout
Novo Membro

Membro desde : 13/11/2016
Mensagens : 18
Pontos : 31

http://bgs-rpg.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir tamanho lista de escolha form

Mensagem por Kyo Panda 19.11.16 21:45

Olá,

Poderia passar o endereço da página onde o formulário está aplicado?
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir tamanho lista de escolha form

Mensagem por sKyFallout 19.11.16 22:33

sKyFallout

sKyFallout
Novo Membro

Membro desde : 13/11/2016
Mensagens : 18
Pontos : 31

http://bgs-rpg.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir tamanho lista de escolha form

Mensagem por Kyo Panda 19.11.16 22:56

Vá em Painel de controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Folha de estilo CSS e adicione o seguinte código ao final da caixa de texto:

Código:
form#form-submit select.inputbox {
  width: initial;
}

---

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir tamanho lista de escolha form

Mensagem por sKyFallout 19.11.16 23:57

Valeu
sKyFallout

sKyFallout
Novo Membro

Membro desde : 13/11/2016
Mensagens : 18
Pontos : 31

http://bgs-rpg.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Diminuir tamanho lista de escolha form

Mensagem por Kyo Panda 19.11.16 23:59

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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