Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Ajustar aspecto de formulário
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Ajustar aspecto de formulário
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()+'⁄'+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"/> ⁄ <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)
Re: Ajustar aspecto de formulário
Olá.
Para remover a sidebar (dos widgets), basta adicionar este código ao final de sua página HTML:
Já para deixar os inputs mais bonitos, adicione este código, também ao final:
Mais alguma modificação?
Até mais.
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>
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.
Re: Ajustar aspecto de formulário
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?
- http://master-publicitario.forumeiros.com/h7-analises-de-foruns-formulario
Com aquelas caixas e títulos tudo direitinho?
Re: Ajustar aspecto de formulário
Olá.
Altere o código por este:
Após isso, iremos partir para a estilização.
Até mais.
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()+'⁄'+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"/> ⁄ <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.
Re: Ajustar aspecto de formulário
Adicione este código ao final do código base de seu formulário:
Até mais.
- 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.
Re: Ajustar aspecto de formulário
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!
Re: Ajustar aspecto de formulário
Adicione este código ao final do seu formulário:
Até mais.
- Código:
<style>
table.forumline {
border: 0px!important;
}
span.genmed.module-title {
visibility: hidden;
}
</style>
Até mais.
Re: Ajustar aspecto de formulário
Ficou excelente agora era só mesmo puxar mais para cima e fica resolvido
Re: Ajustar aspecto de formulário
Altere o código que te passei nessa mensagem, por:
Altere o valor "-60px" à seu gosto.
Até mais.
- Código:
<style>
table.forumline {
border: 0px!important;
margin-top: -60px;
}
span.genmed.module-title {
visibility: hidden;
}
</style>
Altere o valor "-60px" à seu gosto.
Até mais.
Re: Ajustar aspecto de formulário
Esse é o objetivo, não é?IsmaelS. escreveu:puxar mais para cima e fica resolvido
Tente alterar "-60px" para "60px", e ver se fica à seu gosto...
Até mais.
Re: Ajustar aspecto de formulário
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.
Provavelmente, o senhor usa softwares como adblock, que fazem os anúncios sumirem.
Veja como está para mim:
-> http://prntscr.com/ep8qv1
Até mais.
Re: Ajustar aspecto de formulário
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:
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()+'⁄'+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"/> ⁄ <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>
Re: Ajustar aspecto de formulário
Altere o código:
Até mais.
- 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()+'⁄'+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"/> ⁄ <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.
Re: Ajustar aspecto de formulário
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?
Re: Ajustar aspecto de formulário
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-
---
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-
---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Ajustar aspeto de formulário para PunBB
» Ajustar aspecto página HTML
» Ajustar formulário
» Ajustar formulário
» Ajustar opções do formulário
» Ajustar aspecto página HTML
» Ajustar formulário
» Ajustar formulário
» Ajustar opções do formulário
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos