Retirar borda e alinhar widget

por IsmaelS. 19.12.15 23:25

Detalhes da questão

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

Descrição

Bem estava a alterar o widget de Parcerias, só que agora aparece uma "borda" no interior e eu apenas queria a do widget por fora, e também queria centrar o botão e os banners que estão dentro.

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"> <div class="main-content clearfix"> <div style="margin:auto;text-align:center;width:100%"> <img border="0" src="http://i.imgur.com/JH5NaqE.gif" alt="" /><br /><strong><a href="#">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="http://www.fairytailadventure.net" class="postlink"><img src="http://img15.hostingpics.net/pics/425697Bottonfairytail.gif" alt="" border="0" /></a> <a href="http://bulbarpg.forumeiros.com/" target="_blank"><img src="http://i.imgur.com/Z05V60K.png" border="0" style="width: 88px; height: 31px;" /></a> <a href="http://master-publicitario.forumeiros.com/" target="_blank"><img src="http://i.imgur.com/wWB4SkD.png" border="0" style="width: 88px; height: 31px;" /></a> <a href="http://rpgamalgama.forumeiros.com/"><img style="width: 88px; height: 31px;" src="http://i.imgur.com/OihkJYp.png" /></a> <a href="http://naruto-survival.forumeiros.com" target="_blank"><img src="http://s3.uploads.im/2K1TR.gif" border="0" style="width: 88px; height: 31px;" /></a> <a href="http://fairytailcelestial.forumeiros.com/" target="_blank"><img src="http://i.imgur.com/9aBThET.jpg" border="0" style="width: 88px; height: 31px;" /></a> <a href="http://www.pokemonrealforcerpg.com/forum" target="_blank"><img src="http://i.imgur.com/Oz3IKaq.gif" alt="Fórum grátis" style="width: 88px; height: 31px;" /></a><a href="http://pokemyrpg.forumeiros.com/" class="postlink"><img src="http://i.imgur.com/dr4ywSH.gif" alt="Pokémon Mythology RPG" border="0" /></a> <a href="http://avatar-bonds.forumeiros.com/forum" target="_blank"><img src="http://i.imgur.com/nuJtbD8.gif" alt="Fórum grátis" style="width: 88px; height: 31px;" /></a> <a href="http://ssthemythsoflegends.livreforum.com/" target="_blank"><img src="http://i.imgur.com/ePNy0i0.gif" style="width: 88px; height: 31px;" /></a> <a href="http://narutowarz.ativoforum.com" target="_blank"><img src="http://i1226.photobucket.com/albums/ee420/DarkCrazyKid/NWZ-partner-banner_zps288498b7.gif" style="width: 88px; height: 31px;" /></a> <a href="naruto-sp.forumeiros.com" target="_blank"><img src="http://i.imgur.com/n970e3i.gif" style="width: 88px; height: 31px;" /></a> <a href="http://animesplus.com.br/forum/index.php" target="_blank"><img src="http://s12.postimg.org/ku7aqq5cp/animesplus_stamp_sakura.jpg" style="width: 88px; height: 31px;" /></a> <a href="http://rpghogwartsschool.criaforum.com/" target="_blank"><img src="http://i.imgur.com/G0ipJeM.png" style="width: 88px; height: 31px;" /></a> <a target="_blank" href="http://www.lodossrpg.com"><img src="http://i346.photobucket.com/albums/p426/etrurio/Buton-88x31_zps29b323f9.jpg" style="width: 88px; height: 31px;" /></a> <a href="http://www.centralanimania.com.br/" class="postlink"><img src="http://i.imgur.com/EuQPDan.gif" style="width: 88px; height: 31px;" /></a> <a target="_blank" href="http://ghostsofolympus.jcink.net/index.php?act=idx"><img style="width: 88px; height: 31px;" border="0" src="http://i1194.photobucket.com/albums/aa374/Nimbus5/GoO%20Geral/goobutton.jpg_zpshjzkj6vt.png" /></a> <a href="http://caelum-online.forumeiros.com/forum" class="postlink"><img src="http://i.imgur.com/x8LsY4x.gif" border="0" alt="" /></a> </div> <style> .webstore-button.webstore-A-B-C { background-color: #FEA900; 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: #D69200; } .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: #FEA900; } #parceiros { width:180px; text-align:center; } #parceiros img { opacity:.5; } #parceiros img:hover { opacity:1; } </style> </div> </div> </div>

por Kyo Panda 19.12.15 23:33

Olá,

Tente adicionar ao seu CSS:

Código:: .module.main > .main-content > .main-content { border: none; } .module.main #parceiros { margin: 0 auto; }

Abraços.

por IsmaelS. 19.12.15 23:38

Ainda aparece algo muito claro mas aparece.

por Kyo Panda 19.12.15 23:42

Perdão, meu monitor é abismal, logo não aparece nada... HUE

Mas pelo CSS dá para ter uma ideia do que é. Logo, troque o CSS:

Código:: .module.main > .main-content > .main-content { border: none; box-shadow: none; } .module.main #parceiros { margin: 0 auto; }

Abraços.

por IsmaelS. 19.12.15 23:45

Agora sim obrigado amigo!

por MateusAnjosV 21.12.15 15:10

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Retirar borda e alinhar widget