Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 05:52 am por Flames

» Colocar link do perfil no menu
Hoje à(s) 05:51 am por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 05:25 am por Flames

» Logo do fórum
Hoje à(s) 05:04 am por Luiz

» Cor do fundos dos tópicos
Hoje à(s) 05:02 am por Luiz

» Como adicionar um Painel de Usuário no fórum?
Hoje à(s) 04:59 am por Luiz

» Categoria do fórum
Hoje à(s) 12:06 am por PrisoN†BreaK

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
Flames
 
JulioPais
 
Shek
 
APOllO
 
Forumpw
 

Quem está conectado
220 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 220 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Ajustar formulário

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

Resolvido Ajustar formulário

Mensagem por IsmaelS. em 26/03/17, 07:21 pm

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Eu queria deixar este formulário esticado e ajustado mas ocultar os widgets que estão aparecer no final do formulário:
- http://master-publicitario.forumeiros.com/h8-

Código:
Código:
<style>
  #form-send, .form-info h3 {
  background: #fcfcfc;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #form-send select, .form-info h3 {
  font: 16px bold arial, tahoma, georgia;
  }
  .form-info h3 {padding: 3px;font-weight: bold;text-align: center;}
  #form-send select {
  min-width: 150px;
  padding: 4px;
  cursor: pointer;
  outline: none;
  border: 1px solid #e0e0e0;
  background: white;
  }
  .warn {
  background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
  border: 1px solid #e599aa;
  margin: 3px 0;
  color: #80001c;
  padding: 1em;
  }
  fieldset.form-div dt {
  padding: 5px 0;
  }
  fieldset.form-div dt {
  float: left;
  font: 15px bold arial, tahoma, georgia;
  width: 13em;
  }
  fieldset.form-div dd {
  margin-left: 10em;
  }
  fieldset.form-div dl:nth-child(odd) {
  background: #f5f8fa !important;
  }
  fieldset.form-div dl:nth-child(even) {
  background: #fff;
  }
  fieldset.form-div input {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  outline: none;
  border: 1px solid #f0f0f0;
  padding: 5px;
  }
  #countitle {
  background: white;
  color: #D60B8C;
  border: 1px solid #e0e0e0;
  padding: 5px;
  border-radius: 3px;
  }
  fieldset.form-div dl {padding: 11px;border-bottom: 1px solid #F3F3F3;}
  fieldset.form-div dl:after {
  clear: both;
  content: '.';
  display: block;
  height: 0px;
  visibility: hidden;
  }
  #form-send .area .buttons {
  -moz-background-clip: padding;
  -moz-border-radius: 3px 3px 0 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
  background: #f7f7f7;
  background-clip: padding-box;
  border: 1px solid silver;
  border-radius: 3px 3px 0 0;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  padding: 3px 5px 2px;
  }
  #form-send .area {
  display: inline-block;
  min-height: 330px;
  z-index: 3;
  width: 63%;
  }
  #form-send .description {
  display: inline-block;
  z-index: 3;
  min-height: 200px;
  position: absolute;
  background: white;
  margin: 0 0 0 20px;
  line-height: 18px;
  color: #000000;
  font-family: Calibri, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: 1em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid silver;
  width: 17%;
  }
  #form-send .area .buttons .button2 {
  background: white;
  cursor: pointer;
  outline: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  padding: 3px;
  }
  #form-send .area .buttons .button2:hover {border-color: #707070;}
  #form-send .textarea_nc #textarea {
  min-height: 200px;
  color: #111;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  overflow: auto;
  border: 0;
  outline: none;
  width: 100%;
  }
  #form-send .btns {
  background: #f5f5f5;
  border-top: 1px solid #d7d7d7;
  padding: 10px;
  text-align: center;
  }
  #form-send .area .textarea_nc {
  background: white;
  min-height: 200px;
  cursor: se-resize;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  padding: 3px 5px 2px;
  border: 1px solid silver;
  border-top: 0;
  width: 100%;
  }
  #pr-modal {
  position: fixed;
  background-color: #3e3e3e;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 100;
  opacity: 0.5;
  }
  #pr-questao {
  background-color: #464646;
  background-color: rgba(70, 70, 70, 0.6);
  padding: 4px;
  -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 101;
  width: 70%;
  left: 14.5%;
  top: 50%;
  margin-top: -58px;
  }
  #pr-questao .postm {
  background: #fff;
  border: 1px solid #eee;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #pr-questao .pr-clo {
  background: url(http://i.imgur.com/qRr3WvV.png) no-repeat;
  cursor: pointer;
  height: 16px;
  width: 16px;
  float: right;
  }
</style><script>
  $(document).ready(function() {
  $('#send').click(function() {
  if($('#titulo').val()!=='' && $('#endereco').val()!=='' && $('#versao').val()!=='' && $('#textarea').val()!=='') {
    var titulo = $('#titulo').val();
    var endereco = $('#endereco').val();
    var versao = $('#versao').val();
    var texto = $('#textarea').val();
    final = '[b]Minha questão:[/b]\n[quote]'+texto+'[/quote]\n[hr]\n[b]Endereço do meu fórum:[/b]\n'+endereco+'\n\n[b]Versão:[/b]\n'+versao+'';
    $('input[name="subject"]').val(titulo);
    $('input[name="message"]').val(final);
    $('#send2').click();
    $('#form-send').slideUp(300);
    $('#enviando').slideDown(500);
  }
  else {
    $('.alert').slideUp(1);
    $('.alert').slideDown(500);
  }
  });
  $('#prevquestion').click(function() {
    var titulo = $('#titulo').val();
    var endereco = $('#endereco').val();
    var versao = $('#versao').val();
    var texto = $('#textarea').val();
  final = '<b>Minha questão:</b><br /><blockquote><div>'+texto+'</div></blockquote><br /><hr /><br /><b>Endereço do meu fórum:</b><br />'+endereco+'<br /><br /><b>Versão:</b><br />'+versao+'';
    $('#pr-modal').fadeIn(300);
    $('#pr-questao').slideDown(500);
    $('#pr-questao .entry-content').html(final);
  });
  $('.pr-clo').click(function() {
    $('#pr-modal').fadeOut(800);
    $('#pr-questao').slideUp(500);
  });
  $('#apagar-td').click(function() {
          $('#form-send input[type="text"],#form-send textarea').val('');
  });
  $('#titulo').keyup(function() {
    var tvalue = document.getElementById('titulo').value.length;
    var icnt = document.getElementById('countitle');
    if(tvalue < 10 && tvalue > 0) {
      var l = tvalue-10;
      icnt.innerHTML='O título necessita mais '+l*-1+' caracteres';
    }
    else {
      icnt.innerHTML='';
    }
  });
  });
</script> 
<div style="display: none;" id="pr-modal">
</div>
 
<div style="display: none;" id="pr-questao">
         <span class="pr-clo"></span>     
   <div class="postm">
             
      <div class="post-entry">
                
         <div class="entry-content">
         </div>
                
      </div>
           
   </div>
    
</div>
<div class="form-info">
    
   <h3>
      Formulário de criação de tópico
   </h3><br /> 
   <div style="display: none" class="warn alert">
          É necessário preencher todos os campos em branco.
   </div>
    
</div>
 
<div class="warn">
     <strong>Nota:</strong> Antes de postar, <a target="_blank" href="/search">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida. 
</div>
<form enctype="multipart/form-data" id="form-send" name="post" method="post" action="/post">
     <fieldset class="form-div">    <dl><dt></dt>  <label></label>Título da questão:  <dd>    <input placeholder="Título da sua questão" id="titulo" style="clear: both;width: 400px;" type="text" /> </dd></dl></fieldset>
   <div style="display: inline;" id="countitle">
   </div><fieldset class="form-div"><dl></dl><dd></dd>      <dl></dl><dt></dt>  <label></label>Endereço do fórum:  <dd></dd>    <input value="http://" id="endereco" style="clear: both;width: 400px;" type="text" />      <dl></dl><dt></dt>  <label></label>Versão do fórum:    <dd></dd>      <select id="versao" class="inputbox"></select>      <option value="PunBB"></option>PunBB      <option value="Phpbb3"></option>Phpbb3      <option value="Phpbb2"></option>Phpbb2      <option value="Invision"></option>Invision              <dl><dt></dt>  <label></label>Descrição do tópico:  <dd>    </dd></dl></fieldset>
   <div class="area">
         
      <div class="buttons">
              
         <button title="Negrito" id="addbbcode0" type="button" onclick="bbcode_tag('[b]','[/b]')" class="button2">
            <img title="Negrito" alt="Negrito" src="http://imgur.com/z2xtYUE.png" />
         </button>
              
         <button title="Itálico" id="addbbcode2" type="button" onclick="bbcode_tag('[i]','[/i]')" class="button2">
            <img title="Itálico" alt="Itálico" src="http://imgur.com/EcEpCJ9.png" />
         </button>
              
         <button title="Underline" id="addbbcode4" type="button" onclick="bbcode_tag('[u]','[/u]')" class="button2">
            <img title="Underline" alt="Underline" src="http://imgur.com/i6Ergr1.png" />
         </button>
              
         <button title="Strike" id="addbbcode5" type="button" onclick="bbcode_tag('[strike]','[/strike]')" class="button2">
            <img title="Strike" alt="Strike" src="http://i.imgur.com/hWWoJSN.png" />
         </button>
              
         <button title="Esquerda" id="addbbcode52" type="button" onclick="bbcode_tag('[left]','[/left]')" class="button2">
            <img title="Esquerda" alt="Esquerda" src="http://illiweb.com/fa/wysiwyg/text_align_left.png" />
         </button>
              
         <button title="Centralizar" id="addbbcode30" type="button" onclick="bbcode_tag('[center]','[/center]')" class="button2">
            <img title="Centralizar" alt="Centralizar" src="http://illiweb.com/fa/wysiwyg/text_align_center.png" />
         </button>
              
         <button title="Direita" id="addbbcode32" type="button" onclick="bbcode_tag('[right]','[/right]')" class="button2">
            <img title="Direita" alt="Direita" src="http://illiweb.com/fa/wysiwyg/text_align_right.png" />
         </button>
              
         <button title="Justificado" id="addbbcode33" type="button" onclick="bbcode_tag('[justify]','[/justify]')" class="button2">
            <img title="Justificado" alt="Justificado" src="http://illiweb.com/fa/wysiwyg/text_align_justify.png" />
         </button>
              
         <button title="code" id="addbbcode41" type="button" onclick="bbcode_tag('[code]','[/code]')" class="button2">
            <img title="Code" alt="Code" src="http://i.imgur.com/LEJ7qoj.png" />
         </button>
              
         <button title="-Lista" id="addbbcode10" type="button" onclick="bbcode_tag('[list][*]','[/list]')" class="button2">
            <img title="-Lista" alt="-Lista" src="http://illiweb.com/fa/wysiwyg/text_list_bullets.png" />
         </button>
              
         <button title="Lista ordenada" id="addbbcode12" type="button" onclick="bbcode_tag('[list=1][*]','[/list]')" class="button2">
            <img title="Lista ordenada" alt="Lista ordenada" src="http://illiweb.com/fa/wysiwyg/text_list_numbers.png" />
         </button>
              
         <button title="Imagem" id="addbbcode14" type="button" onclick="bbcode_tag('[img]','[/img]')" class="button2">
            <img title="Imagem" alt="Imagem" src="http://illiweb.com/fa/wysiwyg/picture.png" />
         </button>
              
         <button title="Link" id="addbbcode16" type="button" onclick="bbcode_tag('[url=','][/url]')" class="button2">
            <img title="Link" alt="Link" src="http://illiweb.com/fa/wysiwyg/link.png" />
         </button>
            
      </div>
         
      <div class="textarea_nc">
               <textarea class="inputbox" id="textarea"></textarea>   
      </div>
         
   </div><fieldset class="form-div"><dl><dd>  </dd>  </dl>  </fieldset>
   <div class="btns">
          <input name="subject" type="hidden" />    <input name="message" type="hidden" />    <input value="newtopic" name="mode" type="hidden" />    <input value="52" name="f" type="hidden" />    <input value="0" name="lt" type="hidden" />    <input name="post" id="send" value="Enviar" type="button" /> <input id="prevquestion" value="Pré-visualizar" type="button" /> <input id="apagar-td" value="Apagar tudo" type="button" />    <input name="post" id="send2" style="display: none;" type="submit" />
   </div>
</form>
<div style="display:none;" id="enviando">
    
   <center>
        <img title="enviando..." alt="carregando" src="http://illiweb.com/fa/admin/wait_preview.gif" /><br />  <span class="conteudo_texto">enviando...</span> 
   </center>
</div><script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val()</script>


Última edição por IsmaelS. em 26/03/17, 07:42 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Ajustar formulário

Mensagem por Luiz em 26/03/17, 07:25 pm

Altere todo o código que o senhor usa por:
Código:
<style>

.module {
  display: none!important;
}

#content-container div#content {
  margin-right: 0px!important;
}

  #form-send, .form-info h3 {
  background: #fcfcfc;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #form-send select, .form-info h3 {
  font: 16px bold arial, tahoma, georgia;
  }
  .form-info h3 {padding: 3px;font-weight: bold;text-align: center;}
  #form-send select {
  min-width: 150px;
  padding: 4px;
  cursor: pointer;
  outline: none;
  border: 1px solid #e0e0e0;
  background: white;
  }
  .warn {
  background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
  border: 1px solid #e599aa;
  margin: 3px 0;
  color: #80001c;
  padding: 1em;
  }
  fieldset.form-div dt {
  padding: 5px 0;
  }
  fieldset.form-div dt {
  float: left;
  font: 15px bold arial, tahoma, georgia;
  width: 13em;
  }
  fieldset.form-div dd {
  margin-left: 10em;
  }
  fieldset.form-div dl:nth-child(odd) {
  background: #f5f8fa !important;
  }
  fieldset.form-div dl:nth-child(even) {
  background: #fff;
  }
  fieldset.form-div input {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  outline: none;
  border: 1px solid #f0f0f0;
  padding: 5px;
  }
  #countitle {
  background: white;
  color: #D60B8C;
  border: 1px solid #e0e0e0;
  padding: 5px;
  border-radius: 3px;
  }
  fieldset.form-div dl {padding: 11px;border-bottom: 1px solid #F3F3F3;}
  fieldset.form-div dl:after {
  clear: both;
  content: '.';
  display: block;
  height: 0px;
  visibility: hidden;
  }
  #form-send .area .buttons {
  -moz-background-clip: padding;
  -moz-border-radius: 3px 3px 0 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
  background: #f7f7f7;
  background-clip: padding-box;
  border: 1px solid silver;
  border-radius: 3px 3px 0 0;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  padding: 3px 5px 2px;
  }
  #form-send .area {
  display: inline-block;
  min-height: 330px;
  z-index: 3;
  width: 63%;
  }
  #form-send .description {
  display: inline-block;
  z-index: 3;
  min-height: 200px;
  position: absolute;
  background: white;
  margin: 0 0 0 20px;
  line-height: 18px;
  color: #000000;
  font-family: Calibri, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: 1em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid silver;
  width: 17%;
  }
  #form-send .area .buttons .button2 {
  background: white;
  cursor: pointer;
  outline: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  padding: 3px;
  }
  #form-send .area .buttons .button2:hover {border-color: #707070;}
  #form-send .textarea_nc #textarea {
  min-height: 200px;
  color: #111;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  overflow: auto;
  border: 0;
  outline: none;
  width: 100%;
  }
  #form-send .btns {
  background: #f5f5f5;
  border-top: 1px solid #d7d7d7;
  padding: 10px;
  text-align: center;
  }
  #form-send .area .textarea_nc {
  background: white;
  min-height: 200px;
  cursor: se-resize;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  padding: 3px 5px 2px;
  border: 1px solid silver;
  border-top: 0;
  width: 100%;
  }
  #pr-modal {
  position: fixed;
  background-color: #3e3e3e;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 100;
  opacity: 0.5;
  }
  #pr-questao {
  background-color: #464646;
  background-color: rgba(70, 70, 70, 0.6);
  padding: 4px;
  -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 101;
  width: 70%;
  left: 14.5%;
  top: 50%;
  margin-top: -58px;
  }
  #pr-questao .postm {
  background: #fff;
  border: 1px solid #eee;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #pr-questao .pr-clo {
  background: url(http://i.imgur.com/qRr3WvV.png) no-repeat;
  cursor: pointer;
  height: 16px;
  width: 16px;
  float: right;
  }
</style><script>
  $(document).ready(function() {
  $('#send').click(function() {
  if($('#titulo').val()!=='' && $('#endereco').val()!=='' && $('#versao').val()!=='' && $('#textarea').val()!=='') {
    var titulo = $('#titulo').val();
    var endereco = $('#endereco').val();
    var versao = $('#versao').val();
    var texto = $('#textarea').val();
    final = '[b]Minha questão:[/b]\n[quote]'+texto+'[/quote]\n[hr]\n[b]Endereço do meu fórum:[/b]\n'+endereco+'\n\n[b]Versão:[/b]\n'+versao+'';
    $('input[name="subject"]').val(titulo);
    $('input[name="message"]').val(final);
    $('#send2').click();
    $('#form-send').slideUp(300);
    $('#enviando').slideDown(500);
  }
  else {
    $('.alert').slideUp(1);
    $('.alert').slideDown(500);
  }
  });
  $('#prevquestion').click(function() {
    var titulo = $('#titulo').val();
    var endereco = $('#endereco').val();
    var versao = $('#versao').val();
    var texto = $('#textarea').val();
  final = '<b>Minha questão:</b><br /><blockquote><div>'+texto+'</div></blockquote><br /><hr /><br /><b>Endereço do meu fórum:</b><br />'+endereco+'<br /><br /><b>Versão:</b><br />'+versao+'';
    $('#pr-modal').fadeIn(300);
    $('#pr-questao').slideDown(500);
    $('#pr-questao .entry-content').html(final);
  });
  $('.pr-clo').click(function() {
    $('#pr-modal').fadeOut(800);
    $('#pr-questao').slideUp(500);
  });
  $('#apagar-td').click(function() {
          $('#form-send input[type="text"],#form-send textarea').val('');
  });
  $('#titulo').keyup(function() {
    var tvalue = document.getElementById('titulo').value.length;
    var icnt = document.getElementById('countitle');
    if(tvalue < 10 && tvalue > 0) {
      var l = tvalue-10;
      icnt.innerHTML='O título necessita mais '+l*-1+' caracteres';
    }
    else {
      icnt.innerHTML='';
    }
  });
  });
</script> 
<div style="display: none;" id="pr-modal">
</div>
 
<div style="display: none;" id="pr-questao">
        <span class="pr-clo"></span>     
  <div class="postm">
             
      <div class="post-entry">
               
        <div class="entry-content">
        </div>
               
      </div>
           
  </div>
   
</div>
<div class="form-info">
   
  <h3>
      Formulário de criação de tópico
  </h3><br /> 
  <div style="display: none" class="warn alert">
          É necessário preencher todos os campos em branco.
  </div>
   
</div>
 
<div class="warn">
    <strong>Nota:</strong> Antes de postar, <a target="_blank" href="/search">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida. 
</div>
<form enctype="multipart/form-data" id="form-send" name="post" method="post" action="/post">
    <fieldset class="form-div">    <dl><dt></dt>  <label></label>Título da questão:  <dd>    <input placeholder="Título da sua questão" id="titulo" style="clear: both;width: 400px;" type="text" /> </dd></dl></fieldset>
  <div style="display: inline;" id="countitle">
  </div><fieldset class="form-div"><dl></dl><dd></dd>      <dl></dl><dt></dt>  <label></label>Endereço do fórum:  <dd></dd>    <input value="http://" id="endereco" style="clear: both;width: 400px;" type="text" />      <dl></dl><dt></dt>  <label></label>Versão do fórum:    <dd></dd>      <select id="versao" class="inputbox"></select>      <option value="PunBB"></option>PunBB      <option value="Phpbb3"></option>Phpbb3      <option value="Phpbb2"></option>Phpbb2      <option value="Invision"></option>Invision              <dl><dt></dt>  <label></label>Descrição do tópico:  <dd>    </dd></dl></fieldset>
  <div class="area">
         
      <div class="buttons">
             
        <button title="Negrito" id="addbbcode0" type="button" onclick="bbcode_tag('[b]','[/b]')" class="button2">
            <img title="Negrito" alt="Negrito" src="http://imgur.com/z2xtYUE.png" />
        </button>
             
        <button title="Itálico" id="addbbcode2" type="button" onclick="bbcode_tag('[i]','[/i]')" class="button2">
            <img title="Itálico" alt="Itálico" src="http://imgur.com/EcEpCJ9.png" />
        </button>
             
        <button title="Underline" id="addbbcode4" type="button" onclick="bbcode_tag('[u]','[/u]')" class="button2">
            <img title="Underline" alt="Underline" src="http://imgur.com/i6Ergr1.png" />
        </button>
             
        <button title="Strike" id="addbbcode5" type="button" onclick="bbcode_tag('[strike]','[/strike]')" class="button2">
            <img title="Strike" alt="Strike" src="http://i.imgur.com/hWWoJSN.png" />
        </button>
             
        <button title="Esquerda" id="addbbcode52" type="button" onclick="bbcode_tag('[left]','[/left]')" class="button2">
            <img title="Esquerda" alt="Esquerda" src="http://illiweb.com/fa/wysiwyg/text_align_left.png" />
        </button>
             
        <button title="Centralizar" id="addbbcode30" type="button" onclick="bbcode_tag('[center]','[/center]')" class="button2">
            <img title="Centralizar" alt="Centralizar" src="http://illiweb.com/fa/wysiwyg/text_align_center.png" />
        </button>
             
        <button title="Direita" id="addbbcode32" type="button" onclick="bbcode_tag('[right]','[/right]')" class="button2">
            <img title="Direita" alt="Direita" src="http://illiweb.com/fa/wysiwyg/text_align_right.png" />
        </button>
             
        <button title="Justificado" id="addbbcode33" type="button" onclick="bbcode_tag('[justify]','[/justify]')" class="button2">
            <img title="Justificado" alt="Justificado" src="http://illiweb.com/fa/wysiwyg/text_align_justify.png" />
        </button>
             
        <button title="code" id="addbbcode41" type="button" onclick="bbcode_tag('[code]','[/code]')" class="button2">
            <img title="Code" alt="Code" src="http://i.imgur.com/LEJ7qoj.png" />
        </button>
             
        <button title="-Lista" id="addbbcode10" type="button" onclick="bbcode_tag('[list][*]','[/list]')" class="button2">
            <img title="-Lista" alt="-Lista" src="http://illiweb.com/fa/wysiwyg/text_list_bullets.png" />
        </button>
             
        <button title="Lista ordenada" id="addbbcode12" type="button" onclick="bbcode_tag('[list=1][*]','[/list]')" class="button2">
            <img title="Lista ordenada" alt="Lista ordenada" src="http://illiweb.com/fa/wysiwyg/text_list_numbers.png" />
        </button>
             
        <button title="Imagem" id="addbbcode14" type="button" onclick="bbcode_tag('[img]','[/img]')" class="button2">
            <img title="Imagem" alt="Imagem" src="http://illiweb.com/fa/wysiwyg/picture.png" />
        </button>
             
        <button title="Link" id="addbbcode16" type="button" onclick="bbcode_tag('[url=','][/url]')" class="button2">
            <img title="Link" alt="Link" src="http://illiweb.com/fa/wysiwyg/link.png" />
        </button>
           
      </div>
         
      <div class="textarea_nc">
              <textarea class="inputbox" id="textarea"></textarea>   
      </div>
         
  </div><fieldset class="form-div"><dl><dd>  </dd>  </dl>  </fieldset>
  <div class="btns">
          <input name="subject" type="hidden" />    <input name="message" type="hidden" />    <input value="newtopic" name="mode" type="hidden" />    <input value="52" name="f" type="hidden" />    <input value="0" name="lt" type="hidden" />    <input name="post" id="send" value="Enviar" type="button" /> <input id="prevquestion" value="Pré-visualizar" type="button" /> <input id="apagar-td" value="Apagar tudo" type="button" />    <input name="post" id="send2" style="display: none;" type="submit" />
  </div>
</form>
<div style="display:none;" id="enviando">
   
  <center>
        <img title="enviando..." alt="carregando" src="http://illiweb.com/fa/admin/wait_preview.gif" /><br />  <span class="conteudo_texto">enviando...</span> 
  </center>
</div><script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val()</script>

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

https://github.com/lffg/

Resolvido Re: Ajustar formulário

Mensagem por IsmaelS. em 26/03/17, 07:29 pm

Resultou porém o formulário está um pouco estranho veja:
- http://master-publicitario.forumeiros.com/h8-

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar formulário

Mensagem por Luiz em 26/03/17, 07:32 pm

Olá.
Coloque o código antigo para eu poder tentar outra alternativa.
O código a qual me refiro é o que o senhor me enviou nesta mensagem.

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

https://github.com/lffg/

Resolvido Re: Ajustar formulário

Mensagem por IsmaelS. em 26/03/17, 07:34 pm

Colocado.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar formulário

Mensagem por Luiz em 26/03/17, 07:38 pm

Olá.
Assim que enviei esta mensagem, o formulário e sua página estava com algo diferente... O senhor mudou algo nesse meio termo?

---

Também preciso que me diga, da forma mais precisa possível como o senhor deseja seu formulário.
(Cores, tamanhos, imagens, etc).

Até mais.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

https://github.com/lffg/

Resolvido Re: Ajustar formulário

Mensagem por IsmaelS. em 26/03/17, 07:42 pm

Tinha sido erro meu já consegui resolver, obrigado!!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar formulário

Mensagem por Luiz em 26/03/17, 07:54 pm

Disponha. Rose

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum