SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff		 Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você		 Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

SP-Design » Área Design » Pedidos de Códigos » Questões resolvidas[Pedido] Modificar as Estatisticas da categoria

[Pedido] Modificar as Estatisticas da categoria

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 10:38 am
Qual é minha questão:
Olá, eu gostaria de pedir uma modificação nas estatisticas das categorias de meu forum, é versão PhpBB3, eu sei que é possivel mudar algumas coisas usando css, porque ja fiz algumas mudanças!


Caso queira me ajudar ficarei lhe devendo Umª.


Forum em que vi o efeito semelhante.
http://outlineforum.com/index/

Imagem do meu problema:


Endereço do meu fórum:
http://staffergroupbr.stuning.net/

Versão do meu fórum:
PHPBB3

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 10:39 am
Esqueci de falar a legenda.
1: Original.
2: Resultado esperado.
3: Site que eu citei o link.

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sex 21 Dez 2012, 10:47 am
Amigo, eu vou tentar modificar por jquery e deixar o maximo possivel de aparência com o da img, por favor aguarde...

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 10:50 am
Obrigado.

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 2:06 pm
Olá,

Adicione isto á teu CSS:

Código:
ul.topiclist li.header dl.icon dd.topics, ul.topiclist li.header dl.icon dd.posts, ul.topiclist li.header dl.icon dd.lastpost {display: none;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span a:first-child {position: relative;top: -20px;left: -20px;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span strong a span strong:before {content: 'Por: ';}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span strong a span strong {position: relative;top: 17px;left: 140px;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span {position: relative;top: -10px;border: none;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts:before {content: 'Mensagens: ';}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts {border: none;position: relative;width: 100px;top: 20px;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics:before {content: 'Tópicos: ';}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics {top: 20px;position: relative;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span .last-post-icon {display: none;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span {left: -20px;}
.forabg:nth-child(7) ul.forums dd {border: none !important;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics, .forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts {position: relative;left: 158px;font-size: 1.1em;}
Localize a Área Tópicos Públicos, visualize-a, e diga-me se está satisfeito.

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 2:12 pm
O Nome do tópico, Tópicos e Mensagens ficaram perfeitos.

O Por: D'Leandro™ ficou com algum erro, quando eu passo o mouse sobre o mesmo ele se move para baixo e para cima, alem disso ele fica um pouco em cima da hora do tópico...

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 2:36 pm
Olá,

Adicione isto ao teu CSS, e veja se resulta:

Código:
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span strong a:hover {
position: relative;
top: -20px !important;
display: inline;
}
Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 2:45 pm
Continua errado, será que se colocar todo o código uns 30px mais para a esquerda sobra mais espaço para o (Por: ")

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 3:00 pm
Olá,

Já que não está a funcionar, creio que há um código intervindo sobre o mesmo; e creio que, seja o das informações.
Então creio que eu teria que editar o código, poderia me concedê-lo por MP ?

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 3:46 pm
Eu removi o código, de fato era ele que estava interferindo!

Veja como está.
[Pedido] Modificar as Estatisticas da categoria Sem_t100

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 4:21 pm
Olá,

Agora ficou mais fácil, adicione isto á teu CSS:

Código:
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span strong a span strong {left: 160px !important;}
Resulta ?

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 4:34 pm
Será que seria possivel colocar o icone de ir para a ultima mensagem?

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 6:06 pm
Olá,

Adicione isto á teu CSS:

Código:
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span .last-post-icon {display: inline-block !important;position: relative !important;left: -43px !important;top: -44px !important;}
Resulta ?

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 6:19 pm
Seria possivel adicionar o numero de membros online no local?
Como na Imagem 3.

[F]lames

[F]lames
Desenvolvedor Web

Sáb 22 Dez 2012, 7:09 am
Olá,

Isto apenas seria possível com algum contador de usuário onlines, o senhor conhece algum que seja modificável ?

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sáb 22 Dez 2012, 7:33 am
Ok, deixe assim mesmo, eu gostaria de saber porque a posição do icone "Visitar a ultima mensagem" se meche de acordo com o numero de mensagens, e quando o nome do tópico é grande ele fica em cima.

-Daria para deichar toda a estatistica mais para a esquerda e o icone ao lado do nick?

[F]lames

[F]lames
Desenvolvedor Web

Sáb 22 Dez 2012, 8:46 am
Olá,

Adicione á teu CSS:

Código:
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics, .forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts {left: 120px !important;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span {left: -57px !important;}
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span .last-post-icon {left: 126px !important; top: -11px !important; }
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span strong a span strong {left: 193px !important;}
Resulta ?

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sáb 22 Dez 2012, 10:01 am
Eu larguei a preguiça de lado e estou mudando as posições sosinho!

Tenho +1 pedido...
Instalar este código em todas as categorias '-'

D'Leandro™

D'Leandro™
sou nível 17

Sáb 22 Dez 2012, 10:14 am
Voce poderia identificar as partes do código para mim por favor?

Código:
/* Estatisticas Diferenciadas */
/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span .last-post-icon {
  display: inline-block !important;
  position: relative !important;
  left: 55% !important;
  top: 10px !important;}

/* Oque é */
ul.topiclist li.header dl.icon dd.topics, ul.topiclist li.header dl.icon dd.posts, ul.topiclist li.header dl.icon dd.lastpost {
  display: none;}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span a:first-child {
  position: relative;
  top: -20px;
  left: -20px;}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span strong a span strong:before {
  content: 'Por: ';}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span strong a span strong {
  position: relative;
  top: 10%;
  left: -55px;}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span {
  position: relative;
  top: -50px;
  border: none;}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts:before {
  content: 'Mensagens: ';}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts {
  border: none;position: relative;width: 100px;top: 20px;}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics:before {
  content: 'Tópicos: ';}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics {
  top: 20px;position: relative;}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span .last-post-icon {
  display: none;}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span {
  left: -20px;}

/* Oque é */
.forabg:nth-child(7) ul.forums dd {
  border: none !important;}

/* Oque é */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics, .forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts {
  position: relative;left: 158px;font-size: 1.1em;}

[F]lames

[F]lames
Desenvolvedor Web

Sáb 22 Dez 2012, 1:40 pm
Olá,

Aqui está identificado:

Código:
/* Estatisticas Diferenciadas */
/* Ajustamento do Botão de último comentário */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span .last-post-icon {display: inline-block !important;position: relative !important;left: 55% !important;top: 10px !important;}

/* Retirar nomes indesejados */
ul.topiclist li.header dl.icon dd.topics, ul.topiclist li.header dl.icon dd.posts, ul.topiclist li.header dl.icon dd.lastpost {display: none;}

/* Posicionamento do título di tópico */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span a:first-child {position: relative;top: -20px;left: -20px;}

/* Palavra por antes do nick no lastpost */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span strong a span strong:before {
  content: 'Por: ';}

/* Posicionamento do nick no lastpost */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span strong a span strong {position: relative;top: 10%;left: -55px;}

/* Ajustamento do lastpost */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span {position: relative;top: -50px;border: none;}

/* Palavra Mensagens */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts:before {content: 'Mensagens: ';}

/* Ajustamento dos posts */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts {border: none;position: relative;width: 100px;top: 20px;}

/* Palavra tópicos */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics:before {content: 'Tópicos: ';}

/* Posicionamento dos tópico*/
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics {top: 20px;position: relative;}

/* Não-necessário*/
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span .last-post-icon {display: none;}

/* Ajustar posição do lastpost */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.lastpost span {left: -20px;}

/* Retirar bordas separadoras */
.forabg:nth-child(7) ul.forums dd {border: none !important;}

/* Posicionamento do tópicos e mensagens */
.forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.topics, .forabg:nth-child(7) ul.topiclist.forums li.row:first-child dl.icon dd.posts {position: relative;left: 158px;font-size: 1.1em;}
Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sáb 22 Dez 2012, 2:10 pm
Seria possivel aplicar a todas as categorias?

heero

heero
sou nível 3

Ter 15 Jan 2013, 4:02 pm
Ae meu forum e Punbb e eu tambem queria obter esta personalização , Como fasso para q isso seja possivel ? Utilizei os codigos do topico e não funcionaram ;/


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se

SP-Design » Área Design » Pedidos de Códigos » Questões resolvidas[Pedido] Modificar as Estatisticas da categoria



Permissões neste sub-fórum
Não podes responder a tópicos
TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®