bbcode diferente

[Jhool]

Detalhes da questão

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

Descrição

Já tentei de tudo e não consigo criar bbcodes dessa forma: http://prntscr.com/jrydgn
Poderiam me ajudar?

fórum em que vi http://b-gaming.forumeiros.com/t21-inscricao-doa-gabriel-r-galvao#42

[tikky]

Olá @Jhool,
esse fórum que você citou usa table para fazer esse efeito, tente usar:

Código:

[table style="background-image: url(https://i.imgur.com/QHy55SX.png); background-repeat: no-repeat; background-position: 95% 90%; border-radius: 5px; padding: 1.4em; border: solid #0084ff; background-color: #e6f3ff;width: 90%; margin: auto;"]
[tr style=][td style="font-size: 16px;color: #0084ff"][size=16]Título[/size][/td]
[/tr]

[tr style=][td]texto paralelo[/td]
[/tr]
[/table]


Atenciosamente,

[Jhool]

Sabe como coloca aquela tira do lado esquerdo? E quando eu coloco o mouse encima do código a linha fica branca, normal?
http://prntscr.com/jryl0r

Mostrando quando coloca o mouse encima do texto
http://prntscr.com/jryllo

[Daemon]

Em breve, caso a zona de codificação seja aceita, postarei um código que irá ajudá-lo a criar algo desse tipo e muito mais! Um analisador de BBCodes.

[tikky]

Tente.
Adicione no seu CSS:

Código:

.post-entry .entry-content table *:hover {
 background-color: transparent!important;
}


[Jhool]

Resultou, mas sobre a barra azul do lado esquerdo, como coloco?

[tikky]

Mude para:

Código:

[table style="background-image: url(https://i.imgur.com/QHy55SX.png); background-repeat: no-repeat; background-position: 95% 90%; border-radius: 5px; padding: 1.4em; border: solid #0084ff; background-color: #e6f3ff;width: 90%; margin: auto;"]
[tr style=][td style="border-left: 5px solid blue; padding-left: 7px;"][color=#0084ff]Título[/color]

Texto paralelo[/td]
[/tr]
[/table]


[Jhool]

Resultou, mais uma vez me salvado!
OBRIGADO.

[RafaelS.]

Tópico movido de 'Outras questões' para 'Questões sobre códigos'

Tópico resolvido Movido para "Questões resolvidas".