Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Personalizar os fóruns

+3
StyLe®
Ace
BrunoH.
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

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

Membro Entusiasta

Tópico resolvido Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 16:13

Qual é minha questão:
Olá a todos, não preciso dizer nada, a imagem já diz tudo:
Personalizar os fóruns NOIa2
Fórum que vi isto: http://spdesign.ativoforum.com/

Links e imagens do meu problema:
https://i.imgur.com/NOIa2.png

Endereço do meu fórum:
http://bcvgames.forumbrasil.net/

Versão do meu fórum:
PHPBB3


Última edição por Dr.House_. em 24.09.12 20:27, editado 1 vez(es)
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por Ace 22.09.12 16:22

Olá,

Tente o seguinte CSS:

Código:
 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}p.crumbs a[href="/f3-forum"],p.crumbs a[href="/f5-forum"]{display:none}

Nota: Nos fóruns f5 e f3 eles não aparecerão. Basta que edite o código.

Aplique em:

Painel >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Cordialmente.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 16:25

Olá caro Ace!
O Mesmo continua do mesmo jeito que está.. Não mudou nada. Se alguém puder me ajudar, Agradeço.

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por Ace 22.09.12 16:29

Olá,

Na verdade, o código é funcional, somente esqueci de convertê-lo para você, desculpe. Piscada

Código:
.topic-actions{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}.topic-actions a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}.topic-actions{color:#F3F3F3}p.crumbs a[href="/f3-forum"],p.crumbs a[href="/f5-forum"]{display:none}

Caso não funcione, volte a nos contactar! Piscada

Cordialmente.
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 16:32

Olá!
Ainda não resultou.. Está do mesmo jeito..

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por StyLe® 22.09.12 16:34

Olá amigo peço que acede a seu
Painel Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
.pathname-box {
-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;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
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;
}
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 16:40

Olá Style®️
Quase deu, coloquei em meu fórum de testes para vocês verem como ficou:
http://designapocalipse.forumeiros.com/t6-assinatura-amarelo-claro-medio-texto-amarelo-claro#8

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por StyLe® 22.09.12 18:33

Mais qual é o problema poderia me explicar?
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 18:39

Olá!
Veja:
Como está:
Personalizar os fóruns 8Yh4a
https://i.imgur.com/8Yh4a.png
Como eu quero:
Personalizar os fóruns 9rYSt
https://i.imgur.com/9rYSt.png

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por JonasB. 22.09.12 18:42

Olá,

Tente este:
Código:
    .pathname-box {
    -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;
    }
    .pathname-box {
    color: #F3F3F3;
    }
    .pathname-box p {
    color: #F7F2F2;
    font-size: 1.11em;
    line-height: 1.5;
    margin: 0;
    }
    a.nav {
    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 Piscada
JonasB.

JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 18:56

Olá!
Continua a mesma coisa..

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por JonasB. 22.09.12 19:17

Olá,

Você retirou o código passado pelo nosso amigo StyLe®️?
Tente retirá-lo.

Até mais Piscada
JonasB.

JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 19:18

Olá amigo,
Lógico que tirei Louco

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por StyLe® 22.09.12 20:00

Troque o código por este

Código:
.pathname-box {
-moz-border-radius: 1px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 1px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 1px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
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;
}
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 20:07

BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por StyLe® 22.09.12 20:11

Olá e só você modificar oque estar de vermelho abaixando os PX

.pathname-box {
-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;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
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;
}
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 20:49

Olá Style®️,
Esse é o problema, todo tanto de valor que eu modifico, o trem bagunça, nunca fica certo, se puderem me passar o valor certo, estarei agradecido..

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por StyLe® 22.09.12 20:59

Aqui estar
Código:
.pathname-box {
-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;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
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: 0px 0px 0px 0px;
}
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 21:12

Olá!
Apesar das setinhas ter sumido, olhe como está:
http://designapocalipse.forumeiros.com/t6-assinatura-amarelo-claro-medio-texto-amarelo-claro

Eu queria assim:
Personalizar os fóruns 9rYSt

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por Luciano98 22.09.12 21:19

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.pathname-box{background:url(https://i.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% 100%;border-radius:6px;padding:12px 24px 11px 13px}a.nav[href*="/"]{background:url(https://i.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% 0%;padding: 8px 16px 8px 10px}

Valide.

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 21:27

Olá Luciano98,
Veja:
http://designapocalipse.forumeiros.com/t6-assinatura-amarelo-claro-medio-texto-amarelo-claro
Deu, só tem uma coisa, colocar ele grande que nem nesta imagem:
Personalizar os fóruns 9rYSt
https://i.imgur.com/9rYSt.png
Ele está pequeno..

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por StyLe® 22.09.12 21:29

Luciano poderia me dizer para que, que serve esse código
no-repeat 100% 100%;border-radius:6px;padding:12px 24px 11px 13px}
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 22.09.12 21:39

Olá Style®️,
pelo o que eu saiba, o no-repeat, é para não repetir, e este código está na imagem, ou seja, não irá repetir a imagem.. Entende?

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 24.09.12 1:19

Up
24 Hrs e nada..
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por Convidado 24.09.12 1:25

Boas,
.pathname-box{background:url(https://i.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% 100%;border-radius:6px;padding:12px 24px 11px 13px}a.nav[href*="/"]{background:url(https://i.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% 0%;padding: 8px 16px 8px 10px}

Edite como você conforma em vermelho!
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 24.09.12 19:48

Olá!
Caso você não viu, o StyLe®️ disse a mesma coisa, e não resulta..
Aguardo ajuda.. Rindo

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os fóruns

Mensagem por Minatoevox 24.09.12 20:14

Ola Dr.House:

Apague os códigos acima e introduza estes:
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;
    }

Funcionou?

Cordialmente, Minatoevox
Minatoevox

Minatoevox
***

Membro desde : 01/02/2012
Mensagens : 118
Pontos : 164

http://bleachxtreme.forumeiro.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 24.09.12 20:15

Olá Minatoevox..
A Versão do meu fórum é PhpBB3 e não PunBB Louco
# O Código não funcionou...

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar os fóruns

Mensagem por Sennior 24.09.12 20:24

Boa tarde,

Coloque o código abaixo no INICIO do teu CSS:

Código:
 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}p.crumbs a[href="/f3-forum"],p.crumbs a[href="/f5-forum"]{display:none}

Cordialmente.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. 24.09.12 20:26

Olá Mikéé,
Seu código não resultou, porem fui tentar fazer umas alterações no código que o Luciano98 me passou, e acabei conseguindo o que eu queria.. Podem fechar o tópico.. Resolvido!

Passar bem! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

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

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