Conectar-se

Esqueci minha senha

Os membros mais ativos do mês

Quem está conectado
2 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 2 Visitantes

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 19 em Ter Jan 03, 2012 9:38 am
Últimos assuntos
» Equipe Web ASA Fórum
Dom Jun 24, 2012 11:15 am por Alisson Silva

» [Re-Apresentação] Fábio
Sex Maio 25, 2012 4:45 pm por Fábio

» PixelZIP ~ design&programção em só lugar
Sex Maio 25, 2012 4:44 pm por Fábio

» Pedido de logo
Dom Maio 20, 2012 10:06 am por Alisson Silva

» Kernel - Apresentação
Sab Maio 19, 2012 9:49 am por Alisson Silva

» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sab Maio 19, 2012 9:48 am por Alisson Silva

»  HEBBO HOTEL 24 HORAS ONLINE !!
Sex Maio 04, 2012 7:20 pm por Alisson Silva

» Pedido de Layout
Sex Maio 04, 2012 5:23 pm por Fonsecca

» [RESOLVIDO]TV CCE HPS 2071-D (IMAGEM SÓ EMBAIXO, ACIMA, LINHAS DE RETRAÇO E FAIXA PRÊTA NO TOPO DA TELA).
Qua Abr 11, 2012 4:07 pm por Fry

» [contato] Deixo aqui meus contatos virtuais
Qua Abr 11, 2012 3:25 pm por Fry


[TUTORIAL] Tabelas em BBCode

Ir em baixo

[TUTORIAL] Tabelas em BBCode

Mensagem por Fry em Sab Dez 31, 2011 8:14 am

[Você precisa estar registrado e conectado para ver esta imagem.] Tabelas em bbcode

As tabelas são úteis em variadas formas de uso, e em fóruns, ela é mais que útil para a exibição dos membros da staff ou até mesmo para a organização do fórum em qualquer uma das áreas que ele possua, basta usar a criatividade.


--> Tutoriais e astúcias <--
Tabelas em BBCode





- Ativar o BBCode em seu fórum.
Para ativar o html em seu fórum, aceda a: Painel de Controle [Você precisa estar registrado e conectado para ver esta imagem.] Geral [Você precisa estar registrado e conectado para ver esta imagem.] Mensagens, MPs e Emails [Você precisa estar registrado e conectado para ver esta imagem.] Configuração
Procure pela alternativa "Permitir BBCode" e marque "Sim".

(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.][Você precisa estar registrado e conectado para ver este link.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.]


- Conhecer sobre tabelas

Caso queira adicionar mais membros cole aqui, caso não apague este texto.
e [ /table] [Você precisa estar registrado e conectado para ver esta imagem.]Tags de abertura das tabelas. Aceitam atributos css como por exemplo, background-image.
[ tr ] e [ /tr] [Você precisa estar registrado e conectado para ver esta imagem.] Tags que determinam as linhas das tabelas. (horizontais)
[ td ] e [ /td] [Você precisa estar registrado e conectado para ver esta imagem.] Tags que determinam as colunas das tabelas (verticais), também aceitam atributos css.

Um exemplo de tabela feita, utilizando atributos css:
Código: [Você precisa estar registrado e conectado para ver este link.]
1 2  3      1ª coluna - 1ª linha
4       


6
2ª coluna - 1ª linha
Acabamos de fazer uma tabela com o fundo em cor amarela e o fundo de uma coluna em cor verde.
Para uma personalização avançada, use a imaginação e utilize imagens, bordas e etc, abuse do css.

- Criando uma tabela de Staff
Vamos fazer agora uma tabela de staff, assim como a daqui do FDF.
[Você precisa estar registrado e conectado para ver esta imagem.] Título
Código: [Você precisa estar registrado e conectado para ver este link.]
Nome do Grupo
Agora precisamos fazer a edição de acordo com o fórum.

background-image: url(imagem de fundo) - Você deverá alterar o texto imagem de fundo, pela url da imagem que deseja usar de fundo do título da tabela (caso queira).
Nome do grupo: Você deverá alterar este texto para o nome do grupo que está apresentando, como por exemplo: Adminineiros ou Moderadeiros. Repare que antes do nome possui a tag Color, a cor que está é verde, altere para a cor de seu grupo.

[Você precisa estar registrado e conectado para ver esta imagem.] Imagem do rank
Código: [Você precisa estar registrado e conectado para ver este link.]
Rank:[Você precisa estar registrado e conectado para ver esta imagem.]
Rank: - Repare que logo após "Rank:" está chamando uma imagem, esta imagem é a imagem do rank que estamos apresentando, edite o "endereço da imagem do rank", pelo endereço da imagem de seu rank.

[Você precisa estar registrado e conectado para ver esta imagem.] Nome do rank.
Código: [Você precisa estar registrado e conectado para ver este link.]
Título do rank:Nome do rank
Nome do rank: - Substitua este texto pelo nome do seu rank, exemplo.: Admineiros. Repare que antes deste texto, possui a tag color aberta, edite a cor para a cor do seu rank, ou para uma de sua preferência.

[Você precisa estar registrado e conectado para ver esta imagem.] O grupo e sua descrição
Código: [Você precisa estar registrado e conectado para ver este link.]
Função do grupo:Descrição da função do grupo
Descrição da função do grupo: - Substitua este texto pela descrição da função do grupo que está sendo apresentado.

[Você precisa estar registrado e conectado para ver esta imagem.] Membros do Grupo
Código: [Você precisa estar registrado e conectado para ver este link.]
Membros do grupo
[url="mensagem pessoal"][Você precisa estar registrado e conectado para ver esta imagem.][/url][url=endereço do perfil"][/url]Nome do membro do grupo.[/url]
url=Mensagem pessoal - edite o texto "Mensagem Pessoal", pelo endereço de enviar uma mensagem pessoal ao membro do grupo.
nome do membro do grupo - Substitua este texto para o nome do membro que está sendo apresentado. Observe que ao lado possui a tag color mude a cor para uma de sua preferência, ou a do grupo para uma maior organização.
Endereço do perfil - Substitua este texto pela URL do perfil do membro que está sendo apresentado.

[Você precisa estar registrado e conectado para ver esta imagem.] Adicionando mais partes...
Caso seja necessário adicionar mais um membro na lista do grupo. Apenas copie esta parte e cole no lugar do texto que tem no código acima.
Código: [Você precisa estar registrado e conectado para ver este link.]
[tr][td align="left" style="width:50px;"][url="mensagem pessoal"][Você precisa estar registrado e conectado para ver esta imagem.][/url][url=perfil do usuário"][/url]Nome do membro do grupo.[/url] [/td][/tr]



- Código final
Código: [Você precisa estar registrado e conectado para ver este link.]


Nome do Grupo






Rank:[img][/img]
Título do rank:Nome do rank
Função do grupo:
Descrição:Descrição do grupo


Membros do grupo
[Você precisa estar registrado e conectado para ver este link.]
Nome do membro do grupo.



[Você precisa estar registrado e conectado para ver este link.][Você precisa estar registrado e conectado para ver este link.] [Você precisa estar registrado e conectado para ver este link.]
[Você precisa estar registrado e conectado para ver esta imagem.]




© Fórum dos Fóruns




[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Tabelas em BBCode
avatar
Fry
Admintradores
Admintradores

Posts Posts : 175
Idade Idade : 19
Respeito Respeito : 0
Web Moedas Web Moedas : 415

http://Em breve...

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum