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

Ajustar formulário

2 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Ir para baixo

Tópico resolvido Ajustar formulário

Mensagem por IsmaelS. 26.03.17 23:21

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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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 23:42, editado 1 vez(es)
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar formulário

Mensagem por Luiz 26.03.17 23:25

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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar formulário

Mensagem por IsmaelS. 26.03.17 23:29

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

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar formulário

Mensagem por Luiz 26.03.17 23:32

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
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar formulário

Mensagem por IsmaelS. 26.03.17 23:34

Colocado.
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar formulário

Mensagem por Luiz 26.03.17 23:38

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.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar formulário

Mensagem por IsmaelS. 26.03.17 23:42

Tinha sido erro meu já consegui resolver, obrigado!!
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar formulário

Mensagem por Luiz 26.03.17 23:54

Disponha. Rose

---
Ajustar formulário Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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 códigos :: Questões resolvidas sobre HTML e BBCode

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