Personalizar os fóruns

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

Resolvido Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 12:13 pm

Qual é minha questão:
Olá a todos, não preciso dizer nada, a imagem já diz tudo:

Fórum que vi isto: http://spdesign.ativoforum.com/

Links e imagens do meu problema:
Http://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, 04:27 pm, editado 1 vez(es)
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por Ace em 22/09/12, 12:22 pm

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.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 12:25 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por Ace em 22/09/12, 12:29 pm

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.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 12:32 pm

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

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por StyLe® em 22/09/12, 12:34 pm

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;
}

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 12:40 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por StyLe® em 22/09/12, 02:33 pm

Mais qual é o problema poderia me explicar?

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 02:39 pm

Olá!
Veja:
Como está:

http://i.imgur.com/8Yh4a.png
Como eu quero:

http://i.imgur.com/9rYSt.png

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por JonasB. em 22/09/12, 02:42 pm

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
avatar

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 02:56 pm

Olá!
Continua a mesma coisa..

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por JonasB. em 22/09/12, 03:17 pm

Olá,

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

Até mais Piscada
avatar

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 03:18 pm

Olá amigo,
Lógico que tirei Louco

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por StyLe® em 22/09/12, 04:00 pm

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;
}

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 04:07 pm

avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por StyLe® em 22/09/12, 04:11 pm

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(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;
}

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 04:49 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por StyLe® em 22/09/12, 04:59 pm

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;
}

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 05:12 pm

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

Eu queria assim:


Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por Luciano98 em 22/09/12, 05:19 pm

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(http://i42.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(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% 0%;padding: 8px 16px 8px 10px}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 05:27 pm

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:

http://i.imgur.com/9rYSt.png
Ele está pequeno..

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por StyLe® em 22/09/12, 05:29 pm

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

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 22/09/12, 05:39 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 23/09/12, 09:19 pm

Up
24 Hrs e nada..
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por Convidado em 23/09/12, 09:25 pm

Boas,
.pathname-box{background:url(http://i42.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(http://i42.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!

Convidado
Convidado


Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 24/09/12, 03:48 pm

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

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por Minatoevox em 24/09/12, 04:14 pm

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
avatar

Minatoevox
Nível 8

Masculino
Inscrito dia : 31/01/2012
Mensagens : 118
Pontos Ativos : 164

Ver perfil do usuário http://bleachxtreme.forumeiro.com/forum

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 24/09/12, 04:15 pm

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

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar os fóruns

Mensagem por Sennior em 24/09/12, 04:24 pm

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar os fóruns

Mensagem por BrunoH. em 24/09/12, 04:26 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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