Ajustar aspecto de formulário

2 participantes

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

Tópico resolvido Ajustar aspecto de formulário

Mensagem por IsmaelS. 26.03.17 23:57

Detalhes da questão


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

Descrição


Olá!

Eu tenho este formulário que queria ocultar os widgets e deixar esticado e ajustado e também melhorar o aspeto dele:
- http://master-publicitario.forumeiros.com/h9-formulario-de-candidaturas

O aspeto dele poderia deixar algo como este:
- http://master-publicitario.forumeiros.com/h7-

Código:
Código:
<div id="main-content">
   <div style="overflow:visible" class="7d403a0">
      <span class="corners-top"><span></span></span>
      <div class="inner">
         <div class="me3e3127">
            <script type="text/javascript">function FB_adFillSlotR(){document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="https://www.geniusdisplay.com/a/display.php?r=968519"></scr' + 'ipt>');}</script><script type="text/javascript" language="JavaScript">rp_account="11662";rp_site="36492";rp_zonesize="151250-2";rp_adtype="js";rp_smartfile="[SMART FILE URL]";</script><script src="https://ads.rubiconproject.com/ad/11662.js" type="text/javascript"></script><br class="clear" />
         </div>
         <div style="clear:both;">
         </div><style type="text/css">html body .me3e3127,html body .me3e3127 iframe,html body iframe[name="google_ads_frame"],html body .me3e3127 iframe[name="google_ads_frame"],html body #wrap #page-body div.me3e3127,html body #page-body .me3e3127,html body div.me3e3127{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .me3e3127,html body .me3e3127 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .me3e3127 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style>
      </div><span class="corners-bottom"><span></span></span>
   </div>
   <div style="height:3px">
   </div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script>function radio(nameObtido,valObtido){jQuery('[name="'+nameObtido+'"]').val( valObtido );}
/*___________________________

            Feito por Byte ©️
        ajuda.forumeiros.com
    ______________________
    |      Favor não remover <img src="/users/1614/13/58/18/smiles/2877042909.gif" alt=";)" longdesc="14" />    |
    ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
____________________________*/
function gerarf() {



/*Formando o conteúdo dos Cargos*/
var CargoF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  if(i<jQuery('[name="CargoQnt"]').val()){CargoF += jQuery('[name="Cargo'+i+'"]').val()+', ';}
  else{CargoF += jQuery('[name="Cargo'+i+'"]').val()+'\n';}
};

/*Formando o conteúdo das Descrições*/
var DescF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  DescF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Desc'+i+'"]').val()+'\n';
};

/*Formando o conteúdo das Vagas*/
var VagaF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  VagaF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Vaga'+i+'a"]').val()+'&frasl;'+jQuery('[name="Vaga'+i+'b"]').val()+'\n';
};

/*Formando o conteúdo dos Requisitos*/
var ReqF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  ReqF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Req'+i+'"]').val()+'\n';
};



/*NUMERO DO FORUM*/
jQuery('[name="f"]').val( '16' );

/*VALOR TITULO*/
jQuery('[name="subject"]').val('Recrutamento '+ jQuery('[name="ForumNome"]').val() );

/*VALOR MENSAGEM*/
jQuery('[name="message"]').val('[size=15][b]Cargos:[/b][/size]\n'+CargoF+'\n'+'[size=15][b]Descrição de cada cargo:[/b][/size]\n'+DescF+'\n'+'[size=15][b]Vagas preenchidas / Vagas Totais:[/b][/size]\n'+VagaF+'\n'+'[size=15][b]Requisitos:[/b][/size]\n'+ReqF+'\n'+'[size=15][b]Link do fórum:[/b][/size]\n'+jQuery('[name="ForumLink"]').val());



/*Verificando se todos os campos estão preenchidos*/

//O campo dos Cargos
var verifCargo = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Cargo'+i+'"]').val()!=''){}else{verifCargo=false};
};

//O campo das Descriçoes
var verifDesc = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Desc'+i+'"]').val()!=''){}else{verifDesc=false};
};

//O campo das Vagas
var verifVaga = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Vaga'+i+'a"]').val()!=''&&jQuery('[name="Vaga'+i+'b"]').val()!=''){}else{verifCargo=false};
};

//O campo dos Requerimentos
var verifReq = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Req'+i+'"]').val()!=''){}else{verifReq=false};
};

//Comparando se as todas as verificações estão com todos os campos preenchidos
if(verifCargo&&verifDesc&&verifVaga&&verifReq&&jQuery('[name="ForumLink"]').val()!=''&&jQuery('[name="ForumNome"]').val()!=''){return true}else
{alert('Por favor, não deixe nenhum campo em vazio!');
return false};

}



/*Código de Aidicionar/Remover os Campos*/
jQuery(document).ready(function(){


  jQuery('[name="AddCargo"]').click(function () {
  jQuery('[name="CargoQnt"]').val(parseInt(jQuery('[name="CargoQnt"]').val())+1);

  jQuery('.CargoS').before('<p class="Cargo'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Cargo'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('.DescS').before('<p class="Desc'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Desc'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('.VagaS').before('<p class="Vaga'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Vaga'+jQuery('[name="CargoQnt"]').val()+'a" class="Vaga" value="0"/> &frasl; <input type="text" name="Vaga'+jQuery('[name="CargoQnt"]').val()+'b" class="Vaga" value="Total"/></p>');

  jQuery('.ReqS').before('<p class="Req'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Req'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('[name="RemovCargo"]').removeAttr('disabled');
  });


  jQuery('[name="RemovCargo"]').click(function () {

  jQuery('.Cargo'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Desc'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Vaga'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Req'+jQuery('[name="CargoQnt"]').val()).remove();

  jQuery('[name="CargoQnt"]').val(parseInt(jQuery('[name="CargoQnt"]').val())-1);
  if(jQuery('[name="CargoQnt"]').val()=='1')
  {jQuery('[name="RemovCargo"]').attr('disabled','disabled')}
  else {jQuery('[name="RemovCargo"]').removeAttr('disabled')};
  });

  jQuery('input[type="text"]').click(function() {this.focus();this.select();})

});

</script>
   <form enctype="multipart/form-data" method="post" action="/posting.forum">
      
      <table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
         <tbody>
            <tr>
               <td style="height: 25px;" class="catLeft">
                  <span class="genmed module-title">Formulário</span>
               </td>
            </tr>
            <tr>
               <td id="formdeparceria1" align="left" class="row1">
                   <style>
#formdeparceria1{padding:20px;}
#formdeparceria1 b{margin-left:-10px;}
#formdeparceria1 input[type="text"]{width:80%;}
#formdeparceria1 input.Vaga{width:3em;}
#formdeparceria1 p{margin:0;}
#formdeparceria1 i{font-size:0.7em;}
#formdeparceria1 center{display:block!important;}
html#min-width body table.bodylinewidth tbody tr td.bodyline div#page-body div#content-container.no-left table.three-col tbody tr td center{display: block !important;}
</style> <strong>Cargos:</strong><br />
                  <p class="Cargo1">
                     1) <input value="" name="Cargo1" type="text" />
                  </p>
                  <p class="CargoS">
                  </p><input value="1" name="CargoQnt" type="hidden" /><input value=" + " class="button2" name="AddCargo" type="button" /><input disabled="disabled" value=" - " class="button2" name="RemovCargo" type="button" /><br /> <strong>Descrição de cada cargo:</strong><br />
                  <p class="Desc1">
                     1) <input value="" name="Desc1" type="text" />
                  </p>
                  <p class="DescS">
                  </p><br /> <strong>Vagas preenchidas/Vagas Totais:</strong><br />
                  <p class="Vaga1">
                     1) <input value="0" class="Vaga" name="Vaga1a" type="text" /> ⁄ <input value="Total" class="Vaga" name="Vaga1b" type="text" />
                  </p>
                  <p class="VagaS">
                  </p><br /> <strong>Requisitos:</strong><br />
                  <p class="Req1">
                     1) <input value="" name="Req1" type="text" />
                  </p>
                  <p class="ReqS">
                  </p><br /> <strong>Nome completo do fórum:</strong><br /><input value="" name="ForumNome" type="text" /><br /><br /> <strong>Link do Fórum<em> (Não se esqueça do http:// ) </em>:</strong><br /><input value="" name="ForumLink" type="text" /><br /><br />
               </td>
            </tr>
         </tbody>
      </table>
      
      <table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
         <tbody>
            <tr>
               <td align="left" class="row1">
                  
                  <!--  Ocultos  --><input value="1" name="f" type="hidden" /><input value="O script não enviou o título" name="subject" type="hidden" /><input value="O script não enviou a descrição" name="description" type="hidden" /><input value="O script não enviou a mensagem" name="message" type="hidden" /> <input value="newtopic" name="mode" type="hidden" /><input value="0" name="lt" type="hidden" />
                  <!--  Enviar  -->
                  <center>
                     <input onclick="return gerarf()" value="Enviar" class="button2" name="post" type="submit" />
                  </center>
                  
               </td>
            </tr>
         </tbody>
      </table>
      <!-- ___________________________

                      -\\\\\\-
                  -\\\\\\\\\\-
                  -\\\\\\\\\\-
                    -\\\\\\\/-
 -\\\\\\\\\\-  \\--___--\\  -\\\\\\\\\\-
 -\\\\\\\\\\-  \\\\\\\\\\\\\  -\\\\\\\\\\-
                ____    ___
              -\\\\\\\-  -\\\\\\\
        -\\\\\\\\\\\-  -\\\\\\\\\\\-
      -\\\\\\\\\\\\ -    -\\\\\\\\\\\\-

            Feito por Byte ©️
        ajuda.forumeiros.com
    ______________________
    |      Favor não remover <img src="/users/1614/13/58/18/smiles/2877042909.gif" alt=";)" longdesc="14" />    |
    ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
____________________________ -->
   </form>
</div>


Última edição por IsmaelS. em 27.03.17 23:14, 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

Membro Entusiasta

Tópico resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz 27.03.17 0:32

Olá.
Para remover a sidebar (dos widgets), basta adicionar este código ao final de sua página HTML:
Código:
<style>
  #right {
    display: none!important;
  }

  div#content {
    margin-right: 0px!important;
  }
</style>
O senhor pode fazer este procedimento em todas, as quais o senhor deseja remover os widgets.

Já para deixar os inputs mais bonitos, adicione este código, também ao final:
Código:
<style>
  input[type="text"] {
    border: solid 1px #39c;
    border-radius: 6px;
  }
</style>

Mais alguma modificação?
Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
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 aspecto de formulário

Mensagem por IsmaelS. 27.03.17 0:46

Sobre os widgets resultou, mas os inputs prefiro como está mas conseguia deixar desta forma?:
- http://master-publicitario.forumeiros.com/h7-analises-de-foruns-formulario

Com aquelas caixas e títulos tudo direitinho? Pensativo
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

Membro Entusiasta

Tópico resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz 27.03.17 2:09

Olá.
Altere o código por este:
Código:
<div id="main-content">
  <div style="overflow:visible" class="7d403a0">
      <span class="corners-top"><span></span></span>
      <div class="inner">
        <div class="me3e3127">
            <script type="text/javascript">function FB_adFillSlotR(){document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="https://www.geniusdisplay.com/a/display.php?r=968519"></scr' + 'ipt>');}</script><script type="text/javascript" language="JavaScript">rp_account="11662";rp_site="36492";rp_zonesize="151250-2";rp_adtype="js";rp_smartfile="[SMART FILE URL]";</script><script src="https://ads.rubiconproject.com/ad/11662.js" type="text/javascript"></script><br class="clear" />
        </div>
        <div style="clear:both;">
        </div><style type="text/css">html body .me3e3127,html body .me3e3127 iframe,html body iframe[name="google_ads_frame"],html body .me3e3127 iframe[name="google_ads_frame"],html body #wrap #page-body div.me3e3127,html body #page-body .me3e3127,html body div.me3e3127{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .me3e3127,html body .me3e3127 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .me3e3127 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style>
      </div><span class="corners-bottom"><span></span></span>
  </div>
  <div style="height:3px">
  </div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script>function radio(nameObtido,valObtido){jQuery('[name="'+nameObtido+'"]').val( valObtido );}
/*___________________________

            Feito por Byte ©️
        ajuda.forumeiros.com
    ______________________
    |      Favor não remover <img src="/users/1614/13/58/18/smiles/2877042909.gif" alt=";)" longdesc="14" />    |
    ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
____________________________*/
function gerarf() {



/*Formando o conteúdo dos Cargos*/
var CargoF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  if(i<jQuery('[name="CargoQnt"]').val()){CargoF += jQuery('[name="Cargo'+i+'"]').val()+', ';}
  else{CargoF += jQuery('[name="Cargo'+i+'"]').val()+'\n';}
};

/*Formando o conteúdo das Descrições*/
var DescF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  DescF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Desc'+i+'"]').val()+'\n';
};

/*Formando o conteúdo das Vagas*/
var VagaF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  VagaF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Vaga'+i+'a"]').val()+'&frasl;'+jQuery('[name="Vaga'+i+'b"]').val()+'\n';
};

/*Formando o conteúdo dos Requisitos*/
var ReqF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  ReqF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Req'+i+'"]').val()+'\n';
};



/*NUMERO DO FORUM*/
jQuery('[name="f"]').val( '16' );

/*VALOR TITULO*/
jQuery('[name="subject"]').val('Recrutamento '+ jQuery('[name="ForumNome"]').val() );

/*VALOR MENSAGEM*/
jQuery('[name="message"]').val('[size=15][b]Cargos:[/b][/size]\n'+CargoF+'\n'+'[size=15][b]Descrição de cada cargo:[/b][/size]\n'+DescF+'\n'+'[size=15][b]Vagas preenchidas / Vagas Totais:[/b][/size]\n'+VagaF+'\n'+'[size=15][b]Requisitos:[/b][/size]\n'+ReqF+'\n'+'[size=15][b]Link do fórum:[/b][/size]\n'+jQuery('[name="ForumLink"]').val());



/*Verificando se todos os campos estão preenchidos*/

//O campo dos Cargos
var verifCargo = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Cargo'+i+'"]').val()!=''){}else{verifCargo=false};
};

//O campo das Descriçoes
var verifDesc = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Desc'+i+'"]').val()!=''){}else{verifDesc=false};
};

//O campo das Vagas
var verifVaga = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Vaga'+i+'a"]').val()!=''&&jQuery('[name="Vaga'+i+'b"]').val()!=''){}else{verifCargo=false};
};

//O campo dos Requerimentos
var verifReq = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Req'+i+'"]').val()!=''){}else{verifReq=false};
};

//Comparando se as todas as verificações estão com todos os campos preenchidos
if(verifCargo&&verifDesc&&verifVaga&&verifReq&&jQuery('[name="ForumLink"]').val()!=''&&jQuery('[name="ForumNome"]').val()!=''){return true}else
{alert('Por favor, não deixe nenhum campo em vazio!');
return false};

}



/*Código de Aidicionar/Remover os Campos*/
jQuery(document).ready(function(){


  jQuery('[name="AddCargo"]').click(function () {
  jQuery('[name="CargoQnt"]').val(parseInt(jQuery('[name="CargoQnt"]').val())+1);

  jQuery('.CargoS').before('<p class="Cargo'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Cargo'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('.DescS').before('<p class="Desc'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Desc'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('.VagaS').before('<p class="Vaga'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Vaga'+jQuery('[name="CargoQnt"]').val()+'a" class="Vaga" value="0"/> &frasl; <input type="text" name="Vaga'+jQuery('[name="CargoQnt"]').val()+'b" class="Vaga" value="Total"/></p>');

  jQuery('.ReqS').before('<p class="Req'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Req'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('[name="RemovCargo"]').removeAttr('disabled');
  });


  jQuery('[name="RemovCargo"]').click(function () {

  jQuery('.Cargo'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Desc'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Vaga'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Req'+jQuery('[name="CargoQnt"]').val()).remove();

  jQuery('[name="CargoQnt"]').val(parseInt(jQuery('[name="CargoQnt"]').val())-1);
  if(jQuery('[name="CargoQnt"]').val()=='1')
  {jQuery('[name="RemovCargo"]').attr('disabled','disabled')}
  else {jQuery('[name="RemovCargo"]').removeAttr('disabled')};
  });

  jQuery('input[type="text"]').click(function() {this.focus();this.select();})

});

</script>
  <form enctype="multipart/form-data" method="post" action="/posting.forum">
     
      <table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
        <tbody>
            <tr>
              <td style="height: 25px;" class="catLeft">
                  <span class="genmed module-title">Formulário</span>
              </td>
            </tr>
            <tr>
              <td id="formdeparceria1" align="left" class="row1">
                  <style>
#formdeparceria1{padding:20px;}
#formdeparceria1 b{margin-left:-10px;}
#formdeparceria1 input[type="text"]{width:80%;}
#formdeparceria1 input.Vaga{width:3em;}
#formdeparceria1 p{margin:0;}
#formdeparceria1 i{font-size:0.7em;}
#formdeparceria1 center{display:block!important;}
html#min-width body table.bodylinewidth tbody tr td.bodyline div#page-body div#content-container.no-left table.three-col tbody tr td center{display: block !important;}
</style>
                <div class="lz-grupo">
                  <h1 class="lz-title">Informações sobre Cargos</h1>
                <strong>Cargos:</strong><br />
                  <p class="Cargo1">
                    1) <input value="" name="Cargo1" type="text" />
                  </p>
                  <p class="CargoS">
                  </p><input value="1" name="CargoQnt" type="hidden" /><input value=" + " class="button2" name="AddCargo" type="button" /><input disabled="disabled" value=" - " class="button2" name="RemovCargo" type="button" /><br /> <strong>Descrição de cada cargo:</strong><br />
                  <p class="Desc1">
                    1) <input value="" name="Desc1" type="text" />
                  </p>
                </div>
                <div class="lz-grupo">
                  <h1 class="lz-title">Informações adicionais</h1>
                  <p class="DescS">
                  </p><br /> <strong>Vagas preenchidas/Vagas Totais:</strong><br />
                  <p class="Vaga1">
                    1) <input value="0" class="Vaga" name="Vaga1a" type="text" /> ⁄ <input value="Total" class="Vaga" name="Vaga1b" type="text" />
                  </p>
                  <p class="VagaS">
                  </p><br /> <strong>Requisitos:</strong><br />
                  <p class="Req1">
                    1) <input value="" name="Req1" type="text" />
                  </p>
                  <p class="ReqS">
                  </p><br /> <strong>Nome completo do fórum:</strong><br /><input value="" name="ForumNome" type="text" /><br /><br /> <strong>Link do Fórum<em> (Não se esqueça do http:// ) </em>:</strong><br /><input value="" name="ForumLink" type="text" /></div><br /><br />
              </td>
            </tr>
        </tbody>
      </table>
     
      <table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
        <tbody>
            <tr>
              <td align="left" class="row1">
                 
                  <!--  Ocultos  --><input value="1" name="f" type="hidden" /><input value="O script não enviou o título" name="subject" type="hidden" /><input value="O script não enviou a descrição" name="description" type="hidden" /><input value="O script não enviou a mensagem" name="message" type="hidden" /> <input value="newtopic" name="mode" type="hidden" /><input value="0" name="lt" type="hidden" />
                  <!--  Enviar  -->
                  <center>
                    <input onclick="return gerarf()" value="Enviar" class="button2" name="post" type="submit" />
                  </center>
                 
              </td>
            </tr>
        </tbody>
      </table>
      <!-- ___________________________

                      -\\\\\\-
                  -\\\\\\\\\\-
                  -\\\\\\\\\\-
                    -\\\\\\\/-
 -\\\\\\\\\\-  \\--___--\\  -\\\\\\\\\\-
 -\\\\\\\\\\-  \\\\\\\\\\\\\  -\\\\\\\\\\-
                ____    ___
              -\\\\\\\-  -\\\\\\\
        -\\\\\\\\\\\-  -\\\\\\\\\\\-
      -\\\\\\\\\\\\ -    -\\\\\\\\\\\\-

            Feito por Byte ©️
        ajuda.forumeiros.com
    ______________________
    |      Favor não remover <img src="/users/1614/13/58/18/smiles/2877042909.gif" alt=";)" longdesc="14" />    |
    ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
____________________________ -->
  </form>
</div>

Após isso, iremos partir para a estilização.
Até mais. Piscada
Luiz

Luiz
Membro Entusiasta
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 aspecto de formulário

Mensagem por IsmaelS. 27.03.17 2:53

Coloquei agora se conseguir deixar como o outro ^^
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

Membro Entusiasta

Tópico resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz 27.03.17 17:15

Adicione este código ao final do código base de seu formulário:
Código:
<style>
  .lz-grupo {
    background-color: #fff;
    color: #242424;
    margin-bottom: 15px;
    padding: 0 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: solid 2px #eee;
    border-radius: 5px;
    margin-top: 30px;
  }

  h1.lz-title {
    border: 1px solid #3192c2!important;
    border-radius: 6px!important;
    padding: 3px!important;
    text-align: center!important;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
</style>

Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
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 aspecto de formulário

Mensagem por IsmaelS. 27.03.17 22:13

Isso mesmo agora queria só ajustar ou seja puxar mais para cima e retirar aquela caixa à volta de tudo e o texto "Formulário" e fica óptimo!
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

Membro Entusiasta
  • 0

Tópico resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz 27.03.17 22:18

Adicione este código ao final do seu formulário:
Código:
<style>
  table.forumline {
    border: 0px!important;
  }

  span.genmed.module-title {
    visibility: hidden;
  }
</style>

Até mais. Rose
Luiz

Luiz
Membro Entusiasta
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 aspecto de formulário

Mensagem por IsmaelS. 27.03.17 22:23

Ficou excelente agora era só mesmo puxar mais para cima e fica resolvido Piscada
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

Membro Entusiasta

Tópico resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz 27.03.17 22:28

Altere o código que te passei nessa mensagem, por:
Código:
<style>
  table.forumline {
    border: 0px!important;
    margin-top: -60px;
  }
 
  span.genmed.module-title {
    visibility: hidden;
  }
</style>

Altere o valor "-60px" à seu gosto. Feliz

Até mais.

Luiz

Luiz
Membro Entusiasta
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 aspecto de formulário

Mensagem por IsmaelS. 27.03.17 22:31

Troquei mas ele não soube apenas encolhe.
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

Membro Entusiasta

Tópico resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz 27.03.17 22:40

IsmaelS. escreveu:puxar mais para cima e fica resolvido
Esse é o objetivo, não é?

Tente alterar "-60px" para "60px", e ver se fica à seu gosto...

Até mais.
Luiz

Luiz
Membro Entusiasta
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 aspecto de formulário

Mensagem por IsmaelS. 27.03.17 22:45

Queria era puxar para cima mas ele encolhe se reduzir os "px" veja esta print onde a seta aponta é onde quero puxar para cima:
Ajustar aspecto de formulário Sem_ty35
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

Membro Entusiasta

Tópico resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz 27.03.17 23:09

Bom, não há como levar mais pra cima, pois existem anúncios aí.
Provavelmente, o senhor usa softwares como adblock, que fazem os anúncios sumirem.

Veja como está para mim:
-> http://prntscr.com/ep8qv1

Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
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 aspecto de formulário

Mensagem por IsmaelS. 27.03.17 23:21

Só para acabar ao postar ele aparece assim:
Ajustar aspecto de formulário Sem_ty37

Mas eu apenas queria que aparecesse o título e não "Recrutamento" que aparece antes e a descrição aparece aquele aviso e não queria tal.

Código completo:
Código:
<div id="main-content">
  <div style="overflow:visible" class="7d403a0">
      <span class="corners-top"><span></span></span>
      <div class="inner">
        <div class="me3e3127">
            <script type="text/javascript">function FB_adFillSlotR(){document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="https://www.geniusdisplay.com/a/display.php?r=968519"></scr' + 'ipt>');}</script><script type="text/javascript" language="JavaScript">rp_account="11662";rp_site="36492";rp_zonesize="151250-2";rp_adtype="js";rp_smartfile="[SMART FILE URL]";</script><script src="https://ads.rubiconproject.com/ad/11662.js" type="text/javascript"></script><br class="clear" />
        </div>
        <div style="clear:both;">
        </div><style type="text/css">html body .me3e3127,html body .me3e3127 iframe,html body iframe[name="google_ads_frame"],html body .me3e3127 iframe[name="google_ads_frame"],html body #wrap #page-body div.me3e3127,html body #page-body .me3e3127,html body div.me3e3127{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .me3e3127,html body .me3e3127 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .me3e3127 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style>
      </div><span class="corners-bottom"><span></span></span>
  </div>
  <div style="height:3px">
  </div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script>function radio(nameObtido,valObtido){jQuery('[name="'+nameObtido+'"]').val( valObtido );}
/*___________________________

            Feito por Byte ©️
        ajuda.forumeiros.com
    ______________________
    |      Favor não remover <img src="/users/1614/13/58/18/smiles/2877042909.gif" alt=";)" longdesc="14" />    |
    ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
____________________________*/
function gerarf() {



/*Formando o conteúdo dos Cargos*/
var CargoF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  if(i<jQuery('[name="CargoQnt"]').val()){CargoF += jQuery('[name="Cargo'+i+'"]').val()+', ';}
  else{CargoF += jQuery('[name="Cargo'+i+'"]').val()+'\n';}
};

/*Formando o conteúdo das Descrições*/
var DescF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  DescF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Desc'+i+'"]').val()+'\n';
};

/*Formando o conteúdo das Vagas*/
var VagaF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  VagaF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Vaga'+i+'a"]').val()+'&frasl;'+jQuery('[name="Vaga'+i+'b"]').val()+'\n';
};

/*Formando o conteúdo dos Requisitos*/
var ReqF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  ReqF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Req'+i+'"]').val()+'\n';
};



/*NUMERO DO FORUM*/
jQuery('[name="f"]').val( '15' );

/*VALOR TITULO*/
jQuery('[name="subject"]').val('Recrutamento '+ jQuery('[name="ForumNome"]').val() );

/*VALOR MENSAGEM*/
jQuery('[name="message"]').val('[size=15][b]Cargos:[/b][/size]\n'+CargoF+'\n'+'[size=15][b]Descrição de cada cargo:[/b][/size]\n'+DescF+'\n'+'[size=15][b]Vagas preenchidas / Vagas Totais:[/b][/size]\n'+VagaF+'\n'+'[size=15][b]Requisitos:[/b][/size]\n'+ReqF+'\n'+'[size=15][b]Link do fórum:[/b][/size]\n'+jQuery('[name="ForumLink"]').val());



/*Verificando se todos os campos estão preenchidos*/

//O campo dos Cargos
var verifCargo = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Cargo'+i+'"]').val()!=''){}else{verifCargo=false};
};

//O campo das Descriçoes
var verifDesc = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Desc'+i+'"]').val()!=''){}else{verifDesc=false};
};

//O campo das Vagas
var verifVaga = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Vaga'+i+'a"]').val()!=''&&jQuery('[name="Vaga'+i+'b"]').val()!=''){}else{verifCargo=false};
};

//O campo dos Requerimentos
var verifReq = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Req'+i+'"]').val()!=''){}else{verifReq=false};
};

//Comparando se as todas as verificações estão com todos os campos preenchidos
if(verifCargo&&verifDesc&&verifVaga&&verifReq&&jQuery('[name="ForumLink"]').val()!=''&&jQuery('[name="ForumNome"]').val()!=''){return true}else
{alert('Por favor, não deixe nenhum campo em vazio!');
return false};

}



/*Código de Aidicionar/Remover os Campos*/
jQuery(document).ready(function(){


  jQuery('[name="AddCargo"]').click(function () {
  jQuery('[name="CargoQnt"]').val(parseInt(jQuery('[name="CargoQnt"]').val())+1);

  jQuery('.CargoS').before('<p class="Cargo'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Cargo'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('.DescS').before('<p class="Desc'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Desc'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('.VagaS').before('<p class="Vaga'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Vaga'+jQuery('[name="CargoQnt"]').val()+'a" class="Vaga" value="0"/> &frasl; <input type="text" name="Vaga'+jQuery('[name="CargoQnt"]').val()+'b" class="Vaga" value="Total"/></p>');

  jQuery('.ReqS').before('<p class="Req'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Req'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('[name="RemovCargo"]').removeAttr('disabled');
  });


  jQuery('[name="RemovCargo"]').click(function () {

  jQuery('.Cargo'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Desc'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Vaga'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Req'+jQuery('[name="CargoQnt"]').val()).remove();

  jQuery('[name="CargoQnt"]').val(parseInt(jQuery('[name="CargoQnt"]').val())-1);
  if(jQuery('[name="CargoQnt"]').val()=='1')
  {jQuery('[name="RemovCargo"]').attr('disabled','disabled')}
  else {jQuery('[name="RemovCargo"]').removeAttr('disabled')};
  });

  jQuery('input[type="text"]').click(function() {this.focus();this.select();})

});

</script>
  <form enctype="multipart/form-data" method="post" action="/posting.forum">
     
      <table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
        <tbody>
            <tr>
              <td style="height: 25px;" class="catLeft">
                  <span class="genmed module-title">Formulário</span>
              </td>
            </tr>
            <tr>
              <td id="formdeparceria1" align="left" class="row1">
                  <style>
#formdeparceria1{padding:20px;}
#formdeparceria1 b{margin-left:-10px;}
#formdeparceria1 input[type="text"]{width:80%;}
#formdeparceria1 input.Vaga{width:3em;}
#formdeparceria1 p{margin:0;}
#formdeparceria1 i{font-size:0.7em;}
#formdeparceria1 center{display:block!important;}
html#min-width body table.bodylinewidth tbody tr td.bodyline div#page-body div#content-container.no-left table.three-col tbody tr td center{display: block !important;}
</style>
                <div class="lz-grupo">
                  <h1 class="lz-title">Informações sobre Cargos</h1>
                <strong>Cargos:</strong><br />
                  <p class="Cargo1">
                    1) <input value="" name="Cargo1" type="text" />
                  </p>
                  <p class="CargoS">
                  </p><input value="1" name="CargoQnt" type="hidden" /><input value=" + " class="button2" name="AddCargo" type="button" /><input disabled="disabled" value=" - " class="button2" name="RemovCargo" type="button" /><br /> <strong>Descrição de cada cargo:</strong><br />
                  <p class="Desc1">
                    1) <input value="" name="Desc1" type="text" />
                  </p>
                </div>
                <div class="lz-grupo">
                  <h1 class="lz-title">Informações adicionais</h1>
                  <p class="DescS">
                  </p><br /> <strong>Vagas preenchidas/Vagas Totais:</strong><br />
                  <p class="Vaga1">
                    1) <input value="0" class="Vaga" name="Vaga1a" type="text" /> ⁄ <input value="Total" class="Vaga" name="Vaga1b" type="text" />
                  </p>
                  <p class="VagaS">
                  </p><br /> <strong>Requisitos:</strong><br />
                  <p class="Req1">
                    1) <input value="" name="Req1" type="text" />
                  </p>
                  <p class="ReqS">
                  </p><br /> <strong>Nome completo do fórum:</strong><br /><input value="" name="ForumNome" type="text" /><br /><br /> <strong>Link do Fórum<em> (Não se esqueça do http:// ) </em>:</strong><br /><input value="" name="ForumLink" type="text" /></div><br /><br />
              </td>
            </tr>
        </tbody>
      </table>
     
      <table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
        <tbody>
            <tr>
              <td align="left" class="row1">
                 
                  <!--  Ocultos  --><input value="1" name="f" type="hidden" /><input value="O script não enviou o título" name="subject" type="hidden" /><input value="O script não enviou a descrição" name="description" type="hidden" /><input value="O script não enviou a mensagem" name="message" type="hidden" /> <input value="newtopic" name="mode" type="hidden" /><input value="0" name="lt" type="hidden" />
                  <!--  Enviar  -->
                  <center>
                    <input onclick="return gerarf()" value="Enviar" class="button2" name="post" type="submit" />
                  </center>
                 
              </td>
            </tr>
        </tbody>
      </table>
      <!-- ___________________________

                      -\\\\\\-
                  -\\\\\\\\\\-
                  -\\\\\\\\\\-
                    -\\\\\\\/-
 -\\\\\\\\\\-  \\--___--\\  -\\\\\\\\\\-
 -\\\\\\\\\\-  \\\\\\\\\\\\\  -\\\\\\\\\\-
                ____    ___
              -\\\\\\\-  -\\\\\\\
        -\\\\\\\\\\\-  -\\\\\\\\\\\-
      -\\\\\\\\\\\\ -    -\\\\\\\\\\\\-

            Feito por Byte ©️
        ajuda.forumeiros.com
    ______________________
    |      Favor não remover <img src="/users/1614/13/58/18/smiles/2877042909.gif" alt=";)" longdesc="14" />    |
    ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
____________________________ -->
  </form>
</div>
<style>
  #right {
    display: none!important;
  }
 
  div#content {
    margin-right: 0px!important;
  }
</style>
<style>
  .lz-grupo {
    background-color: #fff;
    color: #242424;
    margin-bottom: 15px;
    padding: 0 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: solid 2px #eee;
    border-radius: 5px;
    margin-top: 30px;
  }
 
  h1.lz-title {
    border: 1px solid #3192c2!important;
    border-radius: 6px!important;
    padding: 3px!important;
    text-align: center!important;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
</style>
<style>
  table.forumline {
    border: 0px!important;
    margin-top: -70px;
  }
 
  span.genmed.module-title {
    visibility: hidden;
  }
</style>
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

Membro Entusiasta
  • 0

Tópico resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz 27.03.17 23:27

Altere o código:
Código:
<div id="main-content">
  <div style="overflow:visible" class="7d403a0">
      <span class="corners-top"><span></span></span>
      <div class="inner">
        <div class="me3e3127">
            <script type="text/javascript">function FB_adFillSlotR(){document.write('<scr' + 'ipt data-cfasync="false" type="text/javascript" src="https://www.geniusdisplay.com/a/display.php?r=968519"></scr' + 'ipt>');}</script><script type="text/javascript" language="JavaScript">rp_account="11662";rp_site="36492";rp_zonesize="151250-2";rp_adtype="js";rp_smartfile="[SMART FILE URL]";</script><script src="https://ads.rubiconproject.com/ad/11662.js" type="text/javascript"></script><br class="clear" />
        </div>
        <div style="clear:both;">
        </div><style type="text/css">html body .me3e3127,html body .me3e3127 iframe,html body iframe[name="google_ads_frame"],html body .me3e3127 iframe[name="google_ads_frame"],html body #wrap #page-body div.me3e3127,html body #page-body .me3e3127,html body div.me3e3127{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .me3e3127,html body .me3e3127 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .me3e3127 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style>
      </div><span class="corners-bottom"><span></span></span>
  </div>
  <div style="height:3px">
  </div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script>function radio(nameObtido,valObtido){jQuery('[name="'+nameObtido+'"]').val( valObtido );}
/*___________________________

            Feito por Byte ©️
        ajuda.forumeiros.com
    ______________________
    |      Favor não remover <img src="/users/1614/13/58/18/smiles/2877042909.gif" alt=";)" longdesc="14" />    |
    ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
____________________________*/
function gerarf() {



/*Formando o conteúdo dos Cargos*/
var CargoF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  if(i<jQuery('[name="CargoQnt"]').val()){CargoF += jQuery('[name="Cargo'+i+'"]').val()+', ';}
  else{CargoF += jQuery('[name="Cargo'+i+'"]').val()+'\n';}
};

/*Formando o conteúdo das Descrições*/
var DescF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  DescF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Desc'+i+'"]').val()+'\n';
};

/*Formando o conteúdo das Vagas*/
var VagaF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  VagaF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Vaga'+i+'a"]').val()+'&frasl;'+jQuery('[name="Vaga'+i+'b"]').val()+'\n';
};

/*Formando o conteúdo dos Requisitos*/
var ReqF = '';
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
  ReqF += '[i]'+jQuery('[name="Cargo'+i+'"]').val()+'[/i] - '+jQuery('[name="Req'+i+'"]').val()+'\n';
};



/*NUMERO DO FORUM*/
jQuery('[name="f"]').val( '15' );

/*VALOR TITULO*/
jQuery('[name="subject"]').val(jQuery('[name="ForumNome"]').val() );

/*VALOR MENSAGEM*/
jQuery('[name="message"]').val('[size=15][b]Cargos:[/b][/size]\n'+CargoF+'\n'+'[size=15][b]Descrição de cada cargo:[/b][/size]\n'+DescF+'\n'+'[size=15][b]Vagas preenchidas / Vagas Totais:[/b][/size]\n'+VagaF+'\n'+'[size=15][b]Requisitos:[/b][/size]\n'+ReqF+'\n'+'[size=15][b]Link do fórum:[/b][/size]\n'+jQuery('[name="ForumLink"]').val());



/*Verificando se todos os campos estão preenchidos*/

//O campo dos Cargos
var verifCargo = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Cargo'+i+'"]').val()!=''){}else{verifCargo=false};
};

//O campo das Descriçoes
var verifDesc = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Desc'+i+'"]').val()!=''){}else{verifDesc=false};
};

//O campo das Vagas
var verifVaga = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Vaga'+i+'a"]').val()!=''&&jQuery('[name="Vaga'+i+'b"]').val()!=''){}else{verifCargo=false};
};

//O campo dos Requerimentos
var verifReq = true;
for (i=1;i<=jQuery('[name="CargoQnt"]').val();i++){
if(jQuery('[name="Req'+i+'"]').val()!=''){}else{verifReq=false};
};

//Comparando se as todas as verificações estão com todos os campos preenchidos
if(verifCargo&&verifDesc&&verifVaga&&verifReq&&jQuery('[name="ForumLink"]').val()!=''&&jQuery('[name="ForumNome"]').val()!=''){return true}else
{alert('Por favor, não deixe nenhum campo em vazio!');
return false};

}



/*Código de Aidicionar/Remover os Campos*/
jQuery(document).ready(function(){


  jQuery('[name="AddCargo"]').click(function () {
  jQuery('[name="CargoQnt"]').val(parseInt(jQuery('[name="CargoQnt"]').val())+1);

  jQuery('.CargoS').before('<p class="Cargo'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Cargo'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('.DescS').before('<p class="Desc'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Desc'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('.VagaS').before('<p class="Vaga'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Vaga'+jQuery('[name="CargoQnt"]').val()+'a" class="Vaga" value="0"/> &frasl; <input type="text" name="Vaga'+jQuery('[name="CargoQnt"]').val()+'b" class="Vaga" value="Total"/></p>');

  jQuery('.ReqS').before('<p class="Req'+jQuery('[name="CargoQnt"]').val()+'">'+jQuery('[name="CargoQnt"]').val()+') <input type="text" name="Req'+jQuery('[name="CargoQnt"]').val()+'" value="" /></p>');

  jQuery('[name="RemovCargo"]').removeAttr('disabled');
  });


  jQuery('[name="RemovCargo"]').click(function () {

  jQuery('.Cargo'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Desc'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Vaga'+jQuery('[name="CargoQnt"]').val()).remove();
  jQuery('.Req'+jQuery('[name="CargoQnt"]').val()).remove();

  jQuery('[name="CargoQnt"]').val(parseInt(jQuery('[name="CargoQnt"]').val())-1);
  if(jQuery('[name="CargoQnt"]').val()=='1')
  {jQuery('[name="RemovCargo"]').attr('disabled','disabled')}
  else {jQuery('[name="RemovCargo"]').removeAttr('disabled')};
  });

  jQuery('input[type="text"]').click(function() {this.focus();this.select();})

});

</script>
  <form enctype="multipart/form-data" method="post" action="/posting.forum">
     
      <table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
        <tbody>
            <tr>
              <td style="height: 25px;" class="catLeft">
                  <span class="genmed module-title">Formulário</span>
              </td>
            </tr>
            <tr>
              <td id="formdeparceria1" align="left" class="row1">
                  <style>
#formdeparceria1{padding:20px;}
#formdeparceria1 b{margin-left:-10px;}
#formdeparceria1 input[type="text"]{width:80%;}
#formdeparceria1 input.Vaga{width:3em;}
#formdeparceria1 p{margin:0;}
#formdeparceria1 i{font-size:0.7em;}
#formdeparceria1 center{display:block!important;}
html#min-width body table.bodylinewidth tbody tr td.bodyline div#page-body div#content-container.no-left table.three-col tbody tr td center{display: block !important;}
</style>
                <div class="lz-grupo">
                  <h1 class="lz-title">Informações sobre Cargos</h1>
                <strong>Cargos:</strong><br />
                  <p class="Cargo1">
                    1) <input value="" name="Cargo1" type="text" />
                  </p>
                  <p class="CargoS">
                  </p><input value="1" name="CargoQnt" type="hidden" /><input value=" + " class="button2" name="AddCargo" type="button" /><input disabled="disabled" value=" - " class="button2" name="RemovCargo" type="button" /><br /> <strong>Descrição de cada cargo:</strong><br />
                  <p class="Desc1">
                    1) <input value="" name="Desc1" type="text" />
                  </p>
                </div>
                <div class="lz-grupo">
                  <h1 class="lz-title">Informações adicionais</h1>
                  <p class="DescS">
                  </p><br /> <strong>Vagas preenchidas/Vagas Totais:</strong><br />
                  <p class="Vaga1">
                    1) <input value="0" class="Vaga" name="Vaga1a" type="text" /> ⁄ <input value="Total" class="Vaga" name="Vaga1b" type="text" />
                  </p>
                  <p class="VagaS">
                  </p><br /> <strong>Requisitos:</strong><br />
                  <p class="Req1">
                    1) <input value="" name="Req1" type="text" />
                  </p>
                  <p class="ReqS">
                  </p><br /> <strong>Nome completo do fórum:</strong><br /><input value="" name="ForumNome" type="text" /><br /><br /> <strong>Link do Fórum<em> (Não se esqueça do http:// ) </em>:</strong><br /><input value="" name="ForumLink" type="text" /></div><br /><br />
              </td>
            </tr>
        </tbody>
      </table>
     
      <table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
        <tbody>
            <tr>
              <td align="left" class="row1">
                 
                  <!--  Ocultos  --><input value="1" name="f" type="hidden" /><input value="O script não enviou o título" name="subject" type="hidden" /><input value="O script não enviou a mensagem" name="message" type="hidden" /> <input value="newtopic" name="mode" type="hidden" /><input value="0" name="lt" type="hidden" />
                  <!--  Enviar  -->
                  <center>
                    <input onclick="return gerarf()" value="Enviar" class="button2" name="post" type="submit" />
                  </center>
                 
              </td>
            </tr>
        </tbody>
      </table>
      <!-- ___________________________

                      -\\\\\\-
                  -\\\\\\\\\\-
                  -\\\\\\\\\\-
                    -\\\\\\\/-
 -\\\\\\\\\\-  \\--___--\\  -\\\\\\\\\\-
 -\\\\\\\\\\-  \\\\\\\\\\\\\  -\\\\\\\\\\-
                ____    ___
              -\\\\\\\-  -\\\\\\\
        -\\\\\\\\\\\-  -\\\\\\\\\\\-
      -\\\\\\\\\\\\ -    -\\\\\\\\\\\\-

            Feito por Byte ©️
        ajuda.forumeiros.com
    ______________________
    |      Favor não remover <img src="/users/1614/13/58/18/smiles/2877042909.gif" alt=";)" longdesc="14" />    |
    ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
____________________________ -->
  </form>
</div>
<style>
  #right {
    display: none!important;
  }
 
  div#content {
    margin-right: 0px!important;
  }
</style>
<style>
  .lz-grupo {
    background-color: #fff;
    color: #242424;
    margin-bottom: 15px;
    padding: 0 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: solid 2px #eee;
    border-radius: 5px;
    margin-top: 30px;
  }
 
  h1.lz-title {
    border: 1px solid #3192c2!important;
    border-radius: 6px!important;
    padding: 3px!important;
    text-align: center!important;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
</style>
<style>
  table.forumline {
    border: 0px!important;
    margin-top: -70px;
  }
 
  span.genmed.module-title {
    visibility: hidden;
  }
</style>

Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
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 aspecto de formulário

Mensagem por IsmaelS. 27.03.17 23:30

Ficou óptimo obrigado amigo por isto! Só uma dúvida eu tenho outro formulário para fazer a mesma coisa basta copiar e colar os códigos que passou e resulta?
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

Membro Entusiasta
  • 0

Tópico resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz 27.03.17 23:33

Não.
Terá que ser um trabalho manual para todos.

Recomendo seriamente criar novos formulários usando o nosso gerador, é mais fácil:
-> https://ajuda.forumeiros.com/h15-

---
Ajustar aspecto de 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 Entusiasta

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

https://luizfelipe.dev

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