Como colocar esta ShoutBox

por Stonay 28.12.14 0:46

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : Não é necessário

Descrição do problema

Pessoas, alguém sabe me dizer como posso colocar a ShoutBox igual deste fórum:
http://pvp.jairocraft.com.br/forum/index.php

por Stonay 28.12.14 23:39

por [K]oke 29.12.14 12:58

Olá,
Crie uma Pagina HTMl com este Codigo :

Código::  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Chatbox</title> <meta content="text/html; charset=utf-8" http-equiv="content-type"/> <meta content="text/javascript" http-equiv="content-script-type"/> <meta content="text/css" http-equiv="content-style-type"/> <link href="http://illiweb.com/fa/favicon/write.ico" type="image/x-icon" rel="shortcut icon"/> <link type="text/css" href="https://googledrive.com/host/0BywKunb3ieyDdVlWcUlScmk2SlE/ShoutBox.css" rel="stylesheet"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="https://googledrive.com/host/0BywKunb3ieyDdVlWcUlScmk2SlE/lz-string-1.3.0-rc1.js"></script> <script type="text/javascript" src="https://googledrive.com/host/0BywKunb3ieyDaW5OTFJCWl95VzA/ShoutBox.js" charset="ISO-8859-1"></script> <script type="text/javascript"> //<![CDATA[ var params = '?archives=1'; var smilies_sid = ''; var url_chat = '/chatbox/index.forum'; //]]> </script> <style type="text/css"> * {margin: 0;padding: 0;} html, body {overflow: hidden;} body {padding: 0;margin: 0;background-color: #fbfbfb; font-family: helvetica,arial,sans-serif !important} .fontbutton {border:0;} </style> </head> <body vlink="" text="#333333" link="#225985" bgcolor="#fbfbfb" onload="parent.updateIframeSize('iframe_shoutbox', $('html').height());" oncontextmenu="return false;"> <div id="ajax_loading" style="display: none;"><img alt="Carregando..." src="http://i69.servimg.com/u/f69/18/17/62/92/ajax_l10.gif"/></div> <div id="shoutbox-temp-msgs" style="display: none;"></div> <div id="shoutbox-temp-imgs" style="display: none;"></div> <div id="category_shoutbox" class="category_block block_wrap" style="min-height: 300px; min-width: 720px; width: 100%;"> <h3 class="maintitle"> <a title="Fechar/Abrir shoutbox" href="#" class="toggle right">Fechar/Abrir shoutbox</a> <a title="View Main Shoutbox" href="#" target="_top">IPBoard Chat (v1.1112pr) </a> </h3> <div class="ipsBox table_wrap"> <div class="ipsBox_container"> <table class="ipb_table shoutbox_table" style="height: 230px; min-height: 230px;"> <tbody> <tr class="row2" id="shoutbox-announcement-row"> <td valign="middle" colspan="2" class="altrow"> <div class="message" id="shoutbox-announcement-text"> A ofensa a outro membro / Staff é sujeito a punições. <strong class="bbc">O ChatBox é um lugar para descontração, não de ajuda e suporte!</strong> </div> </td> </tr> <tr class="row1"> <td valign="top" colspan="2" class="altrow"> <div id="shoutbox-shouts" style="overflow: auto; overflow-x: hidden; left: 0px; top: 0px; height: 169px; min-height: 128px;"> <p id="shoutbox-inactive-prompt" style="display: none; height: 126px;" class="altrow short"> <br>Nós percebemos que você esteve inativo por mais de 10 minutos.<br> O shoutbox parou de ser executado devido a sua inatividade.<br> Se você está de volta, por favor clique no botão abaixo <u>Estou de Volta!</u>. <br><br> <input type="button" onclick="I_am_back();" class="input_submit" value="Estou de Volta!"> </p> <p id="shoutbox-service" style="display: none; height: 126px;" class="altrow short"> <br><br>Nosso shoutbox está passando por manutenção neste momento, agradecemos a sua compreênção!<br> Em breve estaremos funcionando normalmente, grato pela sua visita...<br> O shoutbox parou de ser executado por motivos técnicos. <br> </p> <table id="shoutbox-shouts-table" style="display: ;"> <div id="chatbox_members" style="display: none;" increment="10" pageincrement="144" maxpos="460" curpos="0"></div> <tbody id="chatbox_general" class="chat_toggle" style="display: ;" curpos="188" maxpos="325" pageincrement="0" increment="10">  </tbody> <tbody id="chatbox_mpreceive" class="chat_toggle" style="display: none;" curpos="188" maxpos="325" pageincrement="0" increment="10">  </tbody> <tbody id="chatbox_mpsend" class="chat_toggle" style="display: none;" curpos="188" maxpos="325" pageincrement="0" increment="10">  </tbody> </table> </div> <div id="shouts-global-resizer" title="Clique para redimensionar o ShoutBox!" onmousedown="resizeElement();"></div> <div style="display: none;" class="message error block_wrap" id="shoutbox-inline-error-glb"></div> </td> </tr>  <tr class="row1"> <td valign="top" colspan="2" class="altrow"> <form onsubmit="submitmsg('?archives=1');return false;" method="post" action="" name="post"> <div id="chatbox_messenger_form" style="display: "> <div onclick="document.post.message.focus();timer_count=0;"> <input type="text" id="message" name="message" size="70" maxlength="1024" class="input_text" autocomplete="off" onkeydown="number_of_refresh=0;timer_count=0;" /> <input type="submit" class="input_submit" value="Enviar Shout" id="submit_button" name="submit_button"/> <input type="button" class="input_submit alt" value="Limpar" id="shoutbox-clear-button" onclick="document.getElementById('message').value = '';"> <input type="button" class="input_submit alt" value="Atualizar" id="shoutbox-refresh-button" style="" onclick="refresh_chatbox('?archives=1');"/> <input type="button" data-scope="shoutbox" onclick="do_selectsmilies(event);" class="input_submit alt" value="Smilies" id="divsmilies"/> <input type="button" class="input_submit alt" value="BBCode" id="shoutbox-bbcode-button" onclick="window.open('/faq?mode=bbcode','BBCodes Help','status=no,location=no,toolbar=no,menubar=no,personalbar=no,width=640,height=window.innerHeight,scrollbars=yes,resizable=yes,left=0,top=0'); return false;"> <input type="button" class="input_submit alt" value="Preferências" id="shoutbox-myprefs-button" onclick="$('#myPrefs_popup').toggle();"/> </div> </div> </form> </td> </tr> </tbody> </table> </div> </div> </div>  <div id="shoutbox-smilies-button_menucontent" style="display: none; width: 400px; position: absolute; z-index: 9999; top: 1px; left: 1px;"> <h3 class="maintitle short"> <span class="pager"><a id="page_0" class="emoticonPager" href="#">«</a> </span> More <span class="pager"> <a id="page_1" class="emoticonPager" href="#">»</a></span> </h3> <table class="ipb_table" style="background: none repeat scroll 0 0 #FFFFFF;"> <tbody> <tr id="smile_row" class="row1"> <td> <span> <a style="margin-left: 10px;" href="#" onclick="copy_user_name(':sos:')"> <img style="margin-bottom: 10px;" alt="No Like!" src="http://r19.imgfast.net/users/1917/43/09/52/smiles/632187147.gif" title="SOS"> </a> <a style="margin-left: 10px;" href="#" onclick="copy_user_name(':D')"> <img style="margin-bottom: 10px;" alt="Very Happy" src="http://2img.net/i/fa/i/smiles/icon_biggrin.png" title="Very Happy"> </a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':)')"><img style="margin-bottom: 10px;" alt="Smile" src="http://2img.net/i/fa/i/smiles/icon_smile.gif" title="Smile"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':(')"><img style="margin-bottom: 10px;" alt="Sad" src="http://2img.net/i/fa/i/smiles/icon_sad.gif" title="Sad"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':o')"><img style="margin-bottom: 10px;" alt="Surprised" src="http://2img.net/i/fa/i/smiles/icon_surprised.gif" title="Surprised"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':shock:')"><img style="margin-bottom: 10px;" alt="Shocked" src="http://2img.net/i/fa/i/smiles/icon_eek.gif" title="Shocked"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name('8)')"><img style="margin-bottom: 10px;" alt="Cool" src="http://2img.net/i/fa/i/smiles/icon_cool.gif" title="Cool"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':lol:')"><img style="margin-bottom: 10px;" alt="Laughing" src="http://2img.net/i/fa/i/smiles/icon_lol.gif" title="Laughing"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':x')"><img style="margin-bottom: 10px;" alt="Mad" src="http://2img.net/i/fa/i/smiles/icon_mad.gif" title="Mad"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':P')"><img style="margin-bottom: 10px;" alt="Razz" src="http://2img.net/i/fa/i/smiles/icon_razz.gif" title="Razz"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':oops:')"><img style="margin-bottom: 10px;" alt="Embarassed" src="http://2img.net/i/fa/i/smiles/icon_redface.gif" title="Embarassed"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cry:')"><img style="margin-bottom: 10px;" alt="Crying or Very sad" src="http://2img.net/i/fa/i/smiles/icon_cry.gif" title="Crying or Very sad"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':evil:')"><img style="margin-bottom: 10px;" alt="Evil or Very Mad" src="http://2img.net/i/fa/i/smiles/icon_evil.gif" title="Evil or Very Mad"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':twisted:')"><img style="margin-bottom: 10px;" alt="Twisted Evil" src="http://2img.net/i/fa/i/smiles/icon_twisted.gif" title="Twisted Evil"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':roll:')"><img style="margin-bottom: 10px;" alt="Rolling Eyes" src="http://2img.net/i/fa/i/smiles/icon_rolleyes.gif" title="Rolling Eyes"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(';)')"><img style="margin-bottom: 10px;" alt="Wink" src="http://2img.net/i/fa/i/smiles/icon_wink.gif" title="Wink"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':!:')"><img style="margin-bottom: 10px;" alt="Exclamation" src="http://2img.net/i/fa/i/smiles/icon_exclaim.gif" title="Exclamation"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':?:')"><img style="margin-bottom: 10px;" alt="Question" src="http://2img.net/i/fa/i/smiles/icon_question.gif" title="Question"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':idea:')"><img style="margin-bottom: 10px;" alt="Idea" src="http://2img.net/i/fa/i/smiles/icon_idea.png" title="Idea"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':arrow:')"><img style="margin-bottom: 10px;" alt="Arrow" src="http://2img.net/i/fa/i/smiles/icon_arrow.gif" title="Arrow"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':|')"><img style="margin-bottom: 10px;" alt="Neutral" src="http://2img.net/i/fa/i/smiles/icon_neutral.gif" title="Neutral"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':face:')"><img style="margin-bottom: 10px;" alt="What a Face" src="http://2img.net/i/fa/i/smiles/fresse.png" title="What a Face"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':star:')"><img style="margin-bottom: 10px;" alt="Like a Star @ heaven" src="http://2img.net/i/fa/i/smiles/star3.png" title="Like a Star @ heaven"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':suspect:')"><img style="margin-bottom: 10px;" alt="Suspect" src="http://2img.net/i/fa/i/smiles/suspect.gif" title="Suspect"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':heart:')"><img style="margin-bottom: 10px;" alt="I love you" src="http://2img.net/i/fa/i/smiles/herz.png" title="I love you"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':no:')"><img style="margin-bottom: 10px;" alt="No" src="http://2img.net/i/fa/i/smiles/kopfschuettel.gif" title="No"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':@:')"><img style="margin-bottom: 10px;" alt="@" src="http://2img.net/i/fa/i/smiles/at.png" title="@"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cyclops:')"><img style="margin-bottom: 10px;" alt="cyclops" src="http://2img.net/i/fa/i/smiles/icon_cyclops.gif" title="cyclops"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':clown:')"><img style="margin-bottom: 10px;" alt="clown" src="http://2img.net/i/fa/i/smiles/icon_clown.png" title="clown"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':pirat:')"><img style="margin-bottom: 10px;" alt="pirat" src="http://2img.net/i/fa/i/smiles/icon_pirat.png" title="pirat"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':tongue:')"><img style="margin-bottom: 10px;" alt="tongue" src="http://2img.net/i/fa/i/smiles/icon_tongue.png" title="tongue"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':silent:')"><img style="margin-bottom: 10px;" alt="silent" src="http://2img.net/i/fa/i/smiles/icon_silent.png" title="silent"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':pale:')"><img style="margin-bottom: 10px;" alt="pale" src="http://2img.net/i/fa/i/smiles/icon_pale.gif" title="pale"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':alien:')"><img style="margin-bottom: 10px;" alt="alien" src="http://2img.net/i/fa/i/smiles/alien.png" title="alien"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cat:')"><img style="margin-bottom: 10px;" alt="cat" src="http://2img.net/i/fa/i/smiles/icon_cat.png" title="cat"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':monkey:')"><img style="margin-bottom: 10px;" alt="monkey" src="http://2img.net/i/fa/i/smiles/icon_monkey.png" title="monkey"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':pig:')"><img style="margin-bottom: 10px;" alt="pig" src="http://2img.net/i/fa/i/smiles/icon_porc.png" title="pig"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':rabbit:')"><img style="margin-bottom: 10px;" alt="rabbit" src="http://2img.net/i/fa/i/smiles/icon_rabbit.png" title="rabbit"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':bounce:')"><img style="margin-bottom: 10px;" alt="bounce" src="http://2img.net/i/fa/i/smiles/icon_bounce.gif" title="bounce"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':confused:')"><img style="margin-bottom: 10px;" alt="confused" src="http://2img.net/i/fa/i/smiles/confused.png" title="confused"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':affraid:')"><img style="margin-bottom: 10px;" alt="affraid" src="http://2img.net/i/fa/i/smiles/affraid.gif" title="affraid"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':bball:')"><img style="margin-bottom: 10px;" alt="Basketball" src="http://2img.net/i/fa/i/smiles/icon_basketball.gif" title="Basketball"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cheers:')"><img style="margin-bottom: 10px;" alt="cheers" src="http://2img.net/i/fa/i/smiles/icon_cheers.png" title="cheers"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':bom:')"><img style="margin-bottom: 10px;" alt="bom" src="http://2img.net/i/fa/i/smiles/bom.png" title="bom"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':drunken:')"><img style="margin-bottom: 10px;" alt="drunken" src="http://2img.net/i/fa/i/smiles/drunken_smilie.png" title="drunken"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':sleep:')"><img style="margin-bottom: 10px;" alt="Sleep" src="http://2img.net/i/fa/i/smiles/sleep.gif" title="Sleep"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':sunny:')"><img style="margin-bottom: 10px;" alt="sunny" src="http://2img.net/i/fa/i/smiles/icon_sunny.png" title="sunny"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':albino:')"><img style="margin-bottom: 10px;" alt="albino" src="http://2img.net/i/fa/i/smiles/icon_albino.png" title="albino"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':cherry:')"><img style="margin-bottom: 10px;" alt="cherry" src="http://2img.net/i/fa/i/smiles/icon_cherry.png" title="cherry"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':santa:')"><img style="margin-bottom: 10px;" alt="santa" src="http://2img.net/i/fa/i/smiles/icon_santa.png" title="santa"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':rendeer:')"><img style="margin-bottom: 10px;" alt="rendeer" src="http://2img.net/i/fa/i/smiles/icon_rendeer.png" title="rendeer"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':farao:')"><img style="margin-bottom: 10px;" alt="farao" src="http://2img.net/i/fa/i/smiles/icon_farao.png" title="farao"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':king:')"><img style="margin-bottom: 10px;" alt="king" src="http://2img.net/i/fa/i/smiles/icon_king.png" title="king"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':queen:')"><img style="margin-bottom: 10px;" alt="queen" src="http://2img.net/i/fa/i/smiles/icon_queen.png" title="queen"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':joker:')"><img style="margin-bottom: 10px;" alt="jocolor" src="http://2img.net/i/fa/i/smiles/icon_jokercolor.png" title="jocolor"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':geek:')"><img style="margin-bottom: 10px;" alt="geek" src="http://2img.net/i/fa/i/smiles/icon_geek.png" title="geek"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':scratch:')"><img style="margin-bottom: 10px;" alt="scratch" src="http://2img.net/i/fa/i/smiles/icon_scratch.png" title="scratch"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':study:')"><img style="margin-bottom: 10px;" alt="study" src="http://2img.net/i/fa/i/smiles/icon_study.png" title="study"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':elephant:')"><img style="margin-bottom: 10px;" alt="elephant" src="http://2img.net/i/fa/i/smiles/icon_elephant.png" title="elephant"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':flower:')"><img style="margin-bottom: 10px;" alt="flower" src="http://2img.net/i/fa/i/smiles/icon_flower.png" title="flower"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':afro:')"><img style="margin-bottom: 10px;" alt="afro" src="http://2img.net/i/fa/i/smiles/icon_rr.png" title="afro"></a><a style="margin-left: 10px;" href="#" onclick="copy_user_name(':lol!:')"><img style="margin-bottom: 10px;" alt="lol!" src="http://2img.net/i/fa/i/smiles/lol.gif" title="lol!"></a> </span> </td> </tr> </tbody> </table> </div> <div class="popupWrapper" id="editShout_popup" style="display: none; top: 50%; left: 50%; width: 650px; height: 245px; margin:-135px 0 0 -325px; position: absolute;"> <div class="popupInner" id="editShout_inner" style="width: 650px; height: 245px;"> <h3>Editar Shout</h3> <div class="message error block_wrap" id="shoutbox-inline-error-editShout" style="display:none;"></div> <div class="ipsPad"> <span class="cke_wrapper cke_ltr" role="presentation"> <form onsubmit="submitEditedMsg('?archives=1');return false;" method="post" action="" name="editpost"> <table border="0" cellpadding="0" cellspacing="0" class="cke_editor"> <tbody> <tr style="-moz-user-select: none;"> <td> <span id="text_editor" style="width: 100%; display: block; padding-bottom: 5px;"> <button class="input_submit alt" onclick="BBCode_Add('bold', 'editarea')" type="button" accesskey="b" title="Negrito"> <img src="http://2img.net/i/fa/wysiwyg/text_bold.png" alt="Negrito" title="Negrito"> </button> <button class="input_submit alt" onclick="BBCode_Add('italic', 'editarea')" type="button" accesskey="i" title="Itálico"> <img src="http://2img.net/i/fa/wysiwyg/text_italic.png" alt="Itál" title="Itálico"> </button> <button class="input_submit alt" onclick="BBCode_Add('underline', 'editarea')" type="button" accesskey="u" title="Sublinhar"> <img src="http://2img.net/i/fa/wysiwyg/text_underline.png" alt="Sub" title="Sublinhar"> </button> <button class="input_submit alt" onclick="BBCode_Add('left', 'editarea')" type="button" accesskey="m" title="Esquerda"> <img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esq" title="Esquerda"> </button> <button class="input_submit alt" onclick="BBCode_Add('center', 'editarea')" type="button" accesskey="t" title="Centralizar"> <img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Cent" title="Centralizar"> </button> <button class="input_submit alt" onclick="BBCode_Add('right', 'editarea')" type="button" accesskey="g" title="Direita"> <img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Dir" title="Direita"> </button> <button class="input_submit alt" onclick="BBCode_Add('list', 'editarea')" type="button" accesskey="l" title="Lista simples"> <img src="http://2img.net/i/fa/wysiwyg/text_list_bullets.png" alt="List" title="Lista simples"> </button> <button class="input_submit alt" onclick="BBCode_Add('list=1', 'editarea')" type="button" accesskey="o" title="Lista numerada"> <img src="http://2img.net/i/fa/wysiwyg/text_list_numbers.png" alt="List" title="Lista numarada"> </button> <button class="input_submit alt" onclick="BBCode_Add('img', 'editarea')" type="button" accesskey="p" title="Imagem"> <img src="http://2img.net/i/fa/wysiwyg/picture.png" alt="Img" title="Imagem"> </button> <button class="input_submit alt" onclick="BBCode_Add('url', 'editarea')" type="button" accesskey="w" title="Link"> <img src="http://2img.net/i/fa/wysiwyg/link.png" alt="Lnk" title="Link"> </button> </span> </td> </tr> <tr> <td class="cke_contents" style="height: 100px; padding: 0px ! important;"> <textarea class="input_text" id="editarea" name="editarea" style="width: 98%; height: 89%; resize: none; outline: medium none; text-align: left;" onkeydown="number_of_refresh=0;timer_count=0;"> </textarea> </td> </tr> </tbody> </table> <div class="short ipsPad"> <div onclick="document.editpost.editarea.focus();timer_count=0;"> <input type="submit" class="input_submit" value="Enviar Shout" id="submit_button" name="submit_button"/> <input type="button" class="input_submit alt" value="Limpar" id="shoutbox-clear-button" onclick="document.getElementById('editarea').value = '';"> <input type="button" class="input_submit alt" value="Cancelar" id="shoutbox-refresh-button" onclick="$('#editShout_popup').toggle();"> </div> </div> </form> </span> </div> </div> <div class="popupClose clickable" id="editShout_close" onclick="$('#editShout_popup').toggle();"><img alt="x" src="http://forum.autoitbrasil.com/public/style_images/master/close_popup.png"></div> </div> <div id="myPrefs_popup" style="display: none; z-index: 10001; top: 10px; left: 395.5px; position: fixed;" class="popupWrapper"> <div id="myPrefs_inner" class="popupInner" style="width: 550px; max-height: 388px;"> <h3>Painel de Minhas Preferências</h3> <div class="ipsBox table_wrap"> <div class="ipsBox_container"> <div style="display: none;" class="message error block_wrap" id="shoutbox-inline-error-myprefs"></div> <table class="ipb_table"> <tbody> <tr> <td colspan="2"> Aqui você pode mudar suas preferências pessoais para o Shoutbox.<br>Simplesmente atualize as preferências a seu gosto e clique no botão 'Salvar'. </td> </tr> <tr class="row2"> <td colspan="2" class="altrow"> <strong id="shoutbox-popup-status">Preferências</strong> </td> </tr> <tr> <td class="short" style="width: 50%;"> <strong>Mostrar o Shoutbox Global?</strong> <br> <label for="my_prefs_gsb_y">Sim</label> <input type="radio" checked="" id="my_prefs_gsb_y" value="1" name="my_prefs_gsb" class="input_radio"> <input type="radio" id="my_prefs_gsb_n" value="0" name="my_prefs_gsb" class="input_radio"> <label for="my_prefs_gsb_n">Não</label> </td> <td class="short" style="width: 50%;"> <strong>A <em>Tecla Enter</em> deverá agir como o botão 'Enviar Shout'?</strong> <br> <label for="my_prefs_ets_y">Sim</label> <input type="radio" id="my_prefs_ets_y" value="1" name="my_prefs_ets" class="input_radio"> <input type="radio" checked="" id="my_prefs_ets_n" value="0" name="my_prefs_ets" class="input_radio"> <label for="my_prefs_ets_n">Não</label> </td> </tr> <tr> <td class="short"> <strong>Mostrar o botão Atualizar?</strong> <br> <label for="my_prefs_drb_y">Sim</label> <input type="radio" checked="" id="my_prefs_drb_y" value="1" name="my_prefs_drb" class="input_radio"> <input type="radio" id="my_prefs_drb_n" value="0" name="my_prefs_drb" class="input_radio"> <label for="my_prefs_drb_n">Não</label> </td> <td class="short"> <strong>Habilitar Comandos Rápidos?</strong> <br> <label for="my_prefs_eqc_y">Sim</label> <input type="radio" checked="" id="my_prefs_eqc_y" value="1" name="my_prefs_eqc" class="input_radio"> <input type="radio" id="my_prefs_eqc_n" value="0" name="my_prefs_eqc" class="input_radio"> <label for="my_prefs_eqc_n">Não</label> </td> </tr> <tr> <td class="short"> <strong>Shoutbox display order?</strong> </td> <td class="short"> <select id="my_prefs_sdo" name="my_prefs_sdo"> <option selected="" value="">Default</option> <option value="1">Older -> Newer</option> <option value="2">Newer -> Older</option> </select> <br> <span class="error">Manual refresh req'd if changed</span> </td> </tr> <tr> <td colspan="2" class="short"> <input type="button" class="input_submit" value="Salvar Preferências" id="myprefs_save"> <input type="button" class="ipsButton_secondary" value="Restaurar Padrão" id="myprefs_restore"> </td> </tr> </tbody> </table> </div> </div> </div> <div id="myPrefs_close" class="popupClose clickable" onclick="$('#myPrefs_popup').toggle();"><img alt="x" src="http://forum.autoitbrasil.com/public/style_images/master/close_popup.png"></div> </div> </body> </html>

Pegue o ID do HTMl
Exemplo : /h1-

e Utilize este Codigo :

Código:: function updateIframeSize(x,y){ if (x != '') { $('#' + x).height(y + 10 + 'px'); } } $(function() { $('#page-body').prepend('<iframe id="iframe_shoutbox" height="360px" width="100%" frameBorder="0" src="/h1-">Your browser does not support IFRAMEs</iframe>'); });

Trocando onde esta "/h1-"
Pelo ID da Pagina HTML

por Shek 02.01.15 21:28

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Como colocar esta ShoutBox

Como colocar esta ShoutBox

Detalhes da dúvida

Descrição do problema

Re: Como colocar esta ShoutBox

Re: Como colocar esta ShoutBox

Re: Como colocar esta ShoutBox