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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Ajuda com Skin
Hoje à(s) 01:35 am por Taxy_InSaniTy

» Ajuda com o HTML
Hoje à(s) 01:24 am por Taxy_InSaniTy

» Banner do Forum
Ontem à(s) 04:40 pm por Lincoln

» FanBar Roger
Ontem à(s) 03:49 pm por APOllO

» Texto do Topico bugado com o perfil
Ontem à(s) 03:06 pm por Harleen

» Assinatura grande!
Ontem à(s) 02:28 pm por APOllO

» Apresentação dos membros (fale sobre você)
Ontem à(s) 02:26 pm por APOllO

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Taxy_InSaniTy
 

Quem está conectado
236 usuários online :: 4 usuários cadastrados, 1 Invisível e 231 Visitantes :: 2 Motores de busca

APOllO, jamesslytherin, Rafamix, Taxy_InSaniTy

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Descrição das categorias com imagem

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

Resolvido Descrição das categorias com imagem

Mensagem por estica em 22/03/16, 11:22 pm

Detalhes da questão


Endereço do fórum: http://www.tugavicio.com
Versão do fórum: PunBB

Descrição


Amigos é o seguinte,

Eu queria meter o icon da categoria e descrição tudo junto, ou seja tudo na descrição.

E não é difícil fazer porem fica sempre desalinhado.


Alguem me fornece um code para meter icons e descrição tudo no campo da descrição e bem alinhadinho e bonito?



Última edição por estica em 25/03/16, 03:53 pm, editado 1 vez(es)
avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 167
Pontos Ativos : 292

http://tugavicio.foruns.com.pt

Resolvido Re: Descrição das categorias com imagem

Mensagem por Hancki em 23/03/16, 11:01 am

Olá!

Não será algo assim?
Código:
<span style="float:left;width:auto"><br><img src="LINK IMAGEM" style="clear:both" align="left">
Descrição.<br>Resto da descrição.
</span>

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8041
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Descrição das categorias com imagem

Mensagem por estica em 23/03/16, 02:13 pm

@Hancki é isso mesmo...

Mas têm como meter as letras um pouquinho mais pra baixo para centrar com a imagem ou isso tem de ser em CSS?

avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 167
Pontos Ativos : 292

http://tugavicio.foruns.com.pt
  • 0

Resolvido Re: Descrição das categorias com imagem

Mensagem por Fraise em 23/03/16, 02:16 pm

Olá!

Troque o código que o Hancki forneceu por este:
Código:
<span style="float:left;width:auto;margin-bottom:20px;"><br><img src="LINK IMAGEM" style="clear:both" align="left">
Descrição.<br>Resto da descrição.
</span>

Repare no 20px, é só ir ajustando até obter o resultado desejado.

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Descrição das categorias com imagem

Mensagem por Hancki em 24/03/16, 09:19 pm

Olá!

Este código deve fazer exatamente o que deseja:
Código:
<span style="min-width: 500px; float: left;"><br /><img src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-11/64/Communication-icon.png" style="clear: both;" align="left" /><span id="texto" style="margin-top: 15px;margin-left: 10px;position: absolute;">Zona de teste.<br />Apenas um fórum de teste.</span></span>
Procure por "margin-top: 15px" e altere o valor "15" para o que desejar.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8041
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

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