Código de efeito

Qual é minha questão:
Vejam a print queria esse efeito se for possível:



Fórum que vi: http://code.azureforum.com/

Endereço do meu fórum:
http://www.master-publicitario.forumeiros.com

Versão do fórum:
PHPBB3

Olá,

Aceda:

Painel de Controle Visualização Imagens e Cores Cores Folha no estilo de CSS

No local do código, coloque este:

Código:

.c3pag{-moz-border-radius-topleft:14px;-webkit-border-top-left-radius:14px;background:#F4FFBF;border:2px solid #ccc;bottom:0;font-size:11px;font-weight:700;padding:15px;position:fixed;right:0}input.c3zotion{-moz-border-radius:6px;-webkit-border-radius:6px;border:1.3px dashed #009FBF!important;font-weight:700;height:30px;margin-top:7px;text-transform:uppercase;width:170px}

Agora vamos para o Widget, aceda:

Painel de Controle Módulos Gestão de Widgets no fórum

Crie um novo Widget:

Nome do widget : Qual o senhor quiser

Utilizar um table type : Não

Título do widget : Como a ultima opção foi Não, este espaço poderá ficar em branco

Fonte do widget * :

Código:

<style type="text/css">.c3pag {padding:6px!important}</style><div class="c3pag"><a href="#top" onmouseover="showtip('TOP');" onmouseout="hidetip();"><img height="24" src="http://i31.servimg.com/u/f31/17/41/76/40/th/up-ico10.png"></a> <a href="/privmsg?mode=post" onmouseover="showtip('Enviar uma MP');" onmouseout="hidetip();"><img height="24" src="http://i31.servimg.com/u/f31/17/41/76/40/13465612.png"></a> <a href="/chatbox/index.forum" onmouseover="showtip('Chatbox');" onmouseout="hidetip();" ><img height="24" src="http://i31.servimg.com/u/f31/17/41/76/40/chat-i10.png"></a> <a href="/profile?mode=editprofile" onmouseover="showtip('Editar Perfil');" onmouseout="hidetip();"><img height="24" src="http://i31.servimg.com/u/f31/17/41/76/40/13465611.png"></a> <a href="#bottom" onmouseover="showtip('DOWN');" onmouseout="hidetip();"><img height="24" src="http://i31.servimg.com/u/f31/17/41/76/40/th/down-i10.png"></a> </div>

Por favor, clique no botão se eu lhe ajudei!

Até mais, abraços

O fundo ficou amarelo, queria em branco

Olá!
Substitua o CSS por este:

Código:

.c3pag{-moz-border-radius-topleft:14px;-webkit-border-top-left-radius:14px;background:#fff;border:2px solid #ccc;bottom:0;font-size:11px;font-weight:700;padding:15px;position:fixed;right:0}input.c3zotion{-moz-border-radius:6px;-webkit-border-radius:6px;border:1.3px dashed #009FBF!important;font-weight:700;height:30px;margin-top:7px;text-transform:uppercase;width:170px}

Até mais!

Use o mesmo codigo do Widget, mas troque o seu css que eu postei por este:

Código:

.c3pag{-moz-border-radius-topleft:14px;-webkit-border-top-left-radius:14px;background:#FFFFFF;border:2px solid #ccc;bottom:0;font-size:11px;font-weight:700;padding:15px;position:fixed;right:0}input.c3zotion{-moz-border-radius:6px;-webkit-border-radius:6px;border:1.3px dashed #009FBF!important;font-weight:700;height:30px;margin-top:7px;text-transform:uppercase;width:170px}

Agora eu ganho um ?

Resolvido