Como fazer parceiros assim?

Item: Como fazer parceiros assim?
Rating: 1

por baby toryama 02.05.13 22:28

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

Como fazer parceiros assim? NwpJ8SM

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

por Diehl 02.05.13 22:43

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>

por baby toryama 02.05.13 22:48

valeu,consegui

Como fazer parceiros assim?

Como fazer parceiros assim?

Re: Como fazer parceiros assim?

Re: Como fazer parceiros assim?