Formulário na criação de um novo tópico

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

Resolvido Formulário na criação de um novo tópico

Mensagem por liphtorres em 02/06/11, 09:19 pm

Qual é sua questão:
Olá, vim por meio desta para que vocês me ajudem a esclarecer uma dúvida.

Quero saber como adiciona a barra de quando você cria um novo topico fique a barra: Tipo de Duvida?
Assim você pode colocar a dúvida selecionada.
e também de como colocar : (Qual é sua questão:) - (Que medidas você tomou para corrigir o problema:) - (Apresente-nos imagens do problema (se necessário)Feliz


Até mais.
;D

Que medidas você tomou para corrigir o problema:
Vim até aqui.

Apresente-nos imagens do problema (se necessário):
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Consolado em 02/06/11, 09:23 pm

Olá!
Isto se chama um "Formulário", Receio ler este tópico:
:seta2: [TUTORIAL] Criar um formulário de Postagens
Ou até mesmo:
:seta2: Formulário de Postagens
Espero ter lhe ajudado, Veja se resulta.

Até mais! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 03/06/11, 10:36 am

Desculpa, não entendi os topicos citados acima, poderia me explicar melhor?
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por #Frank! em 03/06/11, 10:46 am

Olá meu querido, liphtorres

Apresente-nos dúvidas concretas sobre os códigos.
Por exemplo : Qual parte você não entendeu, onde coloca os códigos, dúvidas sobre os códigos, etc.
Tente fazer o formulário seguindo todas as instruções dos tutoriais acima.

Até mais.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

Ver perfil do usuário http://finite.forumeiros.com

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 03/06/11, 11:02 am

Olá, não entendi a parte dos códigos, onde os coloca.

Estou a espera.
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Consolado em 03/06/11, 11:03 am

Olá!
Ascenda á:
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: (aba) Folha de Estilo CSS
E cole este código no campo de texto, Ele remete ao formulário de Questões do Fórum dos Fóruns:
Código:

    <div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o formulário</div>
        <fieldset>
     
     
        <p>  O presente formulário foi adicionado as seções de suporte para melhor organização das questões. Vimos muitas perguntas sendo feitas sem quaisquer nexo e sem informações úteis, que não nos ajudavam a entender os problemas e dar o devido auxilio.</p><p> Coloque um título descrito e se possível, utilize apenas a primeira letra do mesmo em maiúsculo, pois facilita a indexação dos tópicos nos motores de busca do fórum. Seja bem descritivo em cada ponto do formulário, assim será ajudado mais de forma mais rápida, mais ágil.
     
        </p></fieldset>

        <div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Tipo de dúvida</div>
   
     
        <fieldset class="fields1">

     
        <dl><dt>
        <label>Tipo de duvida?:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1">
        <option value=""></option>
        <option value="6">Problemas de conexão</option>
        <option value="22">Questões sobre códigos</option>
        <option value="25">Questões sobre a aparência do fórum</option>
        <option value="27">Questões sobre funções do fórum</option>

        <option value="30">Questões sobre créditos e nomes de domínio</option>
        <option value="29">Questões diversas</option>
        <option value="11">Necessidade dum técnico</option>
        </select></dd></dl>
     
        </fieldset>
        <span class="corners-bottom"><span></span></span></div></div>

        <div class="clear" style="height: 6px;"></div>

        <div class="panel" id="form-part2" style="display: block;"><div class="inner"><span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">Sua Questão</div>
     
        <fieldset class="fields1">

        <dl><dt>
        <label>Titulo:</label></dt>
        <dd><input id="titulo" name="subject" value="Coloque aqui um título descritivo sobre a sua questão" class="inputbox" style="clear: both; width: 400px;">
        </dd></dl>

        <dl><dt>
        <label>Qual é sua questão:</label></dt>
        <dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
        </dd></dl>
        <dl><dt>
        <label>Que medidas você tomou para corrigir o problema:</label></dt>
        <dd><textarea id="text-corrigir" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>

        </dd></dl>
     
        <dl><dt>
        <label>Apresente-nos imagens do problema (se necessário):</label></dt>
        <dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
        </dd></dl>
     
        </fieldset>
     
        <input name="message" type="hidden">
        <input name="mode" value="newtopic" type="hidden">

        <input value="27" name="f" type="hidden">
        <input name="lt" value="0" type="hidden">
     
     
        <span class="corners-bottom"><span></span></span></div></div>

     
        <div id="bts" style="display: block;" class="panel"><div class="inner"><span class="corners-top"><span></span></span>
        <fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" class="button1" type="button"> <input id="bt-enviar" value="Enviar questão" class="button1" name="post" type="button"> <input id="bt-apagar" value="Apagar tudo" class="button1" type="button">
        <input id="bt-enviar-e" value="Enviar Questão" class="button1" style="display: none;" name="post" type="submit"></fieldset>
        <span class="corners-bottom"><span></span></span></div></div>

     

        <div id="enviado" style="display: none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="carregando" title="enviado..."><br><span class="conteudo_texto">enviado...</span></center><span class="corners-bottom"><span></span></span></div></div></div>
Enquanto ao código do formulário gráfico, Leia este tópico:
:seta2: Formulário de criação Desing
Ainda tem alguma dúvida? Comunique!

Até mais,
Shetos
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 03/06/11, 11:11 am

Olá, o código não funcionou.

Lembrando o módelo do meu site é Phpbb3 e ja tme um css personalizado.

Estou a espera
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Consolado em 03/06/11, 11:12 am

Olá!
Teve alguma mensagem de erro?, Ou seja, após você colar o código e salvou, Teve uma outra mensagem no campo?, Se sim, passe-me aqui para corrigi-lo.

Até mais!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 03/06/11, 11:17 am

Olá, esta é a mensagem de erro:

Seu CSS foi atualizado
Nota:
As balizas html geram erros na folha de estilo.
Uma correção acabou de ser feita visando suprimir as balizas html que foram adicionadas à folha de estilo.
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Consolado em 03/06/11, 11:19 am

Olá!
Não é isto, Cole o código que eu lhe disse no campo CSS, Salve e envie-me a sua base completa que está naquele campo, Me compreende, Aquele campo de CSS, Deve está repleto de códigos, Passe-me tudo que está escrito utilizando o "[code]" Para ser mais precipitado.

Até mais!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 03/06/11, 11:21 am

Ok esta no spoiler Piscada
Spoiler:

blockquote div {
margin-left: 20px;
}
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
background-color: #E4F4FC;
}
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://illiweb.com/fa/prosilver/icon_user_online_en.png');
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expres​sion(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://illiweb.com/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Consolado em 03/06/11, 11:23 am

Olá!
Creio que o código do formulário não está dentro do campo CSS, Está?, Recomendo colar o código que lhe disse á cima, E cole neste campo que você me enviou agora.

Até mais!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 03/06/11, 11:27 am

Css base muito extenso, não é possivel passa-lo


@edit: Link do css base : http://webhack.forum.st/41-ltr.css?pop=1
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Consolado em 03/06/11, 11:31 am

Olá!
Só existe outra forma de lhe ajudar mais fácil e rápido, Me cadastrando em seu fórum.
Tenho de ter muito mais estratégia e um pouco de contato com você, Por isto, Quero que prossigamos nossa conversa pela mensagem privada.
Assim, Seria bem mais calmo, Uma conversa particular, Já me cadastrei.

Até mais!


Última edição por Shetos em 03/06/11, 11:38 am, editado 1 vez(es)
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 03/06/11, 11:33 am

certo, se registre no meu forum.

Até mais
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Dury em 07/06/11, 09:30 pm

Olá e boa noite.

O código do formulário deste fórum é este:
Código:
</div></div><div id="main"><div id="main-content"><script src="http://forum-script.googlecode.com/files/VarGET.js"></script><script>
    html_tpl = "<b>Qual é sua questão:</b><br>$1 <br><br><b>Que medidas você tomou para corrigir o problema:</b><br>$2<br><br><b>Apresente-nos imagens do problema (se necessário):</b><br>$3 <br><br>";
    bbcode_tpl = "[b]Qual é sua questão:[/b]\n$1 \n\n[b]Que medidas você tomou para corrigir o problema:[/b]\n$2\n\n[b]Apresente-nos imagens do problema (se necessário):[/b]\n$3";
    $(document).ready(function(){
      $('#bt-selecciona-forum').change(function() {
          if($(this).val()!==""){
            $('#form-part2, #bts').slideDown(800);
            $('input[name="f"]').val($(this).val());
          }else{
            $('#form-part2, #bts').slideUp(300);
            $('input[name="f"]').val($(this).val());
          }
      });
      $('#bt-apagar').click(function() {
          $('#bt-selecciona-forum, #text-corrigir, #text-imgs, #text-questao, #titulo').val('');
          $('#form-part2, #bts').slideUp(300);
          $('input[name="f"]').val($(this).val());
      });
      $('#bt-pr-questao').click(function() {
          tpl = html_tpl;
          tpl = tpl.replace("$1", $('#text-questao').val());
          tpl = tpl.replace("$2", $('#text-corrigir').val());
          tpl = tpl.replace("$3", $('#text-imgs').val());
          $('html, body').animate({
            scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideDown(300);
          $('#html-questao').html(tpl);
      });
      $('#bt-enviar').click(function() {
          tpl = bbcode_tpl;
          if($('#text-questao').val()!=='' && $('#text-corrigir').val()!=='' && $('#titulo').val()!==''){
            tpl = tpl.replace("$1", $('#text-questao').val());
            tpl = tpl.replace("$2", $('#text-corrigir').val());
            tpl = tpl.replace("$3", $('#text-imgs').val());
            $('input[name="message"]').val(tpl);
            $('input[name="subject"]').val($('#titulo').val());
            $('#bt-enviar-e').click();
            $('#form-submit').slideUp(300);
            $('#enviado').slideDown(800);
          }else{
            $('#erro').slideUp(1);
            $('#erro').slideDown(800);
          }
      });
      $('#bt-pr-fechar').click(function() {
          $('html, body').animate({
            scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideUp(300);
          return false;
      });
      $('#titulo').click(function() {
          if($('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão'){
            $('#titulo').val('');
          }
      });
      $('#titulo').blur(function() {
          if($('#titulo').val()==''){
            $('#titulo').val('Coloque aqui um título descritivo sobre a sua questão');
          }
      });
      if(VarGET('f')!==''){
          $('#form-part2, #bts').slideDown(800);
          $('input[name="f"]').val(VarGET('f'));
          $('#bt-selecciona-forum').val(VarGET('f'));
      }
    });
    </script>

    <form action="/post" method="post" id="form-submit">

    <div id="erro" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Você deve preencher todos os campos</b></span></center><span class="corners-bottom"><span></span></span></div></div>

    <div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody"><div class="h3">Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]</div><div id="html-questao" class="content"></div></div><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao">



    <div id="none" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o formulário</div>

    <fieldset>
   
   
    <p>  O presente formulário foi adicionado as seções de suporte para melhor organização das questões. Vimos muitas perguntas sendo feitas sem quaisquer nexo e sem informações úteis, que não nos ajudavam a entender os problemas e dar o devido auxilio.<p> Coloque um título descrito e se possível, utilize apenas a primeira letra do mesmo em maiúsculo, pois facilita a indexação dos tópicos nos motores de busca do fórum. Seja bem descritivo em cada ponto do formulário, assim será ajudado mais de forma mais rápida, mais ágil.
   
    </fieldset>

    <div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Tipo de dúvida</div>
 
   
    <fieldset class="fields1">
   
    <dl><dt>
    <label>Tipo de duvida?:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1" />

    <option value=""></option>
    <option value="5">Problemas de conexão</option>
    <option value="6">Questões sobre códigos</option>
    <option value="7">Questões sobre a aparência do fórum</option>
    <option value="8">Questões sobre funções do fórum</option>
    <option value="9">Questões sobre Diversas</option>
    <option value="9">Necessidade de um técnico</option>

    </select></dd></dl>
   
    </fieldset>
    <span class="corners-bottom"><span></span></span></div></div>

    <div class="clear" style="height: 6px;"></div>
    <div class="panel" id="form-part2" style="display:none;"><div class="inner"><span class="corners-top"><span></span></span>
    <div class="h3" style="margin-top: 7px;">Sua Questão</div>
   
    <fieldset class="fields1">

    <dl><dt>
    <label>Titulo:</label></dt>
    <dd><input id="titulo" name="subject" value="Coloque aqui um título descritivo sobre a sua questão" class="inputbox" style="clear: both; width: 400px;" />
    </dd></dl>
    <dl><dt>
    <label>Qual é sua questão:</label></dt>
    <dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>

    </dd></dl>
    <dl><dt>
    <label>Que medidas você tomou para corrigir o problema:</label></dt>
    <dd><textarea id="text-corrigir" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
    </dd></dl>
   
    <dl><dt>
    <label>Apresente-nos imagens do problema (se necessário):</label></dt>

    <dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
    </dd></dl>
   
    </fieldset>
   
    <input type="hidden" name="message">
    <input type="hidden" name="mode" value="newtopic">
    <input type="hidden" name="f">
    <input type="hidden" name="lt" value="0">
   
   
    <span class="corners-bottom"><span></span></span></div></div>

   
    <div  id="bts" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span>
    <fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" type="button" class="button1" /> <input id="bt-enviar" value="Enviar questão" type="button" class="button1" name="post" /> <input id="bt-apagar" value="Apagar tudo" type="button"  class="button1" />
    <input id="bt-enviar-e" value="Enviar Questão" type="submit" class="button1" style="display:none;" name="post" /></fieldset>
    <span class="corners-bottom"><span></span></span></div></div>
<!--- Formulário criado por "Byte", usado por Fórum dos Fóruns (Mr. Supero) e fornecido por Benévóles---!>
    </form>

    <div id="enviado" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="carregando" title="enviado..." /><br /><span class="conteudo_texto">enviado...</span></center>

Caso tenha dúvidas de como adicioná-lo, leia este tópico: http://ajuda.forumeiros.com/-t41300.html

Até mais!
Muito feliz
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 07/06/11, 10:11 pm

Olá Jeffrey

Onde coloco o código?

Este código é para folha de CSS ?

Se sim ele esta dando erros: Seu CSS foi atualizado
Nota:
As balizas html geram erros na folha de estilo.
Uma correção acabou de ser feita visando suprimir as balizas html que foram adicionadas à folha de estilo.


OBS: Eu uso estilo de forum igual a da FdF.

Até mais
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Consolado em 07/06/11, 10:18 pm

@liphtorres escreveu:Onde coloco o código?
Olá parceiro!
Para colar o código terá de ascender á:
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores / Folha de Estilo CSS
No campo chamado "CSS" Cole este código citado por Jeffrey:
Código:
</div></div><div id="main"><div id="main-content"><script src="http://forum-script.googlecode.com/files/VarGET.js"></script><script>
    html_tpl = "<b>Qual é sua questão:</b><br>$1 <br><br><b>Que medidas você tomou para corrigir o problema:</b><br>$2<br><br><b>Apresente-nos imagens do problema (se necessário):</b><br>$3 <br><br>";
    bbcode_tpl = "[b]Qual é sua questão:[/b]\n$1 \n\n[b]Que medidas você tomou para corrigir o problema:[/b]\n$2\n\n[b]Apresente-nos imagens do problema (se necessário):[/b]\n$3";
    $(document).ready(function(){
      $('#bt-selecciona-forum').change(function() {
          if($(this).val()!==""){
            $('#form-part2, #bts').slideDown(800);
            $('input[name="f"]').val($(this).val());
          }else{
            $('#form-part2, #bts').slideUp(300);
            $('input[name="f"]').val($(this).val());
          }
      });
      $('#bt-apagar').click(function() {
          $('#bt-selecciona-forum, #text-corrigir, #text-imgs, #text-questao, #titulo').val('');
          $('#form-part2, #bts').slideUp(300);
          $('input[name="f"]').val($(this).val());
      });
      $('#bt-pr-questao').click(function() {
          tpl = html_tpl;
          tpl = tpl.replace("$1", $('#text-questao').val());
          tpl = tpl.replace("$2", $('#text-corrigir').val());
          tpl = tpl.replace("$3", $('#text-imgs').val());
          $('html, body').animate({
            scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideDown(300);
          $('#html-questao').html(tpl);
      });
      $('#bt-enviar').click(function() {
          tpl = bbcode_tpl;
          if($('#text-questao').val()!=='' && $('#text-corrigir').val()!=='' && $('#titulo').val()!==''){
            tpl = tpl.replace("$1", $('#text-questao').val());
            tpl = tpl.replace("$2", $('#text-corrigir').val());
            tpl = tpl.replace("$3", $('#text-imgs').val());
            $('input[name="message"]').val(tpl);
            $('input[name="subject"]').val($('#titulo').val());
            $('#bt-enviar-e').click();
            $('#form-submit').slideUp(300);
            $('#enviado').slideDown(800);
          }else{
            $('#erro').slideUp(1);
            $('#erro').slideDown(800);
          }
      });
      $('#bt-pr-fechar').click(function() {
          $('html, body').animate({
            scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideUp(300);
          return false;
      });
      $('#titulo').click(function() {
          if($('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão'){
            $('#titulo').val('');
          }
      });
      $('#titulo').blur(function() {
          if($('#titulo').val()==''){
            $('#titulo').val('Coloque aqui um título descritivo sobre a sua questão');
          }
      });
      if(VarGET('f')!==''){
          $('#form-part2, #bts').slideDown(800);
          $('input[name="f"]').val(VarGET('f'));
          $('#bt-selecciona-forum').val(VarGET('f'));
      }
    });
    </script>

    <form action="/post" method="post" id="form-submit">

    <div id="erro" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Você deve preencher todos os campos</b></span></center><span class="corners-bottom"><span></span></span></div></div>

    <div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody"><div class="h3">Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]</div><div id="html-questao" class="content"></div></div><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao">



    <div id="none" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o formulário</div>

    <fieldset>
   
   
    <p>  O presente formulário foi adicionado as seções de suporte para melhor organização das questões. Vimos muitas perguntas sendo feitas sem quaisquer nexo e sem informações úteis, que não nos ajudavam a entender os problemas e dar o devido auxilio.<p> Coloque um título descrito e se possível, utilize apenas a primeira letra do mesmo em maiúsculo, pois facilita a indexação dos tópicos nos motores de busca do fórum. Seja bem descritivo em cada ponto do formulário, assim será ajudado mais de forma mais rápida, mais ágil.
   
    </fieldset>

    <div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Tipo de dúvida</div>
 
   
    <fieldset class="fields1">
   
    <dl><dt>
    <label>Tipo de duvida?:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1" />

    <option value=""></option>
    <option value="5">Problemas de conexão</option>
    <option value="6">Questões sobre códigos</option>
    <option value="7">Questões sobre a aparência do fórum</option>
    <option value="8">Questões sobre funções do fórum</option>
    <option value="9">Questões sobre Diversas</option>
    <option value="9">Necessidade de um técnico</option>

    </select></dd></dl>
   
    </fieldset>
    <span class="corners-bottom"><span></span></span></div></div>

    <div class="clear" style="height: 6px;"></div>
    <div class="panel" id="form-part2" style="display:none;"><div class="inner"><span class="corners-top"><span></span></span>
    <div class="h3" style="margin-top: 7px;">Sua Questão</div>
   
    <fieldset class="fields1">

    <dl><dt>
    <label>Titulo:</label></dt>
    <dd><input id="titulo" name="subject" value="Coloque aqui um título descritivo sobre a sua questão" class="inputbox" style="clear: both; width: 400px;" />
    </dd></dl>
    <dl><dt>
    <label>Qual é sua questão:</label></dt>
    <dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>

    </dd></dl>
    <dl><dt>
    <label>Que medidas você tomou para corrigir o problema:</label></dt>
    <dd><textarea id="text-corrigir" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
    </dd></dl>
   
    <dl><dt>
    <label>Apresente-nos imagens do problema (se necessário):</label></dt>

    <dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
    </dd></dl>
   
    </fieldset>
   
    <input type="hidden" name="message">
    <input type="hidden" name="mode" value="newtopic">
    <input type="hidden" name="f">
    <input type="hidden" name="lt" value="0">
   
   
    <span class="corners-bottom"><span></span></span></div></div>

   
    <div  id="bts" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span>
    <fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" type="button" class="button1" /> <input id="bt-enviar" value="Enviar questão" type="button" class="button1" name="post" /> <input id="bt-apagar" value="Apagar tudo" type="button"  class="button1" />
    <input id="bt-enviar-e" value="Enviar Questão" type="submit" class="button1" style="display:none;" name="post" /></fieldset>
    <span class="corners-bottom"><span></span></span></div></div>
<!--- Formulário criado por "Byte", usado por Fórum dos Fóruns (Mr. Supero) e fornecido por Benévóles---!>
    </form>

    <div id="enviado" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="carregando" title="enviado..." />
<span class="conteudo_texto">enviado...</span></center>
Lembre-se, este código é capacitado do formulário de Questões, e não da seção gráfica.

Até mais,
Shetos Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 07/06/11, 10:27 pm

Olá, os códigos não pegam.

Podes fazer manualmente shetos?

Se sim obrigado, Você ja é registrado no meu forum: www.webhack.forum.st
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Consolado em 07/06/11, 10:34 pm

Olá parceiro!
Você terá de criar uma página HTML amigo, Eu também tinha essa dúvida, Veja:
:seta2: Formulário de criação de tópico
Eu ainda não resolvi minha questão, Moveram o tópico para "Questões resolvidas" Sem está resolvida, Não sei o motivo Rindo Espero que minha questão expresse na sua que remete á mesma.

Até mais,
Shetos
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 07/06/11, 10:48 pm

ESta bem, vou sair depois vejo

Obrigado
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Dury em 08/06/11, 12:32 am

Olá,

Novamente, aconselho ler este tópico por favor autor!
http://ajuda.forumeiros.com/t41300-formulario-de-postagens

Até mais!
Muito feliz
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 08/06/11, 09:22 am

Aaa, deixa pra lá, o unico tutorial verdadeiro é em vídeo, que não da pra entender nada oo'
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Dury em 08/06/11, 09:50 am

@Jeffrey escreveu:Olá,

Novamente, aconselho ler este tópico por favor autor!
http://ajuda.forumeiros.com/t41300-formulario-de-postagens

Até mais!
Muito feliz
Olá e bom dia autor!

Desculpe-me, não quero ser sádico com vossa senhoria. Mas todos nós da Staff procuramos meios mais fácil e prático de ensiná-los ou caminhá-los até a solução de suas questões. O vídeo criado por "Byte" é muito explicativo, apartir dele eu aprendi como funciona um formulário. O tópico que indiquei seria uma questão resolvida, onde o autor esteve com dúvidas em relação de não conseguir resolvê-la. Você chegou á acessar este tópico?

Faça uma leitura do mesmo e saberá como proceder na solução do seu problema referênte à um formulário.

Desde já, peço perdão caso ofendi vossa senhoria.

Até mais!
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por liphtorres em 12/06/11, 02:33 am

Olá Jeffrey,

Você não ofendeu minha, vossa, eselenticima senhoria, está tentando ajudar, por que eu pensarai isto?

Até mais Piscada
avatar

liphtorres
Nível 7

Masculino
Inscrito dia : 02/06/2011
Mensagens : 90
Pontos Ativos : 135

Ver perfil do usuário http://www.webhack.foro.bz

Resolvido Re: Formulário na criação de um novo tópico

Mensagem por Consolado em 12/06/11, 09:02 am

@liphtorres escreveu:Aaa, deixa pra lá, o unico tutorial verdadeiro é em vídeo, que não da pra entender nada oo'
Olá!
Como sempre Jeffrey me disse, Desistir não é atitude de um ajudante Piscada
Me diga, qual realmente o formulário queres? O formulário gráfico ou o de questões amigo?

Até mais,
Feliz dia dos namorados!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

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