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
» Ownamento de fórum
Hoje à(s) 20:38 por Hidan HZ

» Menu em texto
Hoje à(s) 18:53 por juleic1123

» Fixar anúncios
Hoje à(s) 16:12 por Hidan HZ

» Espaço do fundo
Hoje à(s) 16:06 por Hidan HZ

» Ranks para meu fórum TWD
Hoje à(s) 16:01 por Hidan HZ

» Cores dos links na caixa de seleção
Hoje à(s) 15:51 por Luiz~

» Problemas com os topicos recentes
Hoje à(s) 14:24 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
229 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 221 Visitantes :: 2 Motores de busca

Biel_Staff, Connor R., Hidan HZ, Janecler, jhugor, juleic1123, Luiz~, Railison Ramon

[ Ver toda a lista ]


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

Caixa de texto em HTML

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

Resolvido Caixa de texto em HTML

Mensagem por IsmaelS. em Qui 15 Set 2016 - 21:32

Detalhes da questão


Endereço do fórum: http://suportedesign.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Fiz isto no photoshop e queria se possível colocar em HTML queria umas caixas como isto:


Mas queria 4 caixas com a borda de outra cor que era, Azul, Vermelho, Verde e Amarelo. Se possível realizar isso agradecia.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5474

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Caixa de texto em HTML

Mensagem por Cepheus em Qui 15 Set 2016 - 22:29

Depende do que você quer, se for para ser exibido nas postagens você pode usar o bbcode "tabela".
Adicionando isso no seu css.
OBS foi adicionado apenas duas cores.

Código:
<style>
table.cep {
border:1px solid #ccc;
border-radius:3px;
width:100%;
}
table.cep td{
width:50px;border-right:1px solid #ccc;
}
table.cep.verde {
border-left:5px solid #84c754!important;
}
table.cep.amarelo {
border-left:5px solid #EAC214!important;
}
</style>

Depois só chamar na postagem:
Código:
[table class=cep verde][tr][td]IMAGEM AQUI[/td][td]TITULO E TEXTO AQUI[/td][/tr][/table]

Veja o exemplo:

 CertoTitulo Principal
texto, texto, texto,texto,texto

 Feliz Titulo Principal
texto, texto, texto,texto,texto
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 2198

http://www.bestskins.net/

Resolvido Re: Caixa de texto em HTML

Mensagem por IsmaelS. em Qui 15 Set 2016 - 23:44

Isso mesmo obrigado e resolvido!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5474

http://master-publicitario.forumeiros.com/

Resolvido Re: Caixa de texto em HTML

Mensagem por while em Sex 16 Set 2016 - 0:13

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4857

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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