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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Botão Thanks na área errada
Hoje à(s) 9:16 por EsromG5

» Conteúdo dos perfis não aparecem
Hoje à(s) 2:10 por Lemon~

» Últimos temas no fórum
Hoje à(s) 2:09 por Kyo Panda

» Login na versão mobile
Hoje à(s) 1:11 por Kyo Panda

» Mudando a aparência da lista de fóruns
Hoje à(s) 0:58 por Kyo Panda

» Personalizar SCeditor
Hoje à(s) 0:43 por Kyo Panda

» Postar em ajax com avisos
Hoje à(s) 0:34 por Lineshooter

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
99 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 96 Visitantes :: 2 Motores de busca

BichodoMato, Dj Kay, Jefferson105

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sab 19 Dez 2015 - 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>

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5090

http://suportedesign.forumeiros.com/
  • 0

Resolvido Re: Retirar borda e alinhar widget

Mensagem por Kyo Panda em Sab 19 Dez 2015 - 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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1449
Pontos Ativos : 3990

http://ajuda.forumeiros.com

Resolvido Re: Retirar borda e alinhar widget

Mensagem por IsmaelS. em Sab 19 Dez 2015 - 23:38

Ainda aparece algo muito claro mas aparece.

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5090

http://suportedesign.forumeiros.com/

Resolvido Re: Retirar borda e alinhar widget

Mensagem por Kyo Panda em Sab 19 Dez 2015 - 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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1449
Pontos Ativos : 3990

http://ajuda.forumeiros.com

Resolvido Re: Retirar borda e alinhar widget

Mensagem por IsmaelS. em Sab 19 Dez 2015 - 23:45

Agora sim obrigado amigo!

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5090

http://suportedesign.forumeiros.com/

Resolvido Re: Retirar borda e alinhar widget

Mensagem por MateusAnjosV em Seg 21 Dez 2015 - 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".

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2395

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5