Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Retirar borda e alinhar widget
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Retirar borda e alinhar widget
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>
Re: Retirar borda e alinhar widget
Olá,
Tente adicionar ao seu CSS:
Abraços.
Tente adicionar ao seu CSS:
- Código:
.module.main > .main-content > .main-content {
border: none;
}
.module.main #parceiros {
margin: 0 auto;
}
Abraços.
Re: Retirar borda e alinhar widget
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:
Abraços.
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.
Re: Retirar borda e alinhar widget
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Retirar borda em widget
» Como alinhar imagem da categoria à borda do forum?
» Alinhar widget
» Alinhar widget com categorias
» Retirar borda da categoria
» Como alinhar imagem da categoria à borda do forum?
» Alinhar widget
» Alinhar widget com categorias
» Retirar borda da categoria
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos