Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : desdo começo do fórum
Endereço do fórum : http://darkcraft24hrs.foruns.com.pt/

Descrição do problema

Queria que ficasse em cima da chatbox do meu fórum igualzinho a essa imagem.

Boas,

Utilize este código HTML:
Painel de Controle Visualização Página inicial Geral

Código:

<div id="shoutbox-announcement-text" class="message">
         <!-- isHtml:1 --><!-- isHtml:1 --><p><strong class="bbc"><img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/vip.png"> [<a class="bbc_url" href="http://www.craftlandia.com.br/vip">Seja VIP</a>] | <img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/changelog.png"> [<a class="bbc_url" href="http://forum.craftlandia.com.br/ipb/index.php?/forum/266-changelog/">ChangeLog</a>] | <img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/estatistica.png"><a class="bbc_url" href="http://forum.craftlandia.com.br/ipb/index.php?/topic/181054-novidade-estatisticas-dos-servidores/">[Estatísticas]</a> | <img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/ouvidoria.png"> [<a class="bbc_url" href="http://forum.craftlandia.com.br/ipb/index.php?/topic/47558-ouvidoria">Ouvidoria</a>] |<a data-ipb="nomediaparse" href="http://www.craftlandia.com.br/regras"><img src="http://forum.craftlandia.com.br/ipb/images/regras.png"> [Regras] </a>| <img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/parceria.png"> [<a class="bbc_url" href="http://forum.craftlandia.com.br/ipb/index.php?/topic/138206-programa-de-parcerias-craftlandia/">Seja um parceiro</a>] | <img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/minigames.png"> [<a class="bbc_url" href="http://jogar.craftlandia.com.br">Minigames</a>] |</strong><strong class="bbc"><a class="bbc_url" href="http://forum.craftlandia.com.br/ipb/index.php?/topic/236999-novidade-contador-de-players-online/"><img alt="Imagem Postada" class="bbc_img" src="/online.png"></a></strong><br>
<br>
<br>
<strong class="bbc"><img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/cubos/icone.png"> <a class="bbc_url" href="http://forum.craftlandia.com.br/ipb/index.php?/topic/177440-introdu%C3%A7%C3%A3o-craftlandia-cubos/">Aprenda como adquirir VIP ou COINS de graça!</a></strong><br>
<br>
<br>
<strong class="bbc"><img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/download.png"> <a class="bbc_url" href="http://forum.craftlandia.com.br/craftlandia.zip">Baixe o nosso Client 1.5.2</a> - <span style="color: #000000"><span style="font-size: 12px;">(para jogar nos servidores: Aurora, Region, Kratom, Matrix, Paradise, Classic, Heaven, Server1 etc..)</span></span><br>
<img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/download.png"> <a class="bbc_url" href="http://forum.craftlandia.com.br/craftlandia174.zip">Baixe o nosso Client 1.7.4</a> - <span style="color: #000000"><span style="font-size: 12px;">(para jogar no servidor BETA, Region 2.0 e Creative)</span></span><br>
<img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/download.png"> <a class="bbc_url" href="http://forum.craftlandia.com.br/CraftLandiaMG.zip">Baixe o nosso Client MINIGAMES</a> - <span style="color: #000000"><span style="font-size: 12px;">(para jogar no nosso servidor de MINIGAMES)</span></span></strong><br>
<strong class="bbc"><a class="bbc_url" href="http://forum.craftlandia.com.br/craftlandiaTitan.zip"><img alt="Imagem Postada" class="bbc_img" src="http://forum.craftlandia.com.br/ipb/images/download.png">Baixe o nosso Client TITAN</a> - <span style="color: #000000"><span style="font-size: 12px;">(para jogar nos nossos servidores TITAN - <a class="bbc_url" href="http://forum.craftlandia.com.br/ipb/index.php?/topic/354074-novo-servidor-craftlandia-titan/">skins liberadas para todos</a>)</span></span></strong></p>
<p>
</p><center><iframe src="http://forum.craftlandia.com.br/ipb/player/player.html" frameborder="0" width="400" height="150"></iframe>
&nbsp;<p></p>
      </center></div>

Quando coloca-lo me avise para que eu possa criar o resto do código para ficar igual.
Até mais.

coloquei

Agora meu lindo, vá no teu CSS:

Código:

div#shoutbox-announcement-text {
background: #768d3d url('http://forum.craftlandia.com.br/ipb/public/style_images/craftlandia/highlight_faint.png') repeat-x 0 -1px;
padding: 10px;
border: 1px solid #8ca54d;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
line-height: 1.6;
font-size: 12px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
}

E coloque o código acima.
Até mais.

Resolvido. vlw lindo