Problema com botão Parceiros

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

Resolvido Problema com botão Parceiros

Mensagem por Niker, em 15/10/13, 07:40 pm

Qual é minha questão:
Olá, 

há pouco dias adicionei esse button no meu fóru,
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>








<center><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></center>
</div>
</div></a>
e ele está bugando todo o fórum ,
pois quando boto ele o footer se " esbagaça todo " e o resto dos widgets vem para cima dele 
espero que consigam arrumar

até,

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

Versão do fórum:
PUNBB


Última edição por Niker, em 15/10/13, 09:25 pm, editado 1 vez(es)
avatar

Niker,
Nível 5

Masculino
Inscrito dia : 14/12/2012
Mensagens : 47
Pontos Ativos : 85

Ver perfil do usuário http://power-forcer.umforum.net/

Resolvido Re: Problema com botão Parceiros

Mensagem por Shek em 15/10/13, 08:21 pm

Boa noite!

Use este código:
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>
Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problema com botão Parceiros

Mensagem por Niker, em 15/10/13, 08:30 pm

código funcionou perfeitamente ,
mas não ficou no centro .

até,
avatar

Niker,
Nível 5

Masculino
Inscrito dia : 14/12/2012
Mensagens : 47
Pontos Ativos : 85

Ver perfil do usuário http://power-forcer.umforum.net/

Resolvido Re: Problema com botão Parceiros

Mensagem por Shek em 15/10/13, 08:32 pm

Boa noite!

Niker, não use formatações em itálico, negrito ou colorido. Leia as nossas regras antes de postar para não cometer infrações: http://ajuda.forumeiros.com/t82-
Sobre sua questão, modifique o seu HTML para esse:
Código:
<center><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></center>
Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Problema com botão Parceiros

Mensagem por Niker, em 15/10/13, 09:15 pm

questão resolvida ,
O.o botava center e não ia

até,
avatar

Niker,
Nível 5

Masculino
Inscrito dia : 14/12/2012
Mensagens : 47
Pontos Ativos : 85

Ver perfil do usuário http://power-forcer.umforum.net/

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