Código de efeito

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

Resolvido Código de efeito

Mensagem por IsmaelS. em 12/12/12, 07:19 pm

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Código de efeito

Mensagem por iHeloaD em 12/12/12, 07:59 pm

Olá,

Aceda:

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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 Seta Módulos Seta 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 Obrigado se eu lhe ajudei!

Até mais, abraços Eu amo você
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Código de efeito

Mensagem por IsmaelS. em 12/12/12, 08:10 pm

O fundo ficou amarelo, queria em branco

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Código de efeito

Mensagem por BrunoH. em 12/12/12, 08:12 pm

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! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Código de efeito

Mensagem por iHeloaD em 12/12/12, 08:16 pm

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 Obrigado ?
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Código de efeito

Mensagem por IsmaelS. em 12/12/12, 08:19 pm

Resolvido Feliz

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

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

- Tópicos similares

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