Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
Sennior
 
GollD
 
Nean
 
juleic1123
 

Quem está conectado
110 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 105 Visitantes :: 2 Motores de busca

idarkdg, PrisoN†BreaK, sandra51, Shek, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral

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

  • 0

Resolvido Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral

Mensagem por Black Holle00 em Qui 14 Abr 2016 - 7:22

Detalhes da questão


Endereço do fórum: http://testenozuera.forumeiros.com/
Versão do fórum: Invision

Descrição


Olá pessoal.

A descrição do fórum que estou criando está muito "imprensada" com as bordas e a própria imagem de descrição. Gostaria de saber qual procedimento devo realizar para aumentar um pouco mais esse espaço. Procurei por tópicos similares para resolver minha dúvida, mas não encontrei nenhum especificamente com esse problema.

Imagem de como está o problema
http://i.imgur.com/auDKpOs.png


Como gostaria de deixar
http://i.imgur.com/FbnkPca.png


Última edição por Black Holle00 em Sex 15 Abr 2016 - 21:37, editado 1 vez(es)

Black Holle00
Nível 2

Masculino
Inscrito dia : 14/04/2016
Mensagens : 5
Pontos Ativos : 176

http://testenozuera.forumeiros.com/

Resolvido Re: Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral

Mensagem por Shek em Qui 14 Abr 2016 - 15:38

Bom dia!

Neste caso, a coisa mais prática que pode fazer é incluir o padding dentro do style da imagem do subfórum, se ela for uma imagem adicionada na descrição do subfórum. Então, você vai localizar:
Código:
<img src="http://i19.servimg.com/u/f19/17/02/65/26/livros11.png" alt="http://i19.servimg.com/u/f19/17/02/65/26/livros11.png" style="float:left;">
E depois do float:left;, inclua o padding: 5px; Muito feliz O quanto maior for o padding, mais ele ficará afastado. Piscada

Não hesite em questionar. Muito feliz

Atenciosamente,
Shek King

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14664
Pontos Ativos : 21694

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral

Mensagem por Black Holle00 em Sex 15 Abr 2016 - 2:42

@Shek escreveu:Bom dia!

Neste caso, a coisa mais prática que pode fazer é incluir o padding dentro do style da imagem do subfórum, se ela for uma imagem adicionada na descrição do subfórum. Então, você vai localizar:
Código:
<img src="http://i19.servimg.com/u/f19/17/02/65/26/livros11.png" alt="http://i19.servimg.com/u/f19/17/02/65/26/livros11.png" style="float:left;">
E depois do float:left;, inclua o padding: 5px; Muito feliz O quanto maior for o padding, mais ele ficará afastado. Piscada

Não hesite em questionar. Muito feliz

Atenciosamente,
Shek King

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Olá Shek. Então, tentei localizar o código que você me passou, na folha CSS e não o encontrei. Também tentei fazer a adesão dele, porém não surtiu efeito.

Black Holle00
Nível 2

Masculino
Inscrito dia : 14/04/2016
Mensagens : 5
Pontos Ativos : 176

http://testenozuera.forumeiros.com/

Resolvido Re: Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral

Mensagem por .Danni. em Sex 15 Abr 2016 - 12:10

Bom dia,

Particularmente eu recomendo você criar suas descrições dentro de uma caixa, por exemplo:

Código:
<div class="descricao">Descrição do fórum</div>

E depois no seu CSS você acrescenta:
Código:
.descricao {
padding-left: 5px;
}

Aí toda vez que fizer um novo fórum basta colocar a caixa no texto e ficará com essa distância.

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5043

http://castelobruxorpg.com https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral

Mensagem por Black Holle00 em Sex 15 Abr 2016 - 20:26

Boa tarde, Danni.

Coloquei a descrição na caixa como você orientou. Porém, coloquei o código no CSS aumentando os px, mas não ta mudando nada

Black Holle00
Nível 2

Masculino
Inscrito dia : 14/04/2016
Mensagens : 5
Pontos Ativos : 176

http://testenozuera.forumeiros.com/

Resolvido Re: Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral

Mensagem por Black Holle00 em Sex 15 Abr 2016 - 21:20

@.Danni. escreveu:Bom dia,

Particularmente eu recomendo você criar suas descrições dentro de uma caixa, por exemplo:

Código:
<div class="descricao">Descrição do fórum</div>

E depois no seu CSS você acrescenta:
Código:
.descricao {
padding-left: 5px;
}

Aí toda vez que fizer um novo fórum basta colocar a caixa no texto e ficará com essa distância.

Bom, peço que desconsidere minha ultima resposta hahaha. Só vim perceber que realmente aumentou espaço quando inspecionei o código pelo Chrome.
http://i.imgur.com/jrIcB2T.png

Visto que aumentou o espaço no lado esquerdo, então foi óbvio aumentar o do lado direito. Adicionei o mesmo código só que trocando o left por right:
Código:
.descricao {
padding-right: 5px;
}

Feito isso, a descrição ficou quase como queria.
http://i.imgur.com/aR2D9P9.png

Só que, não há espaço entre a imagem de descrição e a descrição em texto. Tentei colocar a url da imagem (na mesma caixa e também em uma nova caixa) lá na área onde escreve a descrição, usando a ferramenta inserir uma imagem. Mas sempre sem sucesso

Black Holle00
Nível 2

Masculino
Inscrito dia : 14/04/2016
Mensagens : 5
Pontos Ativos : 176

http://testenozuera.forumeiros.com/

Resolvido Re: Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral

Mensagem por Black Holle00 em Sex 15 Abr 2016 - 21:36

Boa tarde!

Finalmente consegui deixar como queria.
Para aumentar o espaço entre a imagem e a descrição em texto usei o código:
Código:
.row2.icon img {
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
}

Muito obrigado pelo suporte de vocês que foi de grande ajuda

Abs.

Black Holle00
Nível 2

Masculino
Inscrito dia : 14/04/2016
Mensagens : 5
Pontos Ativos : 176

http://testenozuera.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5