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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Preciso de uma logo marca para meu canal do YouTube
Hoje à(s) 04:37 am por YouTube Funk

» Emblemas não está sendo modificado
Hoje à(s) 12:14 am por iScroll

» Forum atualiza mais não modifica
Ontem à(s) 11:59 pm por paulim78

» Adicionar Imagem
Ontem à(s) 11:57 pm por paulim78

» Efeito Canvas
Ontem à(s) 11:04 pm por Daniel Yan

» posição like.
Ontem à(s) 10:58 pm por paulim78

» Código JavaScript do Chatbox não surtiu efeito
Ontem à(s) 10:50 pm por Lemon~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
paulim78
 
Gaaratsu
 
while
 
Shek
 
Fou-Lu
 
Eduardo Lima
 
Lemon~
 
odelgado
 
LucasPofahl
 

Quem está conectado
177 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 175 Visitantes :: 3 Motores de busca

AlexG, GustavoDM11

[ Ver toda a lista ]


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

Ajustar aspecto de formulário

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

Resolvido Ajustar aspecto de formulário

Mensagem por IsmaelS. em 26/03/17, 07:57 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 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, 07:14 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspecto de formulário

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

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por IsmaelS. em 26/03/17, 08:46 pm

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz em 26/03/17, 10:09 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por IsmaelS. em 26/03/17, 10:53 pm

Coloquei agora se conseguir deixar como o outro ^^

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz em 27/03/17, 01:15 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por IsmaelS. em 27/03/17, 06:13 pm

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!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz em 27/03/17, 06:18 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por IsmaelS. em 27/03/17, 06:23 pm

Ficou excelente agora era só mesmo puxar mais para cima e fica resolvido Piscada

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz em 27/03/17, 06:28 pm

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.



Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por IsmaelS. em 27/03/17, 06:31 pm

Troquei mas ele não soube apenas encolhe.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz em 27/03/17, 06:40 pm

@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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por IsmaelS. em 27/03/17, 06:45 pm

Queria era puxar para cima mas ele encolhe se reduzir os "px" veja esta print onde a seta aponta é onde quero puxar para cima:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz em 27/03/17, 07:09 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajustar aspecto de formulário

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

Só para acabar ao postar ele aparece assim:


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>

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz em 27/03/17, 07:27 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Ajustar aspecto de formulário

Mensagem por IsmaelS. em 27/03/17, 07:30 pm

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?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Ajustar aspecto de formulário

Mensagem por Luiz em 27/03/17, 07:33 pm

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

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

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

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário 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