Aparência do widget Parceiras
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Aparência do widget Parceiras
Saudações queridos Ajudeiros,
Eu queria disto esse widget,
http://prntscr.com/7wy00w
Eu vi no http://nolabels.forumeiros.com/
Obrigado,
Eu queria disto esse widget,
http://prntscr.com/7wy00w
Eu vi no http://nolabels.forumeiros.com/
Obrigado,
Re: Aparência do widget Parceiras
Olá!
Aqui está o código do widget:
Cumprimentos.
Fraise
Aqui está o código do widget:
- Código:
<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://avatar-bonds.forumeiros.com" target="_blank"><img src="http://i.imgur.com/nuJtbD8.gif" alt="Avatar Bonds RPG" style="width: 120px; height: 60px;" /></a><br /><a href="http://world-dw.forumeiros.com/" target="_blank"><img src="http://i.imgur.com/GsDz9pF.gif" alt="DW Animes" style="width: 120px; height: 60px;" /></a><br /><a href="http://rpgamalgama.forumeiros.com/" target="_blank"><img src="http://i.imgur.com/OihkJYp.png" alt="" style="width: 120px; height: 60px;" /></a><br /><a href="http://www.holkis.net" target="_blank"><img src="http://i.imgur.com/58tNGKB.gif" alt="" style="width: 120px; height: 60px;" /></a><br /><a href="http://fumetteiros.omeuforum.net/" target="_blank"><img src="http://i.imgur.com/DVq48Ws.png" alt="" style="width: 120px; height: 60px;" /></a><br /><a href="http://nolabels.forumeiros.com/privmsg?mode=post&u=2" target="_blank"><img src="http://i.imgur.com/TMGf7Hc.png" alt="" style="width: 120px; height: 60px;" /></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;
}
</style>
Cumprimentos.
Fraise
Re: Aparência do widget Parceiras
Saudações querido Ajudeiro,
Pode fechar este tópico,
meu brother ou meu queijinho
Até,
Pode fechar este tópico,
meu brother ou meu queijinho
Até,
Re: Aparência do widget Parceiras
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos