Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Personalização De Linhas No Forum Na Barra De Rolamento Da Tela
Hoje à(s) 08:10 am por Daniel Yan

» Sao Botoes Para Meu Rank Personalizados
Hoje à(s) 08:06 am por Daniel Yan

» Modificação na descrição do fórum
Hoje à(s) 04:14 am por HRRPG

» Logo para o Natal ;v
Hoje à(s) 01:53 am por Fou-Lu

» Avatar Sonic
Hoje à(s) 01:48 am por Fou-Lu

» Banner pro meu fórum
Hoje à(s) 01:37 am por Fou-Lu

» Preciso de ranks para SAMP
Hoje à(s) 01:09 am por odelgado

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Shek
 
Eduardo Lima
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
236 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 231 Visitantes :: 2 Motores de busca

Connor R., EDU2010, Henrique Sampaio, IsmaelS., odelgado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como colocar esta ShoutBox

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

Resolvido Como colocar esta ShoutBox

Mensagem por Stonay em 27/12/14, 10:46 pm

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

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta ShoutBox

Mensagem por Stonay em 28/12/14, 09:39 pm

up

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

Ver perfil do usuário http://stonecraft.forumeiros.com.pt/
  • 0

Resolvido Re: Como colocar esta ShoutBox

Mensagem por [K]oke em 29/12/14, 10:58 am

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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 863
Pontos Ativos : 1579

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Como colocar esta ShoutBox

Mensagem por Shek em 02/01/15, 07:28 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16998
Pontos Ativos : 21289

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum