Ícone de novas mensagens personalizado

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

Resolvido Ícone de novas mensagens personalizado

Mensagem por MatheusH. em 26/08/13, 06:07 pm

Qual é minha questão:
Olá!

Bom minha questão é bem simples; eu gostaria de por os ícones de "novas mensagens", "não há novas mensagens" e "Fórum bloqueado" igual ao do "Naruto RPG Storm".

Basta acessarem o link que poderão ver nas categorias do tal fórum.


-O link está em "Naruto RPG Storm".

Endereço do meu fórum:
http://ninjahistoryrpg.forumeiros.com

Versão do fórum:
PHPBB3
avatar

MatheusH.
Nível 9

Masculino
Inscrito dia : 12/10/2012
Mensagens : 152
Pontos Ativos : 243

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

Resolvido Re: Ícone de novas mensagens personalizado

Mensagem por North em 26/08/13, 06:14 pm

Olá!

Basta por as imagens através do painel de controle:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Gestão das Imagens / Modo avançado
Seta Na aba "Ícones dos fóruns".

Agora aceda à 'Folha de estilo CSS':
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS


Acrescente o código a seguir na folha:

Código:
.statusid img {
margin-left: -15px!important;
margin-top: -15px;
position: absolute;
}
Seta Altere "-15" para definir e ajustar a posição do ícone para dar o efeito de que vem de trás da categoria.

Atenciosamente, Harker.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MatheusH. em 26/08/13, 06:31 pm

Coloquei as imagens, coloquei o código, porém ao alterar os valores não obtive resultados.
avatar

MatheusH.
Nível 9

Masculino
Inscrito dia : 12/10/2012
Mensagens : 152
Pontos Ativos : 243

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

Resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MateusA em 26/08/13, 06:33 pm

Olá!

Troque o código do Harker por este:
Código:
        .statusid img {
        margin-left: -15px!important;
        margin-top: -15px;
        position: relative !important;
        }
Até!
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MatheusH. em 26/08/13, 06:38 pm

coloquei o código, porém ao alterar os valores não obtive resultados.
avatar

MatheusH.
Nível 9

Masculino
Inscrito dia : 12/10/2012
Mensagens : 152
Pontos Ativos : 243

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

Resolvido Re: Ícone de novas mensagens personalizado

Mensagem por North em 26/08/13, 11:03 pm

Olá novamente,

Experimente este:

Código:
.icon, .status {
margin-left: -16px!important;
padding-right: 5px;
padding-top: 8px;
}
O mesmo procedimento, altere os valores para ajustar mas creio que como esteja já resolva.

Atenciosamente, Harker.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MatheusH. em 27/08/13, 11:28 am

Obtive resultados porém bugou os tópicos; observe o erro no link abaixo.

http://ninjahistoryrpg.forumeiros.com/f16-regras-de-status

-Como pode ver, o código, mudou a posição do titulo "anuncios e a ler" e também mudou a posição das imagens.
avatar

MatheusH.
Nível 9

Masculino
Inscrito dia : 12/10/2012
Mensagens : 152
Pontos Ativos : 243

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

Resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MatheusH. em 27/08/13, 11:36 am

Concertei, podem fechar.
avatar

MatheusH.
Nível 9

Masculino
Inscrito dia : 12/10/2012
Mensagens : 152
Pontos Ativos : 243

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

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