Código formulário de tutoriais fdf

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

Resolvido Código formulário de tutoriais fdf

Mensagem por StyLe® em 26/07/12, 12:02 pm

Qual é minha questão:
Olá, a todos eu gostaria dessa página HTML
http://ajuda.forumeiros.com/h2-

Alguém me ajuda por favor

Links e imagens do meu problema:
Não precisa

Endereço do meu fórum:
http://www.cagoca.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por StyLe® em 27/07/12, 08:08 am, editado 2 vez(es)

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Código formulário de tutoriais fdf

Mensagem por konekta Brasil em 26/07/12, 11:48 pm

Olá,

Não sei se está funcionando perfeitamente, intendo pouco em questões de codigos, caso não funcione me desculpe, mais aqui fica minha tentativa:
Código:
<script>jQuery(document).ready(function(){jQuery('#imagemtutorial img').click(function(){jQuery('#imagemtutorial img').removeClass('imgselected');jQuery(this).addClass('imgselected');m=jQuery(this).attr('src');jQuery('#imgtutorialform').val(m)});

jQuery('#imgtutorialform').keyup(function(){imgcampo=jQuery(this).val();if(jQuery('#imagemtutorial img[src="'+imgcampo+'"]').length){jQuery('#imagemtutorial img[src="'+imgcampo+'"]').click()}else{jQuery('#imagemtutorial img').removeClass('imgselected')}});

jQuery('#titulo').keyup(function(){if(jQuery(this).val().toLowerCase().indexOf('[tutorial]')!=-1){jQuery('#tipo').val('Tutoriais, dicas e astúcias')}else if(jQuery(this).val().toLowerCase().indexOf('[faq]')!=-1){jQuery('#tipo').val('Perguntas e respostas frequentes')}});

jQuery('#adpasso').click(function(){var clicktitulo="if(this.value=='Título')this.value=''";var blurtitulo="if(this.value=='')this.value='Título'";var clickdescricao="if(this.value=='Descrição')this.value=''";var blurdescricao="if(this.value=='')this.value='Descrição'";var n=new Number(jQuery('#numdepassos').val())+1;jQuery('#adpasso').closest('dl').before('<dl id="passo"><dt><label>'+n+'º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="'+clicktitulo+'" onblur="'+blurtitulo+'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="'+clickdescricao+'" onblur="'+blurdescricao+'">Descrição</textarea></dd></dl>');jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())+1)});

jQuery('#adpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery(this).closest('dl').replaceWith('<dl id="pergunta"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl><dl><dd><input type="button" value="Adicionar pergunta" id="adicionarpergunta" class="button2"><input type="button" value="Remover pergunta" id="repergunta" class="button2"></dd></dl>');

jQuery('#adicionarpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery('#adicionarpergunta').closest('dl').before('<dl id="pergunta" style="border-top:1px solid white;padding-top:7px"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl>')});

jQuery('#repergunta').click(function(){jQuery(this).closest('fieldset').find('dl#pergunta').eq(-1).remove();});});

jQuery('#repasso').click(function(){if(jQuery('#numdepassos').val()>1){jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())-1);jQuery(this).closest('fieldset').find('dl#passo').eq(-1).remove()};});

jQuery('#gerarcodigotutorial').click(function(){jQuery('#divresultadopainel').slideDown();passos='';jQuery('#adpasso').closest('fieldset').find('#passo').each(function(n){titulo=jQuery(this).find('#titulopasso').val();descricao=jQuery(this).find('#descricaopasso').val();numero=n+1;passos+='[b][size=18]'+numero+'º[/size] - [color=darkblue]'+titulo+'[/color][/b]\n'+descricao+'\n\n\n'});

var aviso='';
if(jQuery('#aviso').length){var aviso='[table][tr][td][img]http://forumeiros.com/i/img/act_bottom.png[/img][/td][td]'+jQuery('#aviso').val()+'[/td][/tr][/table]'};

var perguntas='';jQuery('#adicionarpergunta').closest('fieldset').find('#pergunta').each(function(){pergunta=jQuery(this).find('#titulopergunta').val();resposta=jQuery(this).find('#tituloresposta').val();perguntas+='[list][*][b][color=indigo]'+pergunta+'?[/color][/b]\n'+resposta+'[/list]\n\n'});if(perguntas!=''){perguntas=perguntas+'\n'};

a='[center][table style="margin:auto"][tr][td]\n[img]'+jQuery('#imgtutorialform').val()+'[/img] [/td][td]\n[size=24][color=#86b125]'+jQuery('#titulo').val()+'[/color][/size][/td][/tr][/table][/center]\n\n'+jQuery('#descricao').val()+'\n\n'+aviso+'\n[b][center][color=green][size=16]--> '+jQuery('#tipo').val()+' <--[/size][/color]\n[size=16][color=red] '+jQuery('#titulo').val()+' [/color][/size][/center][/b]\n\n\n'+passos+perguntas+'[hr]\n[size=18][center]© Fórum dos Fóruns[/center][/size]\n\n[table][tr][td][img]http://www.forumeiros.com/i/img/act_bottom.png[/img] [/td][td]Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:\n[b]'+jQuery('#titulo').val()+'[/b][/td][/tr][/table]';

jQuery('#resultadopainel').val(a)});





});


    </script>

<style>.imgselected{background-color: white;
-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
}#imagemtutorial img{cursor:pointer}</style>

<div id="mudarforum"><form action="/post" method="post" enctype="multipart/form-data">

<div id="none" class="panel">
    <div class="inner">
            <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">FORMULÁRIO DE ESTRUTURA DO TUTORIAL</div>
         

    <fieldset class="fields1">

    <dl><dt>
    <label>Imagem:</label><br><b style="
    color: gray;
">carregue sobre uma imagem para selecioná-la</b></dt>
    <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png"><div id="imagemtutorial" style="
    width: 100%; 
    height: auto;   
    overflow-x: auto;
display:inline-block;   
"><div style="
    float: left; 
    margin-right: -30000px; 
padding-left: 10px;
padding-right: 10px;
"><img src="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png" alt="" class="imgselected" style="display:inline;"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/censur10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/chatbo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/config10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ecrire10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/galeri10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/groupe10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/html10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/images10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_12.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/jeux10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/logo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/new_ic10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/newsle10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/permis10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/portai10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/rang10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/reglem10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ssss10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/statis10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/domain.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/pub.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/stockage.png" alt="" class="" style="display:inline"><img src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/footer_nocopyrights.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/servic10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/miniba10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/botone10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf/marteau.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1013.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1012.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/warning_arrow.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/alerte1.png" alt="" class="" style="display:inline"><img src="http://www.illiweb.com/bl/index_users.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/templates.png" alt="" class="" style="display:inline"><img src="http://i40.servimg.com/u/f40/12/30/19/49/jeux10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf/voix.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf/questions.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/forumactif_smartphone.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/warning.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/stop.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/1.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/2.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/3.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/4.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/p_strength/pwd_bad.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/p_strength/pwd_middle.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/p_strength/pwd_good.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="" class="" style="display:inline"><img src="http://illiweb.com/bl/warning.gif" alt="" class="" style="display:inline"><img src="http://illiweb.com/bl/error.gif" alt="" class="" style="display:inline"><img src="http://illiweb.com/bl/confirm.gif" alt="" class="" style="display:inline"><img src="http://www.criarumblog.com/rsc/img/logo_blog.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/avatars.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug310.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug110.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug210.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/tumbli10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/cardga10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf3/icones_fdf/private4.png" alt="" class="" style="display:inline"><img src="http://i32.servimg.com/u/f32/11/22/70/40/review10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/annonce.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/medaille.gif" alt="" class="" style="display:inline"><img src="http://i42.servimg.com/u/f42/11/32/95/02/autres10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/ecrire2.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/ecrire3.png" alt="" class="" style="display:inline"></div></div>
    </dd></dl>

<dl><dt>
    <label>Título:</label></dt>
    <dd><input id="titulo" class="inputbox" style="clear: both; width: 510px;">
    </dd></dl>

<dl><dt>
    <label>Descrição:</label></dt>
    <dd><textarea id="descricao" class="inputbox" style="clear: both; height: 100px; width:510px;"></textarea>
    </dd></dl>

<dl><dd><input type="button"  value="Adicionar aviso" class="button2" onclick="if(jQuery(this).val()=='Adicionar aviso'){jQuery(this).closest('dl').before('<dl id=avisotexto><dt><label><img src=http://forumeiros.com/i/img/act_bottom.png></label></dt><dd><textarea id=aviso class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover aviso')}else if(jQuery(this).val()=='Remover aviso'){jQuery('#avisotexto').remove();jQuery(this).val('Adicionar aviso')};return false"></dd></dl>

<hr>

<input type=hidden id="numdepassos" value="1">
<dl id="passo"><dt><label>1º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="if(this.value=='Título')this.value=''" onblur="if(this.value=='')this.value='Título'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="if(this.value=='Descrição')this.value=''" onblur="if(this.value=='')this.value='Descrição'">Descrição</textarea></dd></dl>

<dl>
    <dd><input type="button" value="Adicionar passo" id="adpasso" class="button2"><input type="button" value="Remover passo" id="repasso" class="button2">
    </dd></dl><br><dl>
    <dd><input type="button" value="Adicionar pergunta/resposta" id="adpergunta" class="button2">
    </dd></dl>

    </fieldset>

    <br>
   
<br><div id="divresultadopainel" style="display:none;padding:5px;background-color:white;border:1px solid #EEE;width:99%;cursor:normal"><a id="copy-description-fade" style="display: none; ">Conteúdo copiado</a><textarea id="resultadopainel" style="font-size: 15px; margin-left: 0px; margin-right: 0px; width: 99%; margin-top: 0px; margin-bottom: 0px; height: 136px; "></textarea></div><br><div style="
    text-align: center;
"><input type="button" value="Gerar código do tutorial" id="gerarcodigotutorial" class="button2"><input  id="tipo" value="Tutoriais, dicas e astúcias" style="display:none"></div>

Até mais!
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Código formulário de tutoriais fdf

Mensagem por Scrat em 27/07/12, 12:05 am

Coloquei esse no Meu Fórum e funcionou:
Código:
<script>jQuery(document).ready(function(){jQuery('input[name="subject"]').keypress(function(e){if(document.all){e=e.keyCode}else{e=e.charCode};v='0123456789abcdefghijlmnopqrstuvxzwykABCDEFGHIJLMNOPQRSTUVXZWYKáÁãÃâÂàÀéÉêÊíÍóÓõÕôÔúÚüÜçÇ&- ,:;"—?@ªº+#$%*=/\<>';c=String.fromCharCode(e);if(v.indexOf(c)>-1){return true};if(v.indexOf(c)>-1||e<9){return true};return false});if(jQuery('.pathname-box a[href*="/c2-"]').length&&jQuery('h2.topic-title img[src!="http://i45.servimg.com/u/f45/11/65/59/72/resolu11.png"]:eq(0)').length&&jQuery('.post:eq(0) .i_icon_edit').length){jQuery('#main-content h1.page-title:eq(0)').before('<div style="background:#C8E2B7;border:1px solid green;padding:5px;color:#666666;text-align:center;font-family:Verdana;font-size:11px"><img src=http://i.imgur.com/uPsiC.png height=48 style=vertical-align:middle> Ajude a organizar o fórum, caso sua dúvida tenha sido resolvida clique no <a href="'+jQuery('.post:eq(0) .i_icon_edit').parent().attr('href')+'&solved=true"><b>botão resolvido</b></a></div>')};if(jQuery('.pathname-box a[href*="/c2-"]').length&&jQuery('.post').length>2&&jQuery('.post:eq(0) .i_icon_edit').length&&jQuery('.post[id!="'+jQuery('.post:eq(0)').attr('id')+'"]').length&&jQuery('.post:eq(0) h2.topic-title img').attr('src')=='http://illiweb.com/fa/empty.gif'){jQuery('#quick_reply').append('<input type=hidden name=post_icon value=1>')};})</script></9><div style="height:5px"></div></div><div id="main"><div id="main-content"><script>jQuery(document).ready(function(){jQuery('#imagemtutorial img').click(function(){jQuery('#imagemtutorial img').removeClass('imgselected');jQuery(this).addClass('imgselected');m=jQuery(this).attr('src');jQuery('#imgtutorialform').val(m)});

jQuery('#imgtutorialform').keyup(function(){imgcampo=jQuery(this).val();if(jQuery('#imagemtutorial img[src="'+imgcampo+'"]').length){jQuery('#imagemtutorial img[src="'+imgcampo+'"]').click()}else{jQuery('#imagemtutorial img').removeClass('imgselected')}});

jQuery('#titulo').keyup(function(){if(jQuery(this).val().toLowerCase().indexOf('[tutorial]')!=-1){jQuery('#tipo').val('Tutoriais, dicas e astúcias')}else if(jQuery(this).val().toLowerCase().indexOf('[faq]')!=-1){jQuery('#tipo').val('Perguntas e respostas frequentes')}});

jQuery('#adpasso').click(function(){var clicktitulo="if(this.value=='Título')this.value=''";var blurtitulo="if(this.value=='')this.value='Título'";var clickdescricao="if(this.value=='Descrição')this.value=''";var blurdescricao="if(this.value=='')this.value='Descrição'";var n=new Number(jQuery('#numdepassos').val())+1;jQuery('#adpasso').closest('dl').before('<dl id="passo"><dt><label>'+n+'º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="'+clicktitulo+'" onblur="'+blurtitulo+'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="'+clickdescricao+'" onblur="'+blurdescricao+'">Descrição</textarea></dd></dl>');jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())+1)});

jQuery('#adpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery(this).closest('dl').replaceWith('<dl id="pergunta"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl><dl><dd><input type="button" value="Adicionar pergunta" id="adicionarpergunta" class="button2"><input type="button" value="Remover pergunta" id="repergunta" class="button2"></dd></dl>');

jQuery('#adicionarpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery('#adicionarpergunta').closest('dl').before('<dl id="pergunta" style="border-top:1px solid white;padding-top:7px"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl>')});

jQuery('#repergunta').click(function(){jQuery(this).closest('fieldset').find('dl#pergunta').eq(-1).remove();});});

jQuery('#repasso').click(function(){if(jQuery('#numdepassos').val()>1){jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())-1);jQuery(this).closest('fieldset').find('dl#passo').eq(-1).remove()};});

jQuery('#gerarcodigotutorial').click(function(){jQuery('#divresultadopainel').slideDown();passos='';jQuery('#adpasso').closest('fieldset').find('#passo').each(function(n){titulo=jQuery(this).find('#titulopasso').val();descricao=jQuery(this).find('#descricaopasso').val();numero=n+1;passos+='<strong><span style="font-size: 18px; line-height: normal">'+numero+'º</span> - <font color="darkblue">'+titulo+'</font></strong>\n'+descricao+'\n\n\n'});

var aviso='';
if(jQuery('#aviso').length){var aviso='<table><tr><td align="left"><img src="http://forumeiros.com/i/img/act_bottom.png" border="0" alt="" /></td><td align="left">'+jQuery('#aviso').val()+'</td></tr></table>'};

var perguntas='';jQuery('#adicionarpergunta').closest('fieldset').find('#pergunta').each(function(){pergunta=jQuery(this).find('#titulopergunta').val();resposta=jQuery(this).find('#tituloresposta').val();perguntas+='<ul><li><strong><font color="indigo">'+pergunta+'?</font></strong>\n'+resposta+'</li></ul>\n\n'});if(perguntas!=''){perguntas=perguntas+'\n'};

a='<div style="margin:auto;text-align:center;width:100%"><table style="margin:auto"><tr><td align="left">\n<img src="'+jQuery('#imgtutorialform').val()+'" border="0" alt="" /> </td><td align="left">\n<span style="font-size: 24px; line-height: normal"><font color="#86b125">'+jQuery('#titulo').val()+'</font></span></td></tr></table></div>\n\n'+jQuery('#descricao').val()+'\n\n'+aviso+'\n<strong><div style="margin:auto;text-align:center;width:100%"><font color="green"><span style="font-size: 16px; line-height: normal">--> '+jQuery('#tipo').val()+' <--</span></font>\n<span style="font-size: 16px; line-height: normal"><font color="red"> '+jQuery('#titulo').val()+' </font></span></div></strong>\n\n\n'+passos+perguntas+'<hr />\n<span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">© Fórum dos Fóruns</div></span>\n\n<table><tr><td align="left"><img src="http://www.forumeiros.com/i/img/act_bottom.png" border="0" alt="" /> </td><td align="left">Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:\n<strong>'+jQuery('#titulo').val()+'</strong></td></tr></table>';

jQuery('#resultadopainel').val(a)});





});


    </script>

<style>.imgselected{background-color: white;
-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
}#imagemtutorial img{cursor:pointer}</style>
<div id="mudarforum"><form action="/post" method="post" enctype="multipart/form-data">
<div id="none" class="panel">
    <div class="inner">
            <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">FORMULÁRIO DE ESTRUTURA DO TUTORIAL</div>
         

    <fieldset class="fields1">

    <dl><dt>
    <label>Imagem:</label><br><b style="
    color: gray;
">carregue sobre uma imagem para selecioná-la</b></dt>
    <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png"><div id="imagemtutorial" style="
    width: 100%; 
    height: auto;   
    overflow-x: auto;
display:inline-block;   
"><div style="
    float: left; 
    margin-right: -30000px; 
padding-left: 10px;
padding-right: 10px;
"><img src="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png" alt="" class="imgselected" style="display:inline;"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/censur10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/chatbo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/config10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ecrire10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/galeri10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/groupe10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/html10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/images10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_12.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/jeux10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/logo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/new_ic10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/newsle10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/permis10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/portai10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/rang10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/reglem10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ssss10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/statis10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/domain.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/pub.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/stockage.png" alt="" class="" style="display:inline"><img src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/footer_nocopyrights.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/servic10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/miniba10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/botone10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf/marteau.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1013.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1012.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/warning_arrow.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/alerte1.png" alt="" class="" style="display:inline"><img src="http://www.illiweb.com/bl/index_users.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/templates.png" alt="" class="" style="display:inline"><img src="http://i40.servimg.com/u/f40/12/30/19/49/jeux10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf/voix.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf/questions.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/forumactif_smartphone.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/warning.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/stop.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/1.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/2.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/3.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/4.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/p_strength/pwd_bad.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/p_strength/pwd_middle.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/p_strength/pwd_good.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="" class="" style="display:inline"><img src="http://illiweb.com/bl/warning.gif" alt="" class="" style="display:inline"><img src="http://illiweb.com/bl/error.gif" alt="" class="" style="display:inline"><img src="http://illiweb.com/bl/confirm.gif" alt="" class="" style="display:inline"><img src="http://www.criarumblog.com/rsc/img/logo_blog.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/avatars.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug310.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug110.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug210.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/tumbli10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/cardga10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf3/icones_fdf/private4.png" alt="" class="" style="display:inline"><img src="http://i32.servimg.com/u/f32/11/22/70/40/review10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/annonce.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/medaille.gif" alt="" class="" style="display:inline"><img src="http://i42.servimg.com/u/f42/11/32/95/02/autres10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/ecrire2.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/ecrire3.png" alt="" class="" style="display:inline"></div></div>
    </dd></dl>

<dl><dt>
    <label>Título:</label></dt>
    <dd><input id="titulo" class="inputbox" style="clear: both; width: 510px;">
    </dd></dl>

<dl><dt>
    <label>Descrição:</label></dt>
    <dd><textarea id="descricao" class="inputbox" style="clear: both; height: 100px; width:510px;"></textarea>
    </dd></dl>

<dl><dd><input type="button"  value="Adicionar aviso" class="button2" onclick="if(jQuery(this).val()=='Adicionar aviso'){jQuery(this).closest('dl').before('<dl id=avisotexto><dt><label><img src=http://forumeiros.com/i/img/act_bottom.png></label></dt><dd><textarea id=aviso class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover aviso')}else if(jQuery(this).val()=='Remover aviso'){jQuery('#avisotexto').remove();jQuery(this).val('Adicionar aviso')};return false"></dd></dl>

<hr>

<input type=hidden id="numdepassos" value="1">
<dl id="passo"><dt><label>1º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="if(this.value=='Título')this.value=''" onblur="if(this.value=='')this.value='Título'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="if(this.value=='Descrição')this.value=''" onblur="if(this.value=='')this.value='Descrição'">Descrição</textarea></dd></dl>

<dl>
    <dd><input type="button" value="Adicionar passo" id="adpasso" class="button2"><input type="button" value="Remover passo" id="repasso" class="button2">
    </dd></dl><br><dl>
    <dd><input type="button" value="Adicionar pergunta/resposta" id="adpergunta" class="button2">
    </dd></dl>

   
 
   
   
   
   
   
    </fieldset>
   
   
   
   
   
   
   
   
   
   
   
   
   
    <br>







   

   
   
   
   
   
<br><div id="divresultadopainel" style="display:none;padding:5px;background-color:white;border:1px solid #EEE;width:99%;cursor:normal"><a id="copy-description-fade" style="display: none; ">Conteúdo copiado</a><textarea id="resultadopainel" style="font-size: 15px; margin-left: 0px; margin-right: 0px; width: 99%; margin-top: 0px; margin-bottom: 0px; height: 136px; "></textarea></div><br><div style="
    text-align: center;
"><input type="button" value="Gerar código do tutorial" id="gerarcodigotutorial" class="button2"><input  id="tipo" value="Tutoriais, dicas e astúcias" style="display:none"></div>

O único problema é que ele gera HTML, no Lugar de BBCode e.e
avatar

Scrat
Nível 9

Masculino
Inscrito dia : 21/04/2012
Mensagens : 233
Pontos Ativos : 342

Ver perfil do usuário http://shift.forumactif.com

Resolvido Re: Código formulário de tutoriais fdf

Mensagem por Lexus em 27/07/12, 01:25 am

Olá,

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das Páginas HTML

Crie uma nova página HTML:
  • Título - Qualquer um
  • Você deseja utilizar o início e o final da página do seu fórum ? - Sim
  • Usar esta página como página inicial? - Não


Adicione este código:
Código:
<script>jQuery(document).ready(function(){jQuery('#imagemtutorial img').click(function(){jQuery('#imagemtutorial img').removeClass('imgselected');jQuery(this).addClass('imgselected');m=jQuery(this).attr('src');jQuery('#imgtutorialform').val(m)});

jQuery('#imgtutorialform').keyup(function(){imgcampo=jQuery(this).val();if(jQuery('#imagemtutorial img[src="'+imgcampo+'"]').length){jQuery('#imagemtutorial img[src="'+imgcampo+'"]').click()}else{jQuery('#imagemtutorial img').removeClass('imgselected')}});

jQuery('#titulo').keyup(function(){if(jQuery(this).val().toLowerCase().indexOf('[tutorial]')!=-1){jQuery('#tipo').val('Tutoriais, dicas e astúcias')}else if(jQuery(this).val().toLowerCase().indexOf('[faq]')!=-1){jQuery('#tipo').val('Perguntas e respostas frequentes')}});

jQuery('#adpasso').click(function(){var clicktitulo="if(this.value=='Título')this.value=''";var blurtitulo="if(this.value=='')this.value='Título'";var clickdescricao="if(this.value=='Descrição')this.value=''";var blurdescricao="if(this.value=='')this.value='Descrição'";var n=new Number(jQuery('#numdepassos').val())+1;jQuery('#adpasso').closest('dl').before('<dl id="passo"><dt><label>'+n+'º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="'+clicktitulo+'" onblur="'+blurtitulo+'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="'+clickdescricao+'" onblur="'+blurdescricao+'">Descrição</textarea></dd></dl>');jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())+1)});

jQuery('#adpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery(this).closest('dl').replaceWith('<dl id="pergunta"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl><dl><dd><input type="button" value="Adicionar pergunta" id="adicionarpergunta" class="button2"><input type="button" value="Remover pergunta" id="repergunta" class="button2"></dd></dl>');

jQuery('#adicionarpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery('#adicionarpergunta').closest('dl').before('<dl id="pergunta" style="border-top:1px solid white;padding-top:7px"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl>')});

jQuery('#repergunta').click(function(){jQuery(this).closest('fieldset').find('dl#pergunta').eq(-1).remove();});});

jQuery('#repasso').click(function(){if(jQuery('#numdepassos').val()>1){jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())-1);jQuery(this).closest('fieldset').find('dl#passo').eq(-1).remove()};});

jQuery('#gerarcodigotutorial').click(function(){jQuery('#divresultadopainel').slideDown();passos='';jQuery('#adpasso').closest('fieldset').find('#passo').each(function(n){titulo=jQuery(this).find('#titulopasso').val();descricao=jQuery(this).find('#descricaopasso').val();numero=n+1;passos+='[b][size=18]'+numero+'º[/size] - [color=darkblue]'+titulo+'[/color][/b]\n'+descricao+'\n\n\n'});

var aviso='';
if(jQuery('#aviso').length){var aviso='[table][tr][td][img]http://forumeiros.com/i/img/act_bottom.png[/img][/td][td]'+jQuery('#aviso').val()+'[/td][/tr][/table]'};

var perguntas='';jQuery('#adicionarpergunta').closest('fieldset').find('#pergunta').each(function(){pergunta=jQuery(this).find('#titulopergunta').val();resposta=jQuery(this).find('#tituloresposta').val();perguntas+='[list][*][b][color=indigo]'+pergunta+'?[/color][/b]\n'+resposta+'[/list]\n\n'});if(perguntas!=''){perguntas=perguntas+'\n'};

a='[center][table style="margin:auto"][tr][td]\n[img]'+jQuery('#imgtutorialform').val()+'[/img] [/td][td]\n[size=24][color=#86b125]'+jQuery('#titulo').val()+'[/color][/size][/td][/tr][/table][/center]\n\n'+jQuery('#descricao').val()+'\n\n'+aviso+'\n[b][center][color=green][size=16]--> '+jQuery('#tipo').val()+' <--[/size][/color]\n[size=16][color=red] '+jQuery('#titulo').val()+' [/color][/size][/center][/b]\n\n\n'+passos+perguntas+'[hr]\n[size=18][center]© Fórum dos Fóruns[/center][/size]\n\n[table][tr][td][img]http://www.forumeiros.com/i/img/act_bottom.png[/img] [/td][td]Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:\n[b]'+jQuery('#titulo').val()+'[/b][/td][/tr][/table]';

jQuery('#resultadopainel').val(a)});





});


    </script>

<style>.imgselected{background-color: white;
-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
}#imagemtutorial img{cursor:pointer}</style>

<div id="mudarforum"><form action="/post" method="post" enctype="multipart/form-data">

<div id="none" class="panel">
    <div class="inner">
            <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">FORMULÁRIO DE ESTRUTURA DO TUTORIAL</div>
         

    <fieldset class="fields1">

    <dl><dt>
    <label>Imagem:</label><br><b style="
    color: gray;
">carregue sobre uma imagem para selecioná-la</b></dt>
    <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png"><div id="imagemtutorial" style="
    width: 100%; 
    height: auto;   
    overflow-x: auto;
display:inline-block;   
"><div style="
    float: left; 
    margin-right: -30000px; 
padding-left: 10px;
padding-right: 10px;
"><img src="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png" alt="" class="imgselected" style="display:inline;"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/censur10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/chatbo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/config10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ecrire10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/galeri10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/groupe10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/html10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/images10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_12.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/jeux10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/logo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/new_ic10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/newsle10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/permis10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/portai10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/rang10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/reglem10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ssss10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/statis10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/domain.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/pub.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/stockage.png" alt="" class="" style="display:inline"><img src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/footer_nocopyrights.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/servic10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/miniba10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/botone10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf/marteau.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1013.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1012.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/warning_arrow.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/alerte1.png" alt="" class="" style="display:inline"><img src="http://www.illiweb.com/bl/index_users.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/templates.png" alt="" class="" style="display:inline"><img src="http://i40.servimg.com/u/f40/12/30/19/49/jeux10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf/voix.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf/questions.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/forumactif_smartphone.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/warning.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/stop.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/1.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/2.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/3.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/4.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/p_strength/pwd_bad.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/p_strength/pwd_middle.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/p_strength/pwd_good.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="" class="" style="display:inline"><img src="http://illiweb.com/bl/warning.gif" alt="" class="" style="display:inline"><img src="http://illiweb.com/bl/error.gif" alt="" class="" style="display:inline"><img src="http://illiweb.com/bl/confirm.gif" alt="" class="" style="display:inline"><img src="http://www.criarumblog.com/rsc/img/logo_blog.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/admin/icones/big_ico/avatars.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug310.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug110.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug210.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/tumbli10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/cardga10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/fdf3/icones_fdf/private4.png" alt="" class="" style="display:inline"><img src="http://i32.servimg.com/u/f32/11/22/70/40/review10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/annonce.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/medaille.gif" alt="" class="" style="display:inline"><img src="http://i42.servimg.com/u/f42/11/32/95/02/autres10.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/ecrire2.png" alt="" class="" style="display:inline"><img src="http://illiweb.com/fa/optimisation_fdf/common/ecrire3.png" alt="" class="" style="display:inline"></div></div>
    </dd></dl>

<dl><dt>
    <label>Título:</label></dt>
    <dd><input id="titulo" class="inputbox" style="clear: both; width: 510px;">
    </dd></dl>

<dl><dt>
    <label>Descrição:</label></dt>
    <dd><textarea id="descricao" class="inputbox" style="clear: both; height: 100px; width:510px;"></textarea>
    </dd></dl>

<dl><dd><input type="button"  value="Adicionar aviso" class="button2" onclick="if(jQuery(this).val()=='Adicionar aviso'){jQuery(this).closest('dl').before('<dl id=avisotexto><dt><label><img src=http://forumeiros.com/i/img/act_bottom.png></label></dt><dd><textarea id=aviso class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover aviso')}else if(jQuery(this).val()=='Remover aviso'){jQuery('#avisotexto').remove();jQuery(this).val('Adicionar aviso')};return false"></dd></dl>

<hr>

<input type=hidden id="numdepassos" value="1">
<dl id="passo"><dt><label>1º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="if(this.value=='Título')this.value=''" onblur="if(this.value=='')this.value='Título'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="if(this.value=='Descrição')this.value=''" onblur="if(this.value=='')this.value='Descrição'">Descrição</textarea></dd></dl>

<dl>
    <dd><input type="button" value="Adicionar passo" id="adpasso" class="button2"><input type="button" value="Remover passo" id="repasso" class="button2">
    </dd></dl><br><dl>
    <dd><input type="button" value="Adicionar pergunta/resposta" id="adpergunta" class="button2">
    </dd></dl>

   
 
   
   
   
   
   
    </fieldset>
   
   
   
   
   
   
   
   
   
   
   
   
   
    <br>







   

   
   
   
   
   
<br><div id="divresultadopainel" style="display:none;padding:5px;background-color:white;border:1px solid #EEE;width:99%;cursor:normal"><a id="copy-description-fade" style="display: none; ">Conteúdo copiado</a><textarea id="resultadopainel" style="font-size: 15px; margin-left: 0px; margin-right: 0px; width: 99%; margin-top: 0px; margin-bottom: 0px; height: 136px; "></textarea></div><br><div style="
    text-align: center;
"><input type="button" value="Gerar código do tutorial" id="gerarcodigotutorial" class="button2"><input  id="tipo" value="Tutoriais, dicas e astúcias" style="display:none"></div><br>

E Salve.


Obs: Caso não estiver funcionando corretamente, por exemplo, dando o código como HTML, selecione este código de novo e salve de novo na página HTML que funcionará corretamente.

Título modificado de 'Página html' para 'Código formulário de tutoriais fdf'
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Até mais.
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Código formulário de tutoriais fdf

Mensagem por StyLe® em 27/07/12, 08:08 am

Valeu a todos ai

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

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