Colocar ícones para esquerda

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

Resolvido Colocar ícones para esquerda

Mensagem por IsmaelS. em 07/09/13, 12:49 am

Qual é minha questão:
Olá,

Vejam esta print:


Quero colocar os ícones de No News,Bloqueado,News, mais para a esquerda se poder, mas só queria os ícones na parte do Fórum não dentro dos tópicos !

Endereço do meu fórum:
http://www.suportedesign.net

Versão do fórum:
PUNBB

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por Gmtp em 07/09/13, 12:58 am

Olá, querido.

Vá em: Painel de controle -> Visualização -> Cores -> Folha CSS.

Use este código:
Código:
.tcl.tdtopics IMG {margin-right:30px;}
Modifique o número "30" caso queira uma maior espaçamento do ícone.

Por acaso não funcione utilize o código abaixo:
Código:
 .pun tbody.statused span.status {
margin-left: -30px !important;
}
O mesmo processo do primeiro.

Até mais.
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Colocar ícones para esquerda

Mensagem por IsmaelS. em 07/09/13, 01:08 am

Só queria os ícones na parte do fórum os dentro das categorias também são movidos.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por Gmtp em 07/09/13, 01:23 am

Olá, querido.

Troque o código por esse:
Código:
.pun tbody.statused span.status {
position: absolute;
margin-top: -10px;
margin-left: -52px !important;
}
Até mais.
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Colocar ícones para esquerda

Mensagem por IsmaelS. em 07/09/13, 01:24 am

Continua a mexer, nos que estão dentro das Categorias.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por First em 07/09/13, 08:41 am

Olá,

Senhor, peço que adicione este código em sua folha de estilo CSS:
Código:
.status {
margin-left: -80px!important;
}
80px: Edite até a margem ficar em seu gosto.


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Colocar ícones para esquerda

Mensagem por Connor R. em 07/09/13, 08:54 am

Fui no seu fórum e não achei tais imagens com problema....
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Colocar ícones para esquerda

Mensagem por IsmaelS. em 07/09/13, 10:55 am

Olá,

Estou a testar num fórum de testes, e o código não resultam continua a mexer nos icones dentro das categorias

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por First em 07/09/13, 10:56 am

Olá,

Senhor, poderia mim fornecer o endereço do fórum onde tem os ícones que está na imagem?


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Colocar ícones para esquerda

Mensagem por IsmaelS. em 07/09/13, 11:46 am


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por Connor R. em 07/09/13, 11:53 am

o mesmo está fechado para visualização....
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Colocar ícones para esquerda

Mensagem por IsmaelS. em 07/09/13, 01:55 pm

Já foi aberto !

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por First em 07/09/13, 03:27 pm

Olá,

Senhor, adicione este código em sua folha de estilo CSS:
Código:
#index .main .table .statused tr td span img {
margin-left: -20px;
}
Caso não resulte poderia me fornecer o seu template index_box?


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Colocar ícones para esquerda

Mensagem por [S]herlock em 07/09/13, 04:29 pm

Saudações!

Adicione este código em sua folha de estilo:
Código:

.status img {
margin-left: -5px;
}
Até mais.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Colocar ícones para esquerda

Mensagem por Sennior em 07/09/13, 06:03 pm

Boas!

Aceda á teu CSS com o código abaixo:
Painel de Controle :seta:Visualização :seta:Imagens e Cores :seta:Cores :seta:Folha de Estilo CSS

Código:
.status {
position: relative;
margin-left: -65px !Important;
}
Abraços!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
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: Colocar ícones para esquerda

Mensagem por IsmaelS. em 07/09/13, 07:36 pm

Ambos ficam iguais

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por MateusA em 07/09/13, 09:52 pm

Boa noite, Mostrando a lingua

Aceda á sua 'Folha de Estilos CSS':
Código:
#index .main .main-content .table .statused tr .tcl .status img{
position: relative !important;
margin-left: -2% !important;
}
Seta É adicione o código acima.

Á 'folha de estilos CSS' fica localizada em:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Aba 'folha de estilos CSS'

Cordialmente, Café
Crazy.
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: Colocar ícones para esquerda

Mensagem por IsmaelS. em 07/09/13, 11:02 pm

Continua a mexer dentro das categorias

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por Sennior em 08/09/13, 01:23 pm

Olá amigo!

Aceda à teu CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
.pun tbody.statused span.status {
position: absolute;
margin-left: -40px !important;
}
Obs:. Coloque o código no inicio de teu CSS.

Abraços!
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: Colocar ícones para esquerda

Mensagem por IsmaelS. em 08/09/13, 03:20 pm

Continua igual

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por Sennior em 08/09/13, 04:59 pm

Olá amigo,

Aqui para mim está normal, veja:

<li> http://i.imgur.com/vuZEexs.png

Qual teu navegador?

Abraços.
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: Colocar ícones para esquerda

Mensagem por IsmaelS. em 08/09/13, 05:27 pm

Mas Sennior veja aqui:
http://mastertestes.forumeiros.com/f35-tutoriais-de-forumeiros

Eu não quero dentro das categorias os ícones dos tópicos se mexam também...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por Sennior em 08/09/13, 05:33 pm

Hum... Veja então se colocando este aqui, resulta, mas deixe os outros, coloque este em cima de todos:
Código:

.status {
position: absolute;
left: 322px;
}
Até mais.
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: Colocar ícones para esquerda

Mensagem por IsmaelS. em 08/09/13, 05:53 pm

Continua a mexer

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar ícones para esquerda

Mensagem por Sennior em 08/09/13, 06:00 pm

Olá amigo,

Agora aqui está normal, veja:

<li> http://prntscr.com/1q5klm
<li> http://prntscr.com/1q5kq2

Ai está como?

Até mais.
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: Colocar ícones para esquerda

Mensagem por IsmaelS. em 08/09/13, 06:24 pm

Olá,

Sim resolvido !

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.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