Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Opiniões: criar um fórum sobre apostas?
Hoje à(s) 08:45 am por Roger_Crazzy

» Legenda GIF
Hoje à(s) 08:43 am por MtX

» Quanto tempo vocês estão no Forumeiros?
Hoje à(s) 08:27 am por loucozinho

» Quem você mais admira no Fórum dos Fóruns?
Hoje à(s) 08:22 am por loucozinho

» Apresentação dos membros (fale sobre você)
Hoje à(s) 08:19 am por loucozinho

» Imagem em determinada área
Hoje à(s) 07:03 am por Roger_Crazzy

» Sub-Fóruns
Hoje à(s) 06:49 am por Roger_Crazzy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Roger_Crazzy
 
Lincoln
 
Holkis
 

Quem está conectado
240 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 237 Visitantes :: 2 Motores de busca

JulioPais, MtX, Roger_Crazzy

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Ajustar widget de parcerias

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

Resolvido Ajustar widget de parcerias

Mensagem por IsmaelS. em 18/03/17, 12:48 pm

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá!

Eu queria mudar a cor amarela do botão para "#3091C1" e queria alargar o botão mais para baixo pois está muito encolhido e para terminar ao clicar nele que abri-se suavemente os banners.


Código:
Código:
                                                                                                                                     
<div style="margin:auto;text-align:center;width:100%">
                                                                     <img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="" border="0" /><br /><strong><a href="/t609-">Deseja ser nosso parceiro?<br />Clica aqui!</a></strong>                                   
</div>
                                                                                                          <script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle('fast');});});</script><br />                                                                                                         
<div id="abrir-parc" tabindex="0" style="-webkit-user-select: none;" 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" role="button">
                                                                                                                                                                                                                                    
   <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 id="abrir-parc" class="webstore-A-B-H webstore-test-button-label">
                                                                                                                               ABRIR AS PARCERIAS                                                                                                                   
      </div>
                                                                                                                                                                                                                                           
   </div>
                                                                                                                                                                                                                                  
</div>
                                                                                                                                                                           
<div style="display: none;" id="parceiros">
                                                                             <br /> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" border="0" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" border="0" /></a> <a href="/t2040-"><img style="width: 88px; height: 40px;" src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" border="0" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" border="0" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="" style="width: 88px; height: 40px;" /></a><a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a target="_blank" href="/t2040-"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" class="postlink"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a>                                         
</div>
                                          <style>
.webstore-button.webstore-A-B-C {
background-color: #D49000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
    background-image: linear-gradient(top,#5689DB0%,#4D7BD6100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    padding-bottom: 4px;
border-color: #D49000;
}
.webstore-A-L-i-J-B-K {
height:28px;
min-width:170px;
font-size:11px;
line-height:28px;
}
.webstore-button {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid;
-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:0;
cursor:pointer;
color:#fff;
font-size:13px;
font-weight:700;
text-align:center;
text-shadow:0 1px 1px rgba(0,0,0,0.1);
text-transform:uppercase;
padding:0 4px;
}
.webstore-A-B-eb-I {
width:19px;
height:17px;
background:url();
}
.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-B-o {
direction:ltr;
line-height:0;
margin:auto;
}
.webstore-rb-Gc
.webstore-fd-rb {
font-family:'Open Sans',arial,sans-serif;
font-size:14px;
}
.webstore-button.webstore-A-B-C:hover {
background-color: #2A2C33;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
    background-image: linear-gradient(top,#669EFF0%,#5286FF100%);
    border-color: #535353;
}
#parceiros {
width:180px;
text-align:center;
margin-left: auto;
margin-right: auto;
}
#parceiros img {
opacity:.5;
}
#parceiros img:hover {
opacity:1;
}
</style>                                                                                                                                                                                                                         


Última edição por IsmaelS. em 18/03/17, 10:28 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Ajustar widget de parcerias

Mensagem por while em 18/03/17, 06:39 pm

Olá autor, boa tarde.

Troque o código por:

Código:
                                                                                                                                     
<div style="margin:auto;text-align:center;width:100%">
                                                                    <img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="" border="0" /><br /><strong><a href="/t609-">Deseja ser nosso parceiro?<br />Clica aqui!</a></strong>                                   
</div>
                                                                                                          <script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle('slow');});});</script><br />                                                                                                         
<div id="abrir-parc" tabindex="0" style="-webkit-user-select: none;" 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" role="button">
                                                                                                                                                                                                                                   
  <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 id="abrir-parc" class="webstore-A-B-H webstore-test-button-label">
                                                                                                                              ABRIR AS PARCERIAS                                                                                                                   
      </div>
                                                                                                                                                                                                                                           
  </div>
                                                                                                                                                                                                                                 
</div>
                                                                                                                                                                           
<div style="display: none;" id="parceiros">
                                                                            <br /> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" border="0" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" border="0" /></a> <a href="/t2040-"><img style="width: 88px; height: 40px;" src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" border="0" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" border="0" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="" style="width: 88px; height: 40px;" /></a><a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" target="_blank"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a target="_blank" href="/t2040-"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a> <a href="/t2040-" class="postlink"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" style="width: 88px; height: 40px;" /></a>                                         
</div>
                                          <style>
.webstore-button.webstore-A-B-C {
background-color: #3091C1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
    background-image: linear-gradient(top,#5689DB0%,#4D7BD6100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    padding-bottom: 33px;
border-color: #3091C1;
}
.webstore-A-L-i-J-B-K {
height:28px;
min-width:170px;
font-size:11px;
line-height:28px;
}
.webstore-button {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid;
-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:0;
cursor:pointer;
color:#fff;
font-size:13px;
font-weight:700;
text-align:center;
text-shadow:0 1px 1px rgba(0,0,0,0.1);
text-transform:uppercase;
padding:0 4px;
}
.webstore-A-B-eb-I {
width:19px;
height:17px;
background:url();
}
.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-B-o {
direction:ltr;
line-height:0;
margin:auto;
}
.webstore-rb-Gc
.webstore-fd-rb {
font-family:'Open Sans',arial,sans-serif;
font-size:14px;
}
.webstore-button.webstore-A-B-C:hover {
background-color: #2A2C33;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
    background-image: linear-gradient(top,#669EFF0%,#5286FF100%);
    border-color: #535353;
}
#parceiros {
width:180px;
text-align:center;
margin-left: auto;
margin-right: auto;
}
#parceiros img {
opacity:.5;
}
#parceiros img:hover {
opacity:1;
}
</style>                                                                                                                                                                                                                       

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Ajustar widget de parcerias

Mensagem por IsmaelS. em 18/03/17, 10:28 pm

Resolvido obrigado!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar widget de parcerias

Mensagem por while em 19/03/17, 05:00 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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