Como fazer parceiros assim?

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

Resolvido Como fazer parceiros assim?

Mensagem por baby toryama em 02/05/13, 06:28 pm

Qual é minha questão:
Ele fica fechado e quando agente clica o widget se abre com todos os parceiros


vi do forum: http://www.suportedesign.net/forum#axzz2SAbqD5aR

Endereço do meu fórum:
http://supersonicgamemaker.forumeiros.eu

Versão do fórum:
INVISION
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum
  • 0

Resolvido Re: Como fazer parceiros assim?

Mensagem por Diehl em 02/05/13, 06:43 pm

Utilize o segundo código no teu widget de parceiros.
Código:

<center><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;">

AQUI COLOQUE OS BOTÕES/LINKS DOS TEUS PARCEIROS


</div>
        <br>
        <style>




        .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: #ff0000;
        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>
avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Como fazer parceiros assim?

Mensagem por baby toryama em 02/05/13, 06:48 pm

valeu,consegui
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

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