Tabela BBcode

3 participantes

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

Tópico resolvido Tabela BBcode

Mensagem por Khakau 16.08.15 21:59

Detalhes da questão


Endereço do fórum: http://www.forumnarutoshippuuden.com/
Versão do fórum: PhpBB3

Descrição


Olá,

A tabela em BBcode que eu preciso é semelhante a usada pelos membros da Staff daqui, me refiro àquelas utilizadas na assinatura de cada um, cada qual de acordo com o seu cargo, verde no caso dos Moderadeiros, Bege no caso dos Ajudeiros e etc. Porém, não consegui fazê-las.

Eu precisava de três versões dela, cada qual de acordo os cargos do meu Fórum, uma vermelha, outra em azul escuro e uma última em azul ciano. Pretendo colocar lá o link das regras e do nosso guia, seria de grande valia para nós se nos ajudassem nisso, me ensinando a personalizar eu mesmo elas, de acordo com o formato, cor de fundo, imagem e etc.

Como exemplo, a tabela de um Ajudeiro:

Tabela BBcode 1LwvPKqAlguns tópicos importantes:
Tabela BBcode 1104915802 Tenha conhecimento do regulamento do setor de suporte.
Tabela BBcode 1104915802 Conheça a equipe staff do FdF.
Tabela BBcode 1104915802 Leia a FAQ.
Tabela BBcode 1104915802 Leia a lista de tutoriais, dicas e astúcias.

Eu queria poder mudar a cor e o formato da borda, a imagem e aprender a colocar a cor de fundo, mas me atrapalhei muito ao tentar. Espero ter explicado bem o eu preciso, é algo simples, uma caixa dessas onde eu possa colocar as regras e etc em links como vocês colocam, mas em três personalizações diferentes.

Agradeço desde já.
Khakau

Khakau
Novo Membro

Membro desde : 09/02/2014
Mensagens : 21
Pontos : 34

http://www.forumnarutoshippuuden.com/ https://www.facebook.com/Kakau Pinho

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Tabela BBcode

Mensagem por Fraise 16.08.15 22:05

Olá!

Será isto?
Código:
[table style="background-image: url(http://bit.ly/acLmW9); border-top-right-radius: 15px; border-bottom-left-radius: 15px; border: 1px solid rgb(195,147,0); margin: 10px auto; padding: 5px; width: 90%; -webkit-box-shadow: rgb(195,147,0) 1px 1px 0px; color: rgb(195,147,0); z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px; background-position: initial initial; background-repeat: initial initial;" width="100%"][tr][td][img]http://bit.ly/1LwvPKq[/img][/td]
[td][color=#000000][b]Alguns tópicos importantes:[/b]
 Tenha conhecimento do [url=http://bit.ly/1LwvUhi]regulamento do setor de suporte[/url].
 Conheça a [url=http://bit.ly/1IfBX2S]equipe staff do FdF[/url].
 Leia a [url=http://ajuda.forumeiros.com/-t23.htm]FAQ[/url].
 Leia a [url=http://ajuda.forumeiros.com/t6745-]lista de tutoriais, dicas e astúcias[/url].[/color][/td]
[/tr]
[/table]

Resultado:
Spoiler:

Para mudar a cor das bordas, localize:
Código:
border: 1px solid rgb(195,147,0)
195,147,9 simboliza a cor em RGB.

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela BBcode

Mensagem por Khakau 16.08.15 23:30

Olá,

Você pegou o code pra mim, agradeço muito. Mas eu não consegui alterar a cor de fundo, será que poderia me ajudar nisso? A cor em si, colocar como uma imagem, enfim, qualquer coisa que me permitisse preencher o fundo, pois penso que o destaque vem do conjunto da borda com o fundo.

Até mais.
Khakau

Khakau
Novo Membro

Membro desde : 09/02/2014
Mensagens : 21
Pontos : 34

http://www.forumnarutoshippuuden.com/ https://www.facebook.com/Kakau Pinho

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Tabela BBcode

Mensagem por RafaelS. 17.08.15 8:01

Olá!

No código que o Fraise passou acima, localize o seguinte:

Código:
background-image: url(http://bit.ly/acLmW9);

Como pode ver a tabela já tem uma imagem de fundo, se quiser trocar procure por http://bit.ly/acLmW9 e troque pelo link da imagem.

Caso queira colocar uma cor sólida como fundo, troque o código do Fraise por este:
Código:
[table style="background: #FFF; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border: 1px solid rgb(195,147,0); margin: 10px auto; padding: 5px; width: 90%; -webkit-box-shadow: rgb(195,147,0) 1px 1px 0px; color: rgb(195,147,0); z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px; background-position: initial initial; background-repeat: initial initial;" width="100%"][tr][td][img]http://bit.ly/1LwvPKq[/img][/td]
[td][color=#000000][b]Alguns tópicos importantes:[/b]
 Tenha conhecimento do [url=http://bit.ly/1LwvUhi]regulamento do setor de suporte[/url].
 Conheça a [url=http://bit.ly/1IfBX2S]equipe staff do FdF[/url].
 Leia a [url=http://ajuda.forumeiros.com/-t23.htm]FAQ[/url].
 Leia a [url=http://ajuda.forumeiros.com/t6745-]lista de tutoriais, dicas e astúcias[/url].[/color][/td]
[/tr]
[/table]
Localize o seguinte:
Código:
background: #FFF;

Troque #FFF pela cor desejada em hexadecimal.

Atenciosamente.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela BBcode

Mensagem por Khakau 18.08.15 0:04

Consegui chegar onde eu queria. Agradeço por além de me ajudarem, me disponibilizarem como modelo essa dos Ajudeiros. Colocarei os créditos quando implantar no meu Fórum. @Fraise e @Raffy, muito obrigado. Questão terminada.
Khakau

Khakau
Novo Membro

Membro desde : 09/02/2014
Mensagens : 21
Pontos : 34

http://www.forumnarutoshippuuden.com/ https://www.facebook.com/Kakau Pinho

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Tabela BBcode

Mensagem por Fraise 21.08.15 14:35

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos