Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

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


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

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Chatbox aberto
Hoje à(s) 10:05 por Claudio Renan Farias

» Fichas e personagem e :
Hoje à(s) 4:22 por Claudio Arthur

» Banner got
Hoje à(s) 3:32 por Neji

» Utilização de Templates nas Páginas
Hoje à(s) 3:10 por ZombieW

» Canais ao lado
Hoje à(s) 2:46 por Froozen

» Ranks PMS + Banner
Hoje à(s) 1:09 por Tiger

» Personalizar Menu
Hoje à(s) 0:26 por YouTube3

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Tiger
 
YouTube3
 
Froozen
 
ZombieW
 
Neji
 
Claudio Arthur
 
Claudio Renan Farias
 

Quem está conectado
195 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 194 Visitantes :: 2 Motores de busca

YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Ocultar widgets no formulario

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

Resolvido Ocultar widgets no formulario

Mensagem por IsmaelS. em Qua 17 Ago 2016 - 3:13

Detalhes da questão


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

Descrição


Olá!

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

Queria esticar deixar ajustar e ocultar o widgets que estão aparecer por baixo:


Última edição por IsmaelS. em Qui 18 Ago 2016 - 21:13, editado 1 vez(es)

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por IsmaelS. em Qui 18 Ago 2016 - 4:22

UP!

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por Yeshua em Qui 18 Ago 2016 - 4:45

Olá!
Veja este tópico:
http://ajuda.forumeiros.com/t65381-#444771

Até mais! Piscada
avatar

Yeshua
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 436
Pontos Ativos : 633

http://ajuda.forumeiros.com

Resolvido Re: Ocultar widgets no formulario

Mensagem por IsmaelS. em Qui 18 Ago 2016 - 4:49

Já tinha visto e estou a utilizar algo parecido mas no formulário esta a aparecer na mesma.

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por Yeshua em Qui 18 Ago 2016 - 5:02

Olá,
Adicione esse código com investimento aplicado em todas as paginas:
Código:
jQuery(document).ready(function() {
    if (window.location.pathname == '/') {
        jQuery('#left,#right').show()
    } else {
        jQuery('#left,#right').hide()
    }
});

Atenciosamente,
Podolski
avatar

Yeshua
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 436
Pontos Ativos : 633

http://ajuda.forumeiros.com

Resolvido Re: Ocultar widgets no formulario

Mensagem por IsmaelS. em Qui 18 Ago 2016 - 5:09

Continua na mesma.

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por Yeshua em Qui 18 Ago 2016 - 5:15

Certo. Troque por este:
Código:
jQuery(document).ready(function() {
    if (window.location.pathname == '/') {
        jQuery('#left,#right').show()
    } else {
        jQuery('#left,#right').css('display', 'none')
    }
});

Atenciosamente,
Podolski
avatar

Yeshua
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 436
Pontos Ativos : 633

http://ajuda.forumeiros.com

Resolvido Re: Ocultar widgets no formulario

Mensagem por IsmaelS. em Qui 18 Ago 2016 - 5:24

Continua igual.

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por Yeshua em Qui 18 Ago 2016 - 5:25

Olá,
Troque por esse
Código:
jQuery(document).ready(function() {
    if (window.location.pathname == '/') {
        jQuery('#left,#right').show()
    } else {
        jQuery('#left,#right').css('display', 'none')
        jQuery('#content-container div#container').css('width', 'auto')
    }
});

Atenciosamente,
Podolski
avatar

Yeshua
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 436
Pontos Ativos : 633

http://ajuda.forumeiros.com

Resolvido Re: Ocultar widgets no formulario

Mensagem por IsmaelS. em Qui 18 Ago 2016 - 5:35

Sem efeito e retirou alguns efeitos do fórum.

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por Yeshua em Qui 18 Ago 2016 - 5:39

Certo, Tente esse: (esta substituindo os anteriores?)
Código:
jQuery(document).ready(function() {
    if (window.location.pathname == '/') {
        jQuery('#left,#right').show();
    } else {
      jQuery('#content-container div#container').css("width","auto !important");
        jQuery('#left,#right').remove();
    }
});

e adicione a sua folha de estilo CSS:
Código:
#content-container div#container { width: auto !important; }

Atenciosamente,
Podolski
avatar

Yeshua
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 436
Pontos Ativos : 633

http://ajuda.forumeiros.com

Resolvido Re: Ocultar widgets no formulario

Mensagem por IsmaelS. em Qui 18 Ago 2016 - 5:42

Retirei o código pois estava a ocultar na página inicial e a desconfigurar algumas partes do fórum no formulário continuava igual...

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por Yeshua em Qui 18 Ago 2016 - 5:59

Olá,
As vezes pode dar conflito. Experimente desativar os outros JavaScript?

Atenciosamente,
Podolski
avatar

Yeshua
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 436
Pontos Ativos : 633

http://ajuda.forumeiros.com

Resolvido Re: Ocultar widgets no formulario

Mensagem por IsmaelS. em Qui 18 Ago 2016 - 20:38

Continua igual eu penso que seja mesmo do código HTML do formulário que deve ter algo dos widgets não sei mas irei esperar por algum Ajudeiro se possível.

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por Cepheus em Qui 18 Ago 2016 - 21:04

A sua pagina de formulário, no final da pagina a um problema de fechamento.
Isso está dando conflito com o layout do fórum:
O trecho final da sua pagina de formulário está assim:
Código:
<script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val()

Visitando outros formulários do seu fórum reparei que eles terminam assim:
Código:

<script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val().substring(t[0].selectionStart,t[0].selectionEnd)+c+t.val().substring(t[0].selectionEnd,t.val().length))};
</script>

tente repor isso que provavelmente resolverá o seu problema.

avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 1069

http://www.bestskins.net/

Resolvido Re: Ocultar widgets no formulario

Mensagem por IsmaelS. em Qui 18 Ago 2016 - 21:07

Tem razão faltou fechar o </script> desta vez os widgets em vez de aparecer por baixo ficam de lado consegue ocultar? E deixar o formulário esticado se possível?

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por Cepheus em Qui 18 Ago 2016 - 21:09

Sim no inicio do formulário após: <style>
Coloque:
Código:

#content-container div#right  {
float: right;
overflow: hidden;
width: 0px!important;
display:none!important;
}
#content-container div#content {
margin-right: 0px;
}
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 1069

http://www.bestskins.net/

Resolvido Re: Ocultar widgets no formulario

Mensagem por IsmaelS. em Qui 18 Ago 2016 - 21:13

Ficou óptimo amigo obrigado! Piscada

IsmaelS.
Usuário experiente

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

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

Resolvido Re: Ocultar widgets no formulario

Mensagem por while em Qui 18 Ago 2016 - 22:03

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

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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