Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Efeito nos grupos
Hoje à(s) 10:27 pm por Matt Shultz

» Menu & Fundo
Hoje à(s) 10:25 pm por Matt Shultz

» Logo fixo
Hoje à(s) 10:23 pm por Eduardo Lima

» Ajuste no código do menu
Hoje à(s) 09:51 pm por Harleen

» Rank para meu fórum
Hoje à(s) 09:50 pm por Railison Ramon

» Botões em Determinados Tópicos
Hoje à(s) 09:12 pm por Luiz

» Categorias e menu
Hoje à(s) 08:32 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 
AlexG
 

Quem está conectado
263 usuários online :: 10 usuários cadastrados, 2 Invisíveis e 251 Visitantes :: 2 Motores de busca

Harleen, Heikki, Hyouran, iScroll, Luiz, Matt Shultz, Railison Ramon, ranzatti, soldado, T1ag0

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Retirar borda e alinhar widget

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

Resolvido Retirar borda e alinhar widget

Mensagem por IsmaelS. em 19/12/15, 09:25 pm

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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif" 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://illiweb.com/fa/pbucket.gif" /></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>

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Retirar borda e alinhar widget

Mensagem por Kyo Panda em 19/12/15, 09:33 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5784

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Retirar borda e alinhar widget

Mensagem por IsmaelS. em 19/12/15, 09:38 pm

Ainda aparece algo muito claro mas aparece.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Retirar borda e alinhar widget

Mensagem por Kyo Panda em 19/12/15, 09:42 pm

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
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5784

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Retirar borda e alinhar widget

Mensagem por IsmaelS. em 19/12/15, 09:45 pm

Agora sim obrigado amigo!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2946
Pontos Ativos : 4084

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Retirar borda e alinhar widget

Mensagem por MateusAnjosV em 21/12/15, 01:10 pm

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

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1434
Pontos Ativos : 2003

Ver perfil do usuário http://ajuda.forumeiros.com/

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