Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Widget de Parceiros

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Ir para baixo

Tópico resolvido Widget de Parceiros

Mensagem por IsmaelS. 19.12.15 1:43

Detalhes da questão


Endereço do fórum: http://zonagrafica.forumeiro.com/
Versão do fórum: PunBB

Descrição


Gostava de saber o código do widget de Parceiros deste fórum:
- http://kdabra.forumbrasil.net/
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por xBullet_Storm 19.12.15 1:55

Cria um widget com este codigo abaixo:
Código:
<div class="main-content clearfix">

<script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle('fast');});});</script>        <br>                 
  <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">
                              Parceiros                 
        </div>
                                           
      </div>
                                         
  </div>
                            <br><br>                 
  <div id="parceiros" style="">
                                         
      <div align="center">
<a href="http://debates-so.forumeiros.com"><img src="http://i.imgur.com/EPXXKoT.png"></a>
<a target="_blank" href="http://animangaonline.ativoforum.com/"><img style="width: 150px; height: 70px;" alt="Fórum grátis" src="http://i.imgur.com/d7VQwrY.jpg"></a>
<a href="http://master-publicitario.forumeiros.com/"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="MP" title="master-publicitario.forumeiros.com"></a>
<a href="http://fumetteiros.omeuforum.net" target="_blank"><img src="http://i.imgur.com/QEJnmuw.png" title="Conheça mundo da diversão!"></a>
<a href="http://narutorpg-sk.forumeiros.com"><img src="http://i.imgur.com/Oy1O0Cf.gif" alt="NR" title="narutorpg-sk.forumeiros.com"></a>        <div id="FM_widget_partners">
                                               
        </div>
                                           
      </div>
                                           
  </div>
                            <br>        <style>




        .webstore-button.webstore-A-B-C {
        border-color: #D10A00;
        background-color: #D10A00;
        background-image: -moz-linear-gradient(top,#ff251a 0%,#d10a00 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d10a00),color-stop(100%,#d10a00));
        background-image: -webkit-linear-gradient(top,#ff251a 0%,#d10a00 100%);
        background-image: -o-linear-gradient(top,#ff251a 0%,#d10a00 100%);
        background-image: -ms-linear-gradient(top,#ff251a 0%,#d10a00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff251a,endColorstr=#d10a00,GradientType=0);
        background-image: linear-gradient(top,#ff251a 0%,#d10a00 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: 160px;
        }
        .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;
        -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: #ff6429;
        background-color: #f25316;
        background-image: -moz-linear-gradient(top,#ff6429 0%,#f25316 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff6429),color-stop(100%,#f25316));
        background-image: -webkit-linear-gradient(top,#ff6429 0%,#f25316 100%);
        background-image: -o-linear-gradient(top,#ff6429 0%,#f25316 100%);
        background-image: -ms-linear-gradient(top,#ff6429 0%,#f25316 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6429,endColorstr=#f25316,GradientType=0);
        background-image: linear-gradient(top,#ff6429 0%,#f25316 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;
        }
        @-moz-keyframes marqueeAnimation-9042410  { 100%  {margin-top:-811px}}</style>
</div>

Para que o modo hover funcione adicione este codigo javascript
Código:
jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle('fast');});});
xBullet_Storm
xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por IsmaelS. 19.12.15 2:04

É possível deixar fechado quando se atualiza a página?
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por xBullet_Storm 19.12.15 2:18

Mude o codigo do seu widget para este
Código:
<div class="main-content clearfix">
    <script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle('fast');});});</script>        <br />                   
   <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">
                                          Parceiros                         
         </div>
                                                          
      </div>
                                                 
   </div>
                               <br /><br />                   
   <div id="parceiros" style="display: none;">
                                                     
      <div align="center"><a href="http://debates-so.forumeiros.com"><img src="http://i.imgur.com/EPXXKoT.png" /></a><a target="_blank" href="http://animangaonline.ativoforum.com/"><img style="width: 150px; height: 70px;" alt="Fórum grátis" src="http://i.imgur.com/d7VQwrY.jpg" /></a><a href="http://master-publicitario.forumeiros.com/"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="MP" title="master-publicitario.forumeiros.com" /></a><a href="http://fumetteiros.omeuforum.net" target="_blank"><img src="http://i.imgur.com/QEJnmuw.png" title="Conheça mundo da diversão!" /></a><a href="http://narutorpg-sk.forumeiros.com"><img src="http://i.imgur.com/Oy1O0Cf.gif" alt="NR" title="narutorpg-sk.forumeiros.com" /></a>       
         <div id="FM_widget_partners">
                                                                   
         </div>
                                                          
      </div>
                                                   
   </div>
                               <br />        <style>




        .webstore-button.webstore-A-B-C {
        border-color: #D10A00;
        background-color: #D10A00;
        background-image: -moz-linear-gradient(top,#ff251a 0%,#d10a00 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d10a00),color-stop(100%,#d10a00));
        background-image: -webkit-linear-gradient(top,#ff251a 0%,#d10a00 100%);
        background-image: -o-linear-gradient(top,#ff251a 0%,#d10a00 100%);
        background-image: -ms-linear-gradient(top,#ff251a 0%,#d10a00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff251a,endColorstr=#d10a00,GradientType=0);
        background-image: linear-gradient(top,#ff251a 0%,#d10a00 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: 160px;
        }
        .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;
        -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: #ff6429;
        background-color: #f25316;
        background-image: -moz-linear-gradient(top,#ff6429 0%,#f25316 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff6429),color-stop(100%,#f25316));
        background-image: -webkit-linear-gradient(top,#ff6429 0%,#f25316 100%);
        background-image: -o-linear-gradient(top,#ff6429 0%,#f25316 100%);
        background-image: -ms-linear-gradient(top,#ff6429 0%,#f25316 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6429,endColorstr=#f25316,GradientType=0);
        background-image: linear-gradient(top,#ff6429 0%,#f25316 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;
        }
        @-moz-keyframes marqueeAnimation-9342270  { 100%  {margin-top:-811px}}</style>
</div>
xBullet_Storm
xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por IsmaelS. 19.12.15 2:45

Tentei retirar o sinal "+" sem danificar, mas bugava sempre será que conseguia, neste código:
Código:
<div class="module main">
                                                              
   <div class="main-head">
                                                                     
      <div class="h3">
                                       <em class="fa fa-joomla"> </em>  PARCERIAS                           
      </div>
                                                                     
   </div>
                                                                  
   <div class="main-content clearfix">
                      <script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle('fast');});});</script>        <br />                                   
      <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">
                                                                     ABRIR AS PARCERIAS                                               
            </div>
                                                                                                       
         </div>
                                                                                        
      </div>
                                  <br />                                           
      <div id="parceiros" style="display: none;">
                                                                                              
         <div align="center">
                        <a href="http://debates-so.forumeiros.com"><img src="http://i.imgur.com/EPXXKoT.png" /></a><a target="_blank" href="http://animangaonline.ativoforum.com/"><img style="width: 150px; height: 70px;" alt="Fórum grátis" src="http://i.imgur.com/d7VQwrY.jpg" /></a><a href="http://master-publicitario.forumeiros.com/"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="MP" title="master-publicitario.forumeiros.com" /></a><a href="http://fumetteiros.omeuforum.net" target="_blank"><img src="http://i.imgur.com/QEJnmuw.png" title="Conheça mundo da diversão!" /></a><a href="http://narutorpg-sk.forumeiros.com"><img src="http://i.imgur.com/Oy1O0Cf.gif" alt="NR" title="narutorpg-sk.forumeiros.com" /></a>                             
            <div id="FM_widget_partners">
                                                                                                                
            </div>
                                                                                               
         </div>
                                                                                      
      </div>
                                                    <style>

        .webstore-button.webstore-A-B-C {
border-color: #D69200;
    background-color: #FBA700;
    background-image: -moz-linear-gradient(top,#ff251a 0%,#d10a00 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEA900),color-stop(100%,#FBA700));
    background-image: -webkit-linear-gradient(top,#FEA900 0%,#D69200 100%);
    background-image: -o-linear-gradient(top,#ff251a 0%,#d10a00 100%);
    background-image: -ms-linear-gradient(top,#ff251a 0%,#d10a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff251a,endColorstr=#d10a00,GradientType=0);
    background-image: linear-gradient(top,#ff251a 0%,#d10a00 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: 160px;
        }
        .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;
        -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: #D69200;
    background-color: #FEA900;
    background-image: -moz-linear-gradient(top,#ff6429 0%,#f25316 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D69200),color-stop(100%,#FEA900));
    /* background-image: -webkit-linear-gradient(top,#ff6429 0%,#f25316 100%); */
    background-image: -o-linear-gradient(top,#ff6429 0%,#f25316 100%);
    background-image: -ms-linear-gradient(top,#ff6429 0%,#f25316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6429,endColorstr=#f25316,GradientType=0);
}
        #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;
        }
        @-moz-keyframes marqueeAnimation-9342270  { 100%  {margin-top:-811px}}</style>         
   </div>
                                                            
</div>
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por xBullet_Storm 19.12.15 2:47

Voce deseja trocar ou remover o botao "+ Parceiros"?
xBullet_Storm
xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por IsmaelS. 19.12.15 3:02

Só quero retirar o "+" mais nada:
Código:
<div class="module main">
                                                             
  <div class="main-head">
                                                                     
      <div class="h3">
                                      <em class="fa fa-joomla"> </em>  PARCERIAS                           
      </div>
                                                                     
  </div>
                                                                 
  <div class="main-content clearfix">
                      <script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle('fast');});});</script>        <br />                                 
      <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">
                                                                    ABRIR AS PARCERIAS                                               
            </div>
                                                                                                       
        </div>
                                                                                       
      </div>
                                  <br />                                           
      <div id="parceiros" style="display: none;">
                                                                                             
        <div align="center">
                        <a href="http://debates-so.forumeiros.com"><img src="http://i.imgur.com/EPXXKoT.png" /></a><a target="_blank" href="http://animangaonline.ativoforum.com/"><img style="width: 150px; height: 70px;" alt="Fórum grátis" src="http://i.imgur.com/d7VQwrY.jpg" /></a><a href="http://master-publicitario.forumeiros.com/"><img src="http://i21.servimg.com/u/f21/16/43/60/45/125x6510.png" alt="MP" title="master-publicitario.forumeiros.com" /></a><a href="http://fumetteiros.omeuforum.net" target="_blank"><img src="http://i.imgur.com/QEJnmuw.png" title="Conheça mundo da diversão!" /></a><a href="http://narutorpg-sk.forumeiros.com"><img src="http://i.imgur.com/Oy1O0Cf.gif" alt="NR" title="narutorpg-sk.forumeiros.com" /></a>                             
            <div id="FM_widget_partners">
                                                                                                               
            </div>
                                                                                               
        </div>
                                                                                     
      </div>
                                                    <style>

        .webstore-button.webstore-A-B-C {
border-color: #D69200;
    background-color: #FBA700;
    background-image: -moz-linear-gradient(top,#ff251a 0%,#d10a00 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEA900),color-stop(100%,#FBA700));
    background-image: -webkit-linear-gradient(top,#FEA900 0%,#D69200 100%);
    background-image: -o-linear-gradient(top,#ff251a 0%,#d10a00 100%);
    background-image: -ms-linear-gradient(top,#ff251a 0%,#d10a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff251a,endColorstr=#d10a00,GradientType=0);
    background-image: linear-gradient(top,#ff251a 0%,#d10a00 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: 160px;
        }
        .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;
        -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: #D69200;
    background-color: #FEA900;
    background-image: -moz-linear-gradient(top,#ff6429 0%,#f25316 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D69200),color-stop(100%,#FEA900));
    /* background-image: -webkit-linear-gradient(top,#ff6429 0%,#f25316 100%); */
    background-image: -o-linear-gradient(top,#ff6429 0%,#f25316 100%);
    background-image: -ms-linear-gradient(top,#ff6429 0%,#f25316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6429,endColorstr=#f25316,GradientType=0);
}
        #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;
        }
        @-moz-keyframes marqueeAnimation-9342270  { 100%  {margin-top:-811px}}</style>         
  </div>
                                                           
</div>
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por xBullet_Storm 19.12.15 3:04

Se for para remover somente o botao "+" procure por esta url

Código:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABMAAAARAMNJ7iwAAACPSURBVCjPjZJRDsMgDENfCAfY1+5/vh2g0iRI9gG0AbUa/glGiWMZxNlB2urabcutyDnmFUAUaxc+q3WPSqiX77DUI0+xafHmD2eQRqV7WiHqFtWUe+i89CmYNAWCyYsMJP8AyBsDyohltFUOUuAHBTDqojbmOgrfm93/kBfePJZF+8ztUlcSRp3fVPb+2w/RaCkkhrW/agAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=

ela vai estar da seguinte maneira

Código:
 .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=);
        }

Deixe ela assim
Código:
.webstore-A-B-eb-I {
        width: 19px;
        height: 17px;
        }
xBullet_Storm
xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por IsmaelS. 19.12.15 4:38

Perfeito amigo obrigado e resolvido!
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por xBullet_Storm 19.12.15 5:21

Nao foi nada amigo!
xBullet_Storm
xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Parceiros

Mensagem por Shek 19.12.15 5:25

Obrigado por sua ajuda xBullet_Storm Muito feliz
Widget de Parceiros Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
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

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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