ShiftActif fórum

[TUTORIAL] Adicionando o tópico rápido Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Adicionando o tópico rápido 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Adicionando o tópico rápido 1660898911

[TUTORIAL] Adicionando o tópico rápido

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

  • 0

[TUTORIAL] Adicionando o tópico rápido Empty [TUTORIAL] Adicionando o tópico rápido

Mensagem por Shek em Qua 8 Ago - 9:43


[TUTORIAL] Adicionando o tópico rápido Generale

Tópico rápido
Neste tutorial iremos aprender a como adicionar um novo mode de se criar um tópico, o tópico rápido.

--> Tutoriais <--
Adicionando o tópico rápido


- Conhecendo o código:
Como de costume, iremos primeiramente, conhecer o código que utilizaremos no decorrer deste tutorial.

Widget Personalizado:
Código:
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table><script type="text/javascript">function videoselect(){selectWysiwyg(this,'video');return false}function pxselect(){selectWysiwyg(this,'px');return false}function fonteselect(){selectWysiwyg(this,'font');return false}function display(){selectWysiwyg(this,'neon');return false}function colorselect(){selectWysiwyg(this,'color');return false}function videourl(){BBcodeVideo('video_url')}function url(){if (event.keyCode==13){BBcodeVideo('video_url');return false}}function displaysp(){bbfontstyle('<sp>','</sp>');selectWysiwyg(this,'color');return false}function displayimg(){bbfontstyle('<img src="','" border="0" alt="" />');selectWysiwyg(this,'other');return false}function alert(){bbfontstyle('<div class="alert">','</div>');selectWysiwyg(this,'other');return false}function alert2(){bbfontstyle('<div class="alert2">','</div>');selectWysiwyg(this,'other');return false}function alert3(){bbfontstyle('<div class="alert3">','</div>');selectWysiwyg(this,'other');return false}function s7(){bbfontstyle('<span style="font-size: 7px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function s9(){bbfontstyle('<span style="font-size: 9px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function s12(){bbfontstyle('<span style="font-size: 12px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function s18(){bbfontstyle('<span style="font-size: 18px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function s24(){bbfontstyle('<span style="font-size: 24px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function arial(){bbfontstyle('<font face="Arial">','</font>');selectWysiwyg(this,'font');return false}function arialb(){bbfontstyle('<font face="Arial Black">','</font>');selectWysiwyg(this,'font');return false}function comic(){bbfontstyle('<font face="Comic Sans Ms">','</font>');selectWysiwyg(this,'font');return false}function courier(){bbfontstyle('<font face="Courier New">','</font>');selectWysiwyg(this,'font');return false}function georgia(){bbfontstyle('<font face="Georgia">','</font>');selectWysiwyg(this,'font');return false}function impact(){bbfontstyle('<font face="Impact">','</font>');selectWysiwyg(this,'font');return false}function times(){bbfontstyle('<font face="Times New Roman">','</font>');selectWysiwyg(this,'font');return false}function trebu(){bbfontstyle('<font face="Trebuchet MS">','</font>');selectWysiwyg(this,'font');return false}function verdana(){bbfontstyle('<font face="Verdana">','</font>');selectWysiwyg(this,'font');return false}function displaydarkred(){bbfontstyle('<font color="darkred">', '</font>');selectWysiwyg(this, 'color');return false}function displaycred(){bbfontstyle('<font color="red">', '</font>');selectWysiwyg(this, 'color');return false}function displayorange(){bbfontstyle('<font color="orange">', '</font>');selectWysiwyg(this, 'color');return false}function displaybrown(){bbfontstyle('<font color="brown">', '</font>');selectWysiwyg(this, 'color');return false}function displayyellow(){bbfontstyle('<font color="yellow">', '</font>');selectWysiwyg(this, 'color');return false}function displaygreen(){bbfontstyle('<font color="green">', '</font>');selectWysiwyg(this, 'color');return false}function displayolive(){bbfontstyle('<font color="olive">', '</font>');selectWysiwyg(this, 'color');return false}function displaycyan(){bbfontstyle('<font color="cyan">', '</font>');selectWysiwyg(this, 'color');return false}function displayblue(){bbfontstyle('<font color="blue">', '</font>');selectWysiwyg(this, 'color');return false}function displaydarkblue(){bbfontstyle('<font color="darkblue">', '</font>');selectWysiwyg(this, 'color');return false}function displayindigo(){bbfontstyle('<font color="indigo">', '</font>');selectWysiwyg(this, 'color');return false}function displayviolet(){bbfontstyle('<font color="violet">', '</font>');selectWysiwyg(this, 'color');return false}function displaywhite(){bbfontstyle('<font color="white">', '</font>');selectWysiwyg(this, 'color');return false}function displayblack(){bbfontstyle('<font color="black">', '</font>');selectWysiwyg(this, 'color');return false}function displayblue(){bbfontstyle('<az>','</az>');selectWysiwyg(this,'neon');return false}function displayred(){bbfontstyle('<v>','</v>');selectWysiwyg(this,'neon');return false}function displayrx(){bbfontstyle('<rx>','</rx>');selectWysiwyg(this,'neon');return false}function displayam(){bbfontstyle('<am>','</am>');selectWysiwyg(this,'neon');return false}function displayc(){bbfontstyle('<c>','</c>');selectWysiwyg(this,'neon');return false}function displayr(){bbfontstyle('<r>','</r>');selectWysiwyg(this,'neon');return false}function displayvr(){bbfontstyle('<vr>','</vr>');selectWysiwyg(this,'neon');return false}function displayl(){bbfontstyle('<l>','</l>');selectWysiwyg(this,'neon');return false}function displaym(){bbfontstyle('<m>','</m>');selectWysiwyg(this,'neon');return false}function displayw(){bbfontstyle('<w>','</w>');selectWysiwyg(this,'neon');return false}function displaypr(){bbfontstyle('<pr>','</pr>');selectWysiwyg(this,'neon');return false}</script>

<br /><center><div>

<font size="2"><dl class="spoiler"><dt class="pointer"><center><div class="left" name=spoiler><img src="ENDEREÇO-DA-IMAGEM-DO-TÓPICO-RÁPIDO"></div></center></dt><dd><div class="spoiler_content">





<script src=http://forumactif.forumeiros.com/11281.js></script>

<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0, 0)" id="quick_reply">

<br><br>
  <div class="phpbb3">
    <table class="forabg" width="100%" bordercolor="#4964FF" cellspacing="0" cellspanding="0">
      <tr>
        <td>

<table cellspacing="4" cellspanding="0"><tr><td>
<input type="text" class="inputbox" id="topico" value="Anuncio" style="width: 120px;border-width:1px;font-height:bold;" onClick="this.focus();this.select();" onChange="episodiomostra();"/>

</td><td>
<!--barra----------------------------------------><div id="text_editor_select_controls"><div style="visibility: hidden;" class="select" id="servimg_upload_gui"></div><div style="visibility: hidden;" class="select" id="img"><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="img_url" title="" onkeypress="if(event.keyCode==13){constructBBcode('img','', 'img_url');selectWysiwyg(this, 'img');return false;}"></p><p style="text-align: center;"><input type="button" class="button2" onclick="constructBBcode('img','', 'img_url');selectWysiwyg(this, 'img');" value="Ok"></p></div><div style="visibility: hidden;" class="select" id="url"><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="link_url" title="" onkeypress="if(event.keyCode==13){constructBBcode('url',new Array('link_url'), 'name_url');selectWysiwyg(this, 'url');return false;}"></p><p><img src="http://illiweb.com/fa/wysiwyg/link_text.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="name_url" title="" onkeypress="if(event.keyCode==13){constructBBcode('url',new Array('link_url'), 'name_url');selectWysiwyg(this, 'url');return false;}"></p><p style="text-align: center;"><input type="button" class="button2" onclick="constructBBcode('url',new Array('link_url'), 'name_url');selectWysiwyg(this, 'url');" value="Ok"></p></div><div style="visibility: hidden;" class="select" id="wservimg_upload_gui"></div><div style="visibility: hidden;" class="select" id="wimg"><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="wimg_url" title="" onkeypress="if(event.keyCode==13){document.getElementById('text_editor_cmd_constructBBcode_img').click();return false;}"></p><p style="text-align: center;"><button class="button2" id="text_editor_cmd_constructBBcode_img">Ok</button></p></div><div style="visibility: hidden;" class="select" id="wurl"><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="wlink_url" title="" onkeypress="if(event.keyCode==13){document.getElementById('text_editor_cmd_constructBBcode_url').click();return false;}"></p><p><img src="http://illiweb.com/fa/wysiwyg/link_text.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="wname_url" title="" onkeypress="if(event.keyCode==13){document.getElementById('text_editor_cmd_constructBBcode_url').click();return false;}"></p><p style="text-align: center;"><button class="button2" id="text_editor_cmd_constructBBcode_url">Ok</button></p></div></div>
<!----><div id="text_editor_controls" style="width:580px !important;margin-left: auto; margin-right: auto;"><p class="left-box"><span id="text_edit" style=""><button class="button2" onclick="bbstyle(0)" type="button" id="addbbcode0" accesskey="b" title="Negrito"><img src="http://illiweb.com/fa/wysiwyg/text_bold.png" alt="Negrito" title="Negrito"></button> <button class="button2" onclick="bbstyle(2)" type="button" id="addbbcode2" accesskey="i" title="Itál."><img src="http://illiweb.com/fa/wysiwyg/text_italic.png" alt="Itál." title="Itál."></button> <button class="button2" onclick="bbstyle(4)" type="button" id="addbbcode4" accesskey="u" title="Sublinhar"><img src="http://illiweb.com/fa/wysiwyg/text_underline.png" alt="Sublinhar" title="Sublinhar"></button> <button id="addbbcode34" class="button2" onclick="bbstyle(34);return false"><img src="http://illiweb.com/fa/wysiwyg/text_strikethrough.png" alt="Riscado" title="Riscado"></button> <button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://illiweb.com/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"/></button> <button id="addbbcode30" class="button2" onclick="bbstyle(30);return false"><img src="http://illiweb.com/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"/></button> <button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://illiweb.com/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"/></button> <img src="http://illiweb.com/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt=""> <button class="button2" onclick="bbstyle(6)" type="button" id="addbbcode6" accesskey="q" title="'Citar'"><img src="http://illiweb.com/fa/wysiwyg/comments.png" alt="'Citar'" title="'Citar'"></button> <button class="button2" onclick="bbstyle(8)" type="button" id="addbbcode8" accesskey="c" title="Code"><img src="http://illiweb.com/fa/wysiwyg/page_white_code.png" alt="Code" title="Code"></button> <img src="http://illiweb.com/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt=""> <button class="button2" onclick="display_upload_imageshack(this);" type="button" id="imageshack" accesskey="y" title="Hospedar uma imagem"><img src="http://illiweb.com/fa/wysiwyg/picture_save.png" alt="Hospedar uma imagem" title="Hospedar uma imagem"></button> <button class="button2" onclick="selectWysiwyg(this, 'img');" type="button" id="addbbcode14" accesskey="p" title="Imagem"><img src="http://illiweb.com/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem"></button> <button class="button2" onclick="selectWysiwyg(this, 'url');" type="button" id="addbbcode16" accesskey="w" title="Link"><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="Link" title="Link"></button> <button class="button2" onclick="videoselect();return false"><img src="http://illiweb.com/fa/wysiwyg/film.png" alt="Vídeo" title="Vídeo"></button> <button class="button2" onclick="pxselect();return false"><img src="http://illiweb.com/fa/wysiwyg/style.png" alt="Tamanho da fonte" title="Tamanho da fonte"></button> <button class="button2" onclick="fonteselect();return false"><img src="http://illiweb.com/fa/wysiwyg/font.png" alt="Fonte" title="Fonte"></button> <img src="http://illiweb.com/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt=""> <button class="button2" onclick="colorselect();return false"><img src="http://illiweb.com/fa/wysiwyg/color_swatch.png" alt="Cor do texto" title="Cor do texto"></button> <button class="button2" onclick="display();return false"><az><b>Neon</b></az></button><style>.cred{background:#fff url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;padding-right:17px !important;}</style><div style="visibility: hidden; width: auto;margin-top: 21px; margin-left:220px;" class="select cred" id="video"><p style="text-align:center"><a href="http://youtube.com/" target="_blank"><img src="http://illiweb.com/fa/wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle">YouTube</a>  <a href="http://www.dailymotion.com/" target="_blank"><img src="http://illiweb.com/fa/wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle">Dailymotion</a>  <a href="http://www.video.google.com/" target="_blank"><img src="http://illiweb.com/fa/wysiwyg/googlevideo.gif" alt="Google Video" title="Google Video" style="vertical-align:middle">Google Video</a></p><p id="inv_url" class="gensmall" style="text-align:center"></p><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="URL" title="URL" style="vertical-align:middle"> <input type="text" autocomplete="off" class="inputbox" style="width:300px" id="video_url" title="URL" onkeypress="url()"></p><p style="text-align:center"><input type="button" class="button2" onclick="videourl()" value="Ok"></p></div><div style="visibility:hidden;width: auto;margin-top: 21px; margin-left:422px;" class="select cred" id="px"><button style="font-size:7px" onclick="s7();return false">Minúscula</button><br><button style="font-size:9px" onclick="s9();return false">Pequena</button><br><button style="font-size:12px" onclick="s12();return false">Normal</button><br><button style="font-size:18px" onclick="s18();return false">Grande</button><br><button style="font-size:24px" onclick="s24();return false">Gigante</button><br></div><div style="visibility:hidden;width: auto;margin-top: 21px; margin-left:452px;" class="select cred" id="font"><button style="font-family:Arial" onclick="arial();return false">Arial</button><br><button style="font-family:Arial Black" onclick="arialb();return false">Arial Black</button><br><button style="font-family:Comic Sans Ms" onclick="comic();return false">Comic Sans Ms</button><br><button style="font-family:Courier New" onclick="courier();return false">Courier New</button><br><button style="font-family:Georgia" onclick="georgia();return false">Georgia</button><br><button style="font-family:Impact" onclick="impact();return false">Impact</button><br><button style="font-family:Times New Roman" onclick="times();return false">Times New Roman</button><br><button style="font-family:Trebuchet MS" onclick="trebu();return false">Trebuchet MS</button><br><button style="font-family:Verdana" onclick="verdana();return false">Verdana</button><br></div>
<!--fim da barra---------------------------------------->



</td>

</tr></table><div id="avatar-post" style="padding: 0px 5px 0px 5px;"><p class="author">Qui 7 Jun por <strong><span><strong>Shiftactif</strong></span></strong></p></div>


</td>
      </tr>
      <tr>
      <td align="left">
        <table class="table1" width="100%" border="0" cellspacing="0" cellspanding="0">
          <tr>
            <td style="padding: 0px 7px 5px 5px;"> <div class="mod_news">
<textarea class="inputbox content-new" id="mensagem" name="message" cols="8" rows="8" style="width:100%;padding:0px;border-width:1px;">
</textarea><div style="margin-top:4px;margin-bottom:-6px;float: left;"><fieldset>Colocar o tópico como: <label><input type="radio" name="topictype" value="0" checked="checked"> Normal</label>  <label><input type="radio" name="topictype" value="1"> LEIA!</label>  <label><input type="radio" name="topictype" value="2"> ANÚNCIO</label>  <label><input type="radio" name="topictype" value="3"> GLOBAL</label>  </fieldset></div><div id="bts" style="display: block;float: right;"><div>
<span class="corners-top"><span></span></span>
<fieldset class="submit-buttons">
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="NÚMERO-NO-QUAL-O-TÓPICO-RÁPIDO-IRÁ-POSTAR" />
<input id="bt-enviar" value="Enviar" type="submit" class="button1" name="post" onClick="gerarcodigo();">
<input value="Prévia" type="submit" class="button1" name="preview" onClick="gerarcodigo();">
</fieldset>
<span class="corners-bottom"><span></span></span>
</div></div>


</div>
</td></tr></table></td></tr></table>
</div>

</form>

Código Javascript:
Código:
function episodiomostra(){jQuery('#episodiomostra').html(jQuery('#topico').val())}function gerarcodigo(){jQuery('[name="subject"]').val(jQuery('#topico').val());jQuery('[name="f"]').val('1');jQuery('[name="message"]').val(''+jQuery('#mensagem').val()+'')}

- Aplicando os códigos:
Para que o tópico rápido entre em funcionamento corretamente, precisamos aplicar os códigos corretamente.
Widget Personalizado: Painel de controle Seta azul Portal & Widgets Seta azul Criar um widget personalizado Seta azul Adicionem o código do widget personalizado, do passo acima
Código Javascript: Painel de controle Seta azul Módulos Seta azul HTML & JAVASCRIPT Seta azul Gestão dos códigos Javascript Seta azul Criar um novo Javascript


- Resultado:
O resultado de nosso trabalho foi este:
[TUTORIAL] Adicionando o tópico rápido Sem_ta10

--> FAQ do Tutorial <--
Adicionando o tópico rápido




© Shiftactif & Dr. Kinki


[TUTORIAL] Adicionando o tópico rápido Act_bottom Agradecemos a sua leitura por este tutorial, caso você tenha duvidas sobre este tutorial, poste um tópico na seção Tire suas duvidas com o seguinte titulo:
Adicionando o tópico rápido
Shek

Shek
Administrador

Masculino
Idade : 25
PointActif's : 5670
ReputActifs : 97
Mensagens : 2715
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

http://www.shiftactif.com/

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