Botão no fórum

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

Resolvido Botão no fórum

Mensagem por Tiaguu em 26/02/13, 08:35 am

Qual é minha questão:
Eu gostaria de saber, como eu possa ter um botão igual que está no Widget ACESSO RÁPIDO, Criar um fórum., com o efeito que colocar o mouse por cima muda de cor suave, entende ?

Endereço do meu fórum:
http://extornetforum.forumeiros.com

Versão do fórum:
PHPBB3

Tiaguu
Usuário destaque

Masculino
Inscrito dia : 28/08/2011
Mensagens : 644
Pontos Ativos : 977

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

Resolvido Re: Botão no fórum

Mensagem por Convidado em 26/02/13, 08:36 am

Olá!

Senhor, basta adicionar este código num wideget.
Código:
<a target=_blank href=http://destek.yetkin-forum.com>Turco</a></div><br><a href=javascript: id=forunslist2 onclick="jQuery('#toggle2').animate({width:'toggle',height:'toggle',opacity:'toggle'},800);jQuery('#toggle1').animate({width:'0px',height:'0px',opacity:'0%',display:'block',width:'toggle',height:'toggle',opacity:'toggle'},800)"><img src=http://im0.all-up.com/i/img/puce_fleche.png> Fechar</a>
</div><div class="crz"><a href="http://forumeiros.com/">Criar um fórum</a></div>

Até mais.

Convidado
Convidado


Resolvido Re: Botão no fórum

Mensagem por Cream em 26/02/13, 08:43 am

Olá,

Aceda em:
Painel... -> Módulo -> Portal & Widgets -> Adicione o seguinte código em widget:
Código:

</div><div class="crz"><a href="http://forumeiros.com/">Criar um fórum</a></div>
<style>
.crz:link, .crz:visited, .crz:hover, .crz:visited { color: #FFF;}

.crz {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background-color: #1AB8D6;
    border-radius: 6px;
    padding: 10px 6px 10px;
    display: block;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.16);
    box-shadow: inset 0 0 2px rgba(255,255,255,0.76);
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.crz:hover {
    background-color: #22D5E7;
cursor:pointer;
}
.crz a{color:#fff !important;}

.crz:active {
    border-width: 1px;
    padding: 12px 6px 10px;
}</style>

E modifique como quiser.
Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Botão no fórum

Mensagem por [F]lames em 26/02/13, 09:08 pm

Olá,

O código acima tem uma baliza não-fechada no começo do código Rindo
Utilize este:

Código:
<div class="crz"><a href="http://forumeiros.com/">Criar um fórum</a></div>
<style>
.crz:link, .crz:visited, .crz:hover, .crz:visited { color: #FFF;}

.crz {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background-color: #1AB8D6;
    border-radius: 6px;
    padding: 10px 6px 10px;
    display: block;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.16);
    box-shadow: inset 0 0 2px rgba(255,255,255,0.76);
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.crz:hover {
    background-color: #22D5E7;
cursor:pointer;
}
.crz a{color:#fff !important;}

.crz:active {
    border-width: 1px;
    padding: 12px 6px 10px;
}</style>
Resulta ?

Até mais.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

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