Ícone de novas mensagens personalizado

3 participantes

Ir para baixo

Tópico resolvido Ícone de novas mensagens personalizado

Mensagem por MatheusH. 26.08.13 22:07

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
MatheusH.
MatheusH.
***

Membro desde : 12/10/2012
Mensagens : 152
Pontos : 243

http://ninjahistoryrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone de novas mensagens personalizado

Mensagem por goodbye 26.08.13 22:14

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
goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MatheusH. 26.08.13 22:31

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

Membro desde : 12/10/2012
Mensagens : 152
Pontos : 243

http://ninjahistoryrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MateusA 26.08.13 22:33

Olá!

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

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MatheusH. 26.08.13 22:38

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

Membro desde : 12/10/2012
Mensagens : 152
Pontos : 243

http://ninjahistoryrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone de novas mensagens personalizado

Mensagem por goodbye 27.08.13 3:03

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
goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MatheusH. 27.08.13 15:28

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.
MatheusH.
MatheusH.
***

Membro desde : 12/10/2012
Mensagens : 152
Pontos : 243

http://ninjahistoryrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone de novas mensagens personalizado

Mensagem por MatheusH. 27.08.13 15:36

Concertei, podem fechar.
MatheusH.
MatheusH.
***

Membro desde : 12/10/2012
Mensagens : 152
Pontos : 243

http://ninjahistoryrpg.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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