Retirar borda e alinhar widget

3 participantes

Ir para baixo

Tópico resolvido Retirar borda e alinhar widget

Mensagem 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>
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: Retirar borda e alinhar widget

Mensagem 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. Feliz
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Retirar borda e alinhar widget

Mensagem por IsmaelS. 19.12.15 23:38

Ainda aparece algo muito claro mas aparece.
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: Retirar borda e alinhar widget

Mensagem 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. Feliz
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Retirar borda e alinhar widget

Mensagem por IsmaelS. 19.12.15 23:45

Agora sim obrigado amigo!
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: Retirar borda e alinhar widget

Mensagem por MateusAnjosV 21.12.15 15:10

Retirar borda e alinhar widget 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".
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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