Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Arrumar esse bug aqui
+3
Consolado
LucaaS Sizanoski
Alex Habilidade
7 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
Arrumar esse bug aqui
Qual é minha questão:
Como podem observar na imagem esta bugado à parte que mostra o caminho que fiz no fórum, os nomes dos caminhos não ficam encaixados no quadrado corretamente vejam: https://i.servimg.com/u/f49/14/99/55/84/bug10.jpg
Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx
Versão do fórum:
PUNBB
Como podem observar na imagem esta bugado à parte que mostra o caminho que fiz no fórum, os nomes dos caminhos não ficam encaixados no quadrado corretamente vejam: https://i.servimg.com/u/f49/14/99/55/84/bug10.jpg
Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx
Versão do fórum:
PUNBB
Re: Arrumar esse bug aqui
Tente Substituir Seu Codigo Por Esse -
(CSS)
(CSS)
- Código:
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
LucaaS Sizanoski- ***
- Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238
Re: Arrumar esse bug aqui
Olá!
Remova esse código de sua CSS:
Remova esse código de sua CSS:
- Código:
.crumbs a{-moz-border-radius:3px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);-webkit-border-radius:3px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);background:-moz-linear-gradient(0%0%270deg,#FEFEFE,#f0f0f0);border:solid 1px silver;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);color:#717171;font-size:.875em;font-weight:700;margin-right:4px;padding:2px 5px;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,1)}
- Código:
.crumbs a{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;color:#777!important;font-size:10px;line-height:30px;padding:11px 17px 11px 4px}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Arrumar esse bug aqui
Today escreveu:Olá!
Remova esse código de sua CSS:Depois aplique esse:
- Código:
.crumbs a{-moz-border-radius:3px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);-webkit-border-radius:3px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);background:-moz-linear-gradient(0%0%270deg,#FEFEFE,#f0f0f0);border:solid 1px silver;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);color:#717171;font-size:.875em;font-weight:700;margin-right:4px;padding:2px 5px;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,1)}
Melhores cumprimentos.
- Código:
.crumbs a{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;color:#777!important;font-size:10px;line-height:30px;padding:11px 17px 11px 4px}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}
O código que voce pediu para eu remover não tem em meu CSS.
Re: Arrumar esse bug aqui
Mikéé escreveu:Olá autor,
Mande-nós o código usado por gentileza.
Até mais.
Creio que o código do meu css que faça esse efeito seja esse rs:
- Código:
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
Outro código que tem em meu css que não me recordo para quer serve é esse:
- Código:
.pun-crumbs, #pun-crumbs {
margin: 0 1px 1em;
padding: .2em 1em;}
.pun-crumbs p, #pun-crumbs p {
font-size: 1.11em;
line-height: 1.5;
margin: 0;}
.crumbs a{
padding: 2px 5px;
margin-right: 4px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: solid 1px #c0c0c0;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);}
.pun-crumbs .crumbs strong a{
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
-moz-box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
-webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0 !important;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);}
#pun-crumbs .crumbs strong a:last-child{
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
-moz-box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
-webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0 !important;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);}
Re: Arrumar esse bug aqui
Retire Seu Codigo E Coloque Esse
- Código:
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
LucaaS Sizanoski- ***
- Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238
Re: Arrumar esse bug aqui
Olá!
Remova os dois códigos CSS citados acima por você e substitua por esse:
Remova os dois códigos CSS citados acima por você e substitua por esse:
- Código:
.crumbs a{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;color:#777!important;font-size:10px;line-height:30px;padding:11px 17px 11px 4px}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Arrumar esse bug aqui
Today escreveu:Olá!
Remova os dois códigos CSS citados acima por você e substitua por esse:Melhores cumprimentos.
- Código:
.crumbs a{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;color:#777!important;font-size:10px;line-height:30px;padding:11px 17px 11px 4px}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}
Veja como ficou: https://i.servimg.com/u/f49/14/99/55/84/erro11.jpg
Re: Arrumar esse bug aqui
Olá!
Adicione esse outro código CSS:
Adicione esse outro código CSS:
- Código:
.pun-crumbs { -moz-border-radius: 3px; -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px; -webkit-border-radius: 3px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px; background: #F3F3F3; border: 1px solid #D9D9D9; border-radius: 3px; box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px; margin-top: 10px; } p.crumbs { color: #F3F3F3; } .pun-crumbs p { color: #666; font-size: 1.11em; line-height: 1.5; margin: 0; } p.crumbs a { background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px; color: #777!important; font-size: 10px; line-height: 30px; padding: 11px 17px 11px 4px}
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Arrumar esse bug aqui
Olá,
Ta quase lá, agora só falta os links se encaixarem corretamente no quadro veja:
https://i.servimg.com/u/f49/14/99/55/84/assim17.jpg
Ta quase lá, agora só falta os links se encaixarem corretamente no quadro veja:
https://i.servimg.com/u/f49/14/99/55/84/assim17.jpg
Re: Arrumar esse bug aqui
Olá amigo , adicione no inicio do seu css
Resulta ? Até Mais , Cordialmente iFasT
- Código:
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
Resulta ? Até Mais , Cordialmente iFasT
LucaaS Sizanoski- ***
- Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238
Re: Arrumar esse bug aqui
Olá
Agradeço por esta tentando me ajudar iFasT, mais o código que me passou não resultou.
Agradeço por esta tentando me ajudar iFasT, mais o código que me passou não resultou.
Re: Arrumar esse bug aqui
Coloque codigo que forneci a cima no inicio da css e marque - Sim ' Melhorar CSS '
Resulta ? Até Mais ,
Obs - Retire Todos Os Codigos Envolvidos com essa questão .
Até Mais ,
Resulta ? Até Mais ,
Obs - Retire Todos Os Codigos Envolvidos com essa questão .
Até Mais ,
LucaaS Sizanoski- ***
- Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238
Re: Arrumar esse bug aqui
Ola Amigo
tente este codigo
tente este codigo
- Spoiler:
- .pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(https://i.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
Re: Arrumar esse bug aqui
Olá!
Remova todos os códigos que envolvam essa questão e utilize esse código CSS:
Remova todos os códigos que envolvam essa questão e utilize esse código CSS:
- Código:
.pun-crumbs{margin:0 1px 1em;padding:.2em 1em}.pun-crumbs p{color:#666;font-size:1.11em;line-height:1.5;margin:0}.pun-crumbs a{text-decoration:none}.pun .pun-crumbs .crumbs{font-size:.8em}.pun .pun-crumbs .crumbs a{margin:0 1.25em 0 .5em}.pun-crumbs{-moz-border-radius:3px;-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;-webkit-border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;background:#F3F3F3;border:1px solid #D9D9D9;border-radius:3px;box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px;margin-top:10px}p.crumbs a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;color:#777!important;font-size:10px;line-height:30px;padding:11px 17px 11px 4px}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Arrumar esse bug aqui
Olá,
Adicione este código:
Atenciosamente.
Adicione este código:
- Código:
.pun-crumbs { -moz-border-radius: 3px; -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px; -webkit-border-radius: 3px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px; background: #F3F3F3; border: 1px solid #D9D9D9; border-radius: 3px; box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px; margin-top: 10px; } p.crumbs { color: #F3F3F3; } .pun-crumbs p { color: #666; font-size: 1.11em; line-height: 1.5; margin: 0; } p.crumbs a { background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px; color: #777!important; font-size: 10px; line-height: 30px; padding: 11px 17px 11px 4px}.pun-crumbs noprint{display: none;}
Atenciosamente.
Re: Arrumar esse bug aqui
Olá!
Utilize esse código CSS:
Até mais.
Utilize esse código CSS:
- Código:
div.pun-crumbs.noprint{font-size:0px;height:32px}div.pun-crumbs.noprint p.crumbs{display:inline}div.pun-crumbs.noprint a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;color:#777!important;font-size:11px;line-height:30px;padding:9px 19px 11px 10px;font-weight:normal}div.pun-crumbs.noprint p.crumbs a.nav:last-child{display:none}div.pun-crumbs.noprint strong a{background:url() transparent}
Até mais.
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