shoutbox - Como colocar esta ShoutBox Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como colocar esta ShoutBox

3 participantes

Ir para baixo

Tópico resolvido Como colocar esta ShoutBox

Mensagem 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
avatar
Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

http://stonecraft.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esta ShoutBox

Mensagem por Stonay 28.12.14 23:39

up
avatar
Stonay
****

Membro desde : 13/12/2014
Mensagens : 396
Pontos : 532

http://stonecraft.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esta ShoutBox

Mensagem por [K]oke 29.12.14 12:58

Olá,
Crie uma Pagina HTMl com este Codigo :
Código:
<!--
// Copyright? (c) 2013 JScript <jscriptbrasil at live.com>
// This work is free. You can redistribute it and/or modify it
// under the terms of the WTFPL, Version 2
// Based on IPBoard ShoutBox, all rights reserved!
-->
<!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">
 <!-- General ChatBox content -->
 </tbody>
 <tbody id="chatbox_mpreceive" class="chat_toggle" style="display: none;" curpos="188" maxpos="325" pageincrement="0" increment="10">
 <!-- Private Receive Message ChatBox content -->
 </tbody>
 <tbody id="chatbox_mpsend" class="chat_toggle" style="display: none;" curpos="188" maxpos="325" pageincrement="0" increment="10">
 <!-- Private Send Message ChatBox content -->
 </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>
 <!-- Buttons -->
 <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>
 <!--Smiles -->
 <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
[K]oke
[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esta ShoutBox

Mensagem 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.
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos