Como fazer um butão desse

4 participantes

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

Tópico resolvido Como fazer um butão desse

Mensagem por Niker, 14.10.13 19:21

Qual é minha questão:
alguém sabe como adicionar um botão desse ,
http://prntscr.com/1xb808 na http://narutorpgstorm.ultimaterpg.net/forum

esperando respostas 
até,


Endereço do meu fórum:
http://flex-pixel.net

Versão do fórum:
PUNBB
Niker,

Niker,
*

Membro desde : 14/12/2012
Mensagens : 47
Pontos : 85

http://power-forcer.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer um butão desse

Mensagem por [F]lames 14.10.13 19:48

Olá,

Crie um widget com este código:
Spoiler:
Passar bem.
[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

Tópico resolvido Re: Como fazer um butão desse

Mensagem por Niker, 14.10.13 21:48

como faz para em vez de abrir o spoiler ,
vai para um link

até,
Niker,

Niker,
*

Membro desde : 14/12/2012
Mensagens : 47
Pontos : 85

http://power-forcer.umforum.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como fazer um butão desse

Mensagem por Shek 14.10.13 23:15

Boa noite!

Basta remover esse trecho:
Código:
<script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle();});});</script>
Contudo, preciso questioná-lo se deseja que o Slide já esteja aberto, ou, que não exista. Se quiser, ao deletar esse trecho acima você impede que os parceiros estejam recolhidos.

Atenciosamente,
Shek
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer um butão desse

Mensagem por Niker, 14.10.13 23:29

retirei o script e adicionei o link ,
mas o nome desce .

até,
Niker,

Niker,
*

Membro desde : 14/12/2012
Mensagens : 47
Pontos : 85

http://power-forcer.umforum.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como fazer um butão desse

Mensagem por Shek 15.10.13 0:57

Boa noite!

Deseja que ao clicar no nome "Parceiros" o mesmo seja direcionado para algum lugar? Se for isso, poderia me fornecer o endereço da página que deseja que ele seja encaminhado?

Atenciosamente,
Shek
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer um butão desse

Mensagem por Niker, 15.10.13 18:59

Troquei o nome do button para Registrar
e quero que quando clique vá para /register
por-farvor fazer isso rápido ...

até,
Niker,

Niker,
*

Membro desde : 14/12/2012
Mensagens : 47
Pontos : 85

http://power-forcer.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer um butão desse

Mensagem por First 15.10.13 19:12

Olá,

Senhor, substitua o código por este:
Código:
<style type="text/css">
.webstore-button.webstore-A-B-C {
border-color: #2D53AF;
background-color: #4D7BD6;
background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#4D7BD6));
background-image: -webkit-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
background-image: linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
padding-bottom: 4px;
}
.webstore-Gf-wb {
display: inline-block;
}
.webstore-A-L-i-J-B-K {
height: 28px;
font-size: 11px;
line-height: 28px;
min-width: 170px;
}
.webstore-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid;
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
padding: 0 4px 0 4px;
-webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
outline: 0px;
}
.webstore-button.webstore-A-J-i-J-B-K .webstore-A-B-I, .webstore-button.webstore-A-L-i-J-B-K .webstore-A-B-I {
}
.webstore-A-B-eb-I {
width: 19px;
height: 17px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABMAAAARAMNJ7iwAAACPSURBVCjPjZJRDsMgDENfCAfY1+5/vh2g0iRI9gG0AbUa/glGiWMZxNlB2urabcutyDnmFUAUaxc+q3WPSqiX77DUI0+xafHmD2eQRqV7WiHqFtWUe+i89CmYNAWCyYsMJP8AyBsDyohltFUOUuAHBTDqojbmOgrfm93/kBfePJZF+8ztUlcSRp3fVPb+2w/RaCkkhrW/agAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=);
}
.webstore-A-B-I-O-P {
margin-right: -7px;
margin-left: 20px;
}
.webstore-A-B-I {
position: relative;
vertical-align: text-bottom;
top: 7px;
}
.webstore-A-L-i-J-B-K {
font-size: 11px;
line-height: 28px;
}
.webstore-button {
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
}
.webstore-A-B-o {
margin: auto;
direction: ltr;
line-height: 0px;
}
.webstore-rb-Gc
.webstore-fd-rb {
font-family: 'Open Sans',arial,sans-serif;
font-size: 14px;
}
.webstore-button.webstore-A-B-C:hover {
border-color: #4076FF;
background-color: #5C92FF;
background-image: -moz-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#669EFF),color-stop(100%,#5286FF));
background-image: -webkit-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -o-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -ms-linear-gradient(top,#669EFF 0%,#5286FF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
background-image: linear-gradient(top,#669EFF 0%,#5286FF 100%);
}
#parceiros {
max-height: 300px;
overflow: auto;
padding: 0px;
}
#parceiros img {
opacity: .2;
-webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;
}
#parceiros img:hover {
opacity: 10;
}
</style>

<a href="/register"><div role="button" class="webstore-Gf-wb webstore-A-B-C webstore-A-L-i-J-B-K webstore-A-B-Y-Z-ab-bb webstore-button webstore-button-hover" style="-webkit-user-select: none;" tabindex="0" id="abrir-parc">
<div class="webstore-A-B-o"><div class="webstore-A-B-I webstore-A-B-eb-I webstore-A-B-I-O-P"></div>
<div class="webstore-A-B-H webstore-test-button-label" id="abrir-parc">Registrar</div>
</div>
</div></a>

Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer um butão desse

Mensagem por Niker, 15.10.13 19:49

Tópico resolvido ,
podem fechar o tópico .

até,
Niker,

Niker,
*

Membro desde : 14/12/2012
Mensagens : 47
Pontos : 85

http://power-forcer.umforum.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