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
» Botões IPB
Hoje à(s) 23:24 por iScroll

» [PEDIDO] Banner
Hoje à(s) 22:15 por idarkdg

» Problema nas páginas devido aos anúncios
Hoje à(s) 21:30 por juleic1123

» Retirar nome duplicado na visualização de uma MP
Hoje à(s) 20:11 por while

» Personalizar página de login
Hoje à(s) 18:55 por Cream

» [Outros] Cartaz
Hoje à(s) 16:38 por Holkis

» Separar ícones "Responder" e "Novo tópico"
Hoje à(s) 16:14 por Cream

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
 
GollD
 
Nean
 
lavinnia
 
juleic1123
 

Quem está conectado
134 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 125 Visitantes :: 3 Motores de busca

Cream, giancamposm, Holkis, iMont, iScroll, JonathanHoltzm, Nean, Southier, ZombieW

[ Ver toda a lista ]


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

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 Qua 23 Mar 2016 - 2:22

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 Sex 25 Mar 2016 - 18:53, editado 1 vez(es)

estica
Nível 9

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

http://tugavicio.foruns.com.pt

Resolvido Re: Descrição das categorias com imagem

Mensagem por Hancki em Qua 23 Mar 2016 - 14:01

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

Hancki
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 7997
Pontos Ativos : 14508

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 Qua 23 Mar 2016 - 17:13

@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?


estica
Nível 9

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

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

Resolvido Re: Descrição das categorias com imagem

Mensagem por Fraise em Qua 23 Mar 2016 - 17:16

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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

Resolvido Re: Descrição das categorias com imagem

Mensagem por Hancki em Sex 25 Mar 2016 - 0:19

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

Hancki
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 7997
Pontos Ativos : 14508

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