Ajustar widget de parcerias

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>                                                                                                                                                                                                                         

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.

Resolvido obrigado!