Uso de cabeçalhos, tarjas e footers

2 participantes

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

Tópico resolvido Uso de cabeçalhos, tarjas e footers

Mensagem por Megadeth 11.05.20 20:37

Detalhes da questão


Endereço do fórum: https://policiadsn.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição


Atualmente se encontra assim:
008de0 - Uso de cabeçalhos, tarjas e footers Captur18


Como eu desejo:
008de0 - Uso de cabeçalhos, tarjas e footers Captur19


Última edição por Pedxz em 11.05.20 21:08, editado 1 vez(es) (Motivo da edição : Formatação removida)
Megadeth

Megadeth
Nível 2

Masculino
Membro desde : 10/05/2020
Mensagens : 13
Pontos ativos : 23

https://plataformatestesfk.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Uso de cabeçalhos, tarjas e footers

Mensagem por pedxz 11.05.20 21:07

Olá @Megadeth,

O senhor deseja transformar o HTML em BBCode?


Aguardo uma resposta sua,
pedxz.


Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:


Uso de formatação de texto


Informamos que a formatação excessiva não é permitida no Fórum dos Fóruns. Isto é, o uso do riscado, o uso de alinhamentos, a alteração do texto, cor ou tamanho da fonte.

Estes privilégios são reservados à Staff do Fórum dos Fóruns.




Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6571
Pontos ativos : 7732

Ir para o topo Ir para baixo

Tópico resolvido Re: Uso de cabeçalhos, tarjas e footers

Mensagem por Megadeth 11.05.20 21:12

@Pedxz escreveu:Olá @Megadeth,

O senhor deseja transformar o HTML em BBCode?


Aguardo uma resposta sua,
pedxz.



Sim.
Megadeth

Megadeth
Nível 2

Masculino
Membro desde : 10/05/2020
Mensagens : 13
Pontos ativos : 23

https://plataformatestesfk.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Uso de cabeçalhos, tarjas e footers

Mensagem por pedxz 11.05.20 21:14

Vou precisar dos códigos HTML para adicionar ao [Plugin] Criador de tags BBCode!


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6571
Pontos ativos : 7732

Ir para o topo Ir para baixo

Tópico resolvido Re: Uso de cabeçalhos, tarjas e footers

Mensagem por Megadeth 11.05.20 22:09

@Pedxz escreveu:Vou precisar dos códigos HTML para adicionar ao [Plugin] Criador de tags BBCode!

Spoiler:


<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #ffbf00 50%, #efb300 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">Cabeçalho grande - amarelo</div>


Spoiler:

Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #ffbf00 50%, #efb300 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">Cabeçalho grande - amarelo</div>


<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #bf0000 50%, #ab0000 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - vermelho</div>


Spoiler:

Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #bf0000 50%, #ab0000 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - vermelho</div>


<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #0e8800 50%, #007b03 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - verde</div>


Spoiler:

Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #0e8800 50%, #007b03 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - verde</div>


<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #f39e00 50%, #d89500 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - mostarda</div>


Spoiler:

Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #f39e00 50%, #d89500 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - mostarda</div>


<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #0000064a 50%, #00000057 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - cinza claro</div>


Spoiler:

Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #0000064a 50%, #00000057 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - cinza claro</div>


<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #000006ad 50%, #000000bd 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - cinza escuro</div>


Spoiler:

Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #000006ad 50%, #000000bd 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - cinza escuro</div>


<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #113875 50%, #0a2c61 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - azul escuro</div>


Spoiler:

Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #113875 50%, #0a2c61 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - azul escuro</div>


<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #008de0 50%, #007dc7 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - azul claro</div>


Spoiler:

Código:
<div style="width: 100%;height: auto;text-transform: uppercase;background: linear-gradient(to bottom, #008de0 50%, #007dc7 50%);float: right;padding: 10px 0px;border-radius: 10px 10px 10px 10px;text-align: center;font-size: 1.3em;font-weight: bold;color: white;box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);text-shadow: 0 1px rgba(255,255,255,.4);">cabeçalho grande - azul claro</div>


<p style="color: white;text-transform: uppercase;background: #ffbf00;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - amarelo</p>

Spoiler:

Código:
<p style="color: white;text-transform: uppercase;background: #ffbf00;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - amarelo</p>


<p style="color: white;text-transform: uppercase;background: #bf0000;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - vermelho</p>


Spoiler:

Código:
<p style="color: white;text-transform: uppercase;background: #bf0000;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - vermelho</p>


<p style="color: white;text-transform: uppercase;background: #0e8800;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - verde</p>


Spoiler:

Código:
<p style="color: white;text-transform: uppercase;background: #0e8800;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - verde</p>


<p style="color: white;text-transform: uppercase;background: #f39e00;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - mostarda</p>


Spoiler:

Código:
<p style="color: white;text-transform: uppercase;background: #f39e00;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - mostarda</p>


<p style="color: white;text-transform: uppercase;background: #0000064a;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - CINZA CLARO</p>


Spoiler:

Código:
<p style="color: white;text-transform: uppercase;background: #0000064a;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - CINZA CLARO</p>


<p style="color: white;text-transform: uppercase;background: #000006ad;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - CINZA escuro</p>


Spoiler:

Código:
<p style="color: white;text-transform: uppercase;background: #000006ad;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - CINZA escuro</p>


<p style="color: white;text-transform: uppercase;background: #113875;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - azul escuro</p>


Spoiler:

Código:
<p style="color: white;text-transform: uppercase;background: #113875;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - azul escuro</p>

<p style="color: white;text-transform: uppercase;background: #008de0;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - azul claro</p>


Spoiler:

Código:
<p style="color: white;text-transform: uppercase;background: #008de0;border-radius: 10px;text-align: center;line-height: 37px;box-shadow: 0 2px rgba(0,0,0,.25), inset 0 -2px rgba(0,0,0,.2), inset 0 -20px rgba(0,0,0,.05);text-shadow: 0 1px 1px rgba(0,0,0,.4);font-weight: bold;">cabeçalho médio - azul claro</p>


<div style="background: linear-gradient(to bottom, #ffbf00 50%, #efb300 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - amarela</div>


Spoiler:

Código:
<div style="background: linear-gradient(to bottom, #ffbf00 50%, #efb300 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - amarela</div>


<div style="background: linear-gradient(to bottom, #bf0000 50%, #ab0000 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - vermelha</div>


Spoiler:

Código:
<div style="background: linear-gradient(to bottom, #bf0000 50%, #ab0000 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - vermelha</div>


<div style="background: linear-gradient(to bottom, #0e8800 50%, #007b03 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - verde</div>


Spoiler:

Código:
<div style="background: linear-gradient(to bottom, #0e8800 50%, #007b03 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - verde</div>

<div style="background: linear-gradient(to bottom, #f39e00 50%, #d89500 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - mostarda</div>


Spoiler:

Código:
<div style="background: linear-gradient(to bottom, #f39e00 50%, #d89500 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - mostarda</div>


<div style="background: linear-gradient(to bottom, #0000064a 50%, #00000057 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - cinza claro</div>


Spoiler:

Código:
<div style="background: linear-gradient(to bottom, #0000064a 50%, #00000057 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - cinza claro</div>


<div style="background: linear-gradient(to bottom, #000006ad 50%, #000000bd 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - cinza escuro</div>


Spoiler:

Código:
<div style="background: linear-gradient(to bottom, #000006ad 50%, #000000bd 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - cinza escuro</div>


<div style="background: linear-gradient(to bottom, #113875 50%, #0a2c61 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - azul escuro</div>


Spoiler:

Código:
<div style="background: linear-gradient(to bottom, #113875 50%, #0a2c61 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - azul escuro</div>


<div style="background: linear-gradient(to bottom, #008de0 50%, #007dc7 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - azul claro</div>


Spoiler:

Código:
<div style="background: linear-gradient(to bottom, #008de0 50%, #007dc7 50%);box-shadow: inset 1 0 0 1px rgba(0,0,0,.3), inset 0 3px rgba(255,255,255,.3);color: #fff;line-height: 30px;border-radius: 0 5px 5px 0;font-size: 12px;font-weight: bold;margin-left: -6px;text-transform: uppercase;display: inline-block;padding-right: 15px;padding-left: 15px;margin-top: 10px;margin-bottom: 10px;">tarja lateral - azul claro</div>

<div class="inicioTreino"><center>Roteiro - nome do treinamento &lt;'sigla&gt;</center><br><br><center><img src="https://i.imgur.com/iKY4glG.png"></center></div>


Spoiler:

Código:
<div class="inicioTreino"><center>Roteiro - nome do treinamento <'sigla></center><br><br><center><img src="https://i.imgur.com/iKY4glG.png"></center></div>

<div class="situacao">INFORMAÇÕES OU SITUAÇÃO</div>


Spoiler:

Código:
<div class="situacao">INFORMAÇÕES OU SITUAÇÃO</div>


<p class="tarjaVerde">Tarja verde para avisos ou mensagens restritas ao professor do treinamento.</p>


Spoiler:

Código:
<p class="tarjaVerde">Tarja verde para avisos ou mensagens restritas ao professor do treinamento.</p>


<p class="tarjaVermelha">Tarja vermelha de aviso ao professor que aplica o treinamento.</p>


Spoiler:

Código:
<p class="tarjaVermelha">Tarja vermelha de aviso ao professor que aplica o treinamento.</p>


<p class="tarjaPreta">Tarja preta para mensagens de aguarde, ou instruções ao professor.</p>


Spoiler:

Código:
<p class="tarjaPreta">Tarja preta para mensagens de aguarde, ou instruções ao professor.</p>


<p class="tarjaAzul">Tarja azul para respostas de treinamentos.</p>


Spoiler:

Código:
<p class="tarjaAzul">Tarja azul para respostas de treinamentos.</p>


<div class="creditos"><strong class="cred089">Créditos: Nicks dos autores</strong><br><span class="cred07">Atualização:</span> <strong class="cred07">Nick e data</strong><br><br><u class="cred07">Detalhes da última atualização:</u> <span class="cred07"> Observações e detalhes.</span></div>


Spoiler:

Código:
<div class="creditos"><strong class="cred089">Créditos: Nicks dos autores</strong><br><span class="cred07">Atualização:</span> <strong class="cred07">Nick e data</strong><br><br><u class="cred07">Detalhes da última atualização:</u> <span class="cred07"> Observações e detalhes.</span></div>
Megadeth

Megadeth
Nível 2

Masculino
Membro desde : 10/05/2020
Mensagens : 13
Pontos ativos : 23

https://plataformatestesfk.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Uso de cabeçalhos, tarjas e footers

Mensagem por pedxz 11.05.20 22:19

Pelo que vejo na sua folha de estilo, o senhor já tem os elementos criados. Encontre e apague (na sua folha de estilo):
Código:
.fade {
            display:inline-block;
            background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%);
            background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0)));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)";
        }
        .blur {
            display:inline-block;
            color:#ddd;
            text-shadow: 0 0 2px #aaaaaa;
            text-shadow: 0 0 4px #aaaaaa;
            text-shadow: 0 0 6px #aaaaaa;
            -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
            filter:
                progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
                progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
        }
        .flipH {
            display:inline-block;
            -moz-transform:scale(-1,1);
            -o-transform:scale(-1,1);
            -webkit-transform:scale(-1,1);
            transform:scale(-1,1);
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
            filter: progid:DXImageTransform.Microsoft.Matrix(
                M11=-1,
                M12=0,
                M21=0,
                M22=1,
                SizingMethod="auto expand");
        }
        .flipV {
            display:inline-block;
            -moz-transform:scale(1,-1);
            -o-transform:scale(1,-1);
            -webkit-transform:scale(1,-1);
            transform:scale(1,-1);
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
            filter: progid:DXImageTransform.Microsoft.Matrix(
                M11=1,
                M12=0,
                M21=0,
                M22=-1,
                SizingMethod="auto expand");
}
É um código nativo no CSS dos fóruns Forumeiros não existe necessidade de duplicar!


Agora o senhor pega na classe e adiciona na tabela, por exemplo:
Código:
[table class="tarjaVermelha"][tr][td]Tarja vermelha [/td][/tr][/table]
A classe é tarjaVermelha pode ser encontrada na sua folha de estilo o senhor só precisa trocar para outra:
Código:
[table class="tarjaAzul"][tr][td]Tarja Azul[/td][/tr][/table]


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6571
Pontos ativos : 7732

Ir para o topo Ir para baixo

Tópico resolvido Re: Uso de cabeçalhos, tarjas e footers

Mensagem por Megadeth 11.05.20 22:51

Consegui compreender, muito obrigado pela ajuda!
Pode fechar.
Megadeth

Megadeth
Nível 2

Masculino
Membro desde : 10/05/2020
Mensagens : 13
Pontos ativos : 23

https://plataformatestesfk.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Uso de cabeçalhos, tarjas e footers

Mensagem por pedxz 11.05.20 23:10

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6571
Pontos ativos : 7732

Ir para o topo Ir para baixo

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


Permissões neste fórum
Você não pode responder aos tópicos