Botão no fórum

3 participantes

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

Tópico resolvido Botão no fórum

Mensagem por Tiaguu 26.02.13 11:35

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
avatar

Tiaguu
Membro

Membro desde : 28/08/2011
Mensagens : 658
Pontos : 1001

http://wscgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão no fórum

Mensagem por Convidado 26.02.13 11:36

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.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão no fórum

Mensagem por Cream 26.02.13 11:43

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!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão no fórum

Mensagem por [F]lames 27.02.13 0:08

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.
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos