Diminuir tamanho lista de escolha form

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>  <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";  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";  $(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>  <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>

por sKyFallout 19.11.16 15:20

por Kyo Panda 19.11.16 21:45

Olá,

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

por sKyFallout 19.11.16 22:33

http://bgs-rpg.forumbrasil.net/h17-form-revisao-de-ban

por Kyo Panda 19.11.16 22:56

Vá em Painel de controle :seta2:

Visualização :seta2:

Imagens e Cores :seta2:

Cores

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'

por sKyFallout 19.11.16 23:57

Valeu

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.

Hitskin.com

Diminuir tamanho lista de escolha form