Data/hora atual: 30.07.21 10:52

4 resultados encontrados para FFBF00

Uso de cabeçalhos, tarjas e footers

@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>

por Megadeth
em 11.05.20 22:09
 
Procurar em: Questões resolvidas sobre HTML e BBCode
Tópico: Uso de cabeçalhos, tarjas e footers
Respostas: 7
Vistos: 641

[Ranks] - Ranks para fórum

Endereço do fórum : [url=trgcla-nwd.forumeiros.com]trgcla-nwd.forumeiros.com[/url]
Imagens a serem usadas :
Dimensões : 165 x 45 px
Cor do fundo : #FFFFFF
Cor da fonte : #FFFFFF
Fonte : Arial Black
Animação :  
Moldura :  
Descrição do trabalho : Olá quero as plaquinhas do rank com de acordo com os grupos que eu vo deixar abaixo
e em um lugar da plaquinha escrever TRG com a cor que achar melhor para se destacar

Nome das plaquinhas de rank e cores

Fundador  Cor:#FF0000

Sub Dono Cor:#EEFF00

Administrador(a) Cor:#0000FF

Moderador Cor:#31C2F7

Tester Cor:#FFBF00

Designer Cor:#FF00E1

Membro Cor:#5F6263

se puder uns detalhes maravilhosos que vao fazer as placas ficarem mais bonitas
por xDominiC_.
em 09.07.18 0:04
 
Procurar em: Arquivos de Pedidos finalizados
Tópico: [Ranks] - Ranks para fórum
Respostas: 10
Vistos: 1075

[Ranks] - Médio

Endereço do fórum : http://playconnect.forumeiros.com
Imagens a serem usadas : http://www.thomasbenacci.co.uk/files/Nightwing_Forum_Ranks_Sample.png ; http://www.cervejariaselva.com.br/extras/img/Leao%20da%20Selva.png ;
Dimensões :  x  px
Cor do fundo : #FFFFFF
Cor da fonte : #FFFFFF
Fonte :  
Animação :  
Moldura :  
Descrição do trabalho : Boa tarde Muito feliz

Venho agora pedir uns ranks ^^, quero ranks iguais a desta imagem: http://www.thomasbenacci.co.uk/files/Nightwing_Forum_Ranks_Sample.png

Só que no lugar dos símbolos da esquerda << quero o Leão: http://www.cervejariaselva.com.br/extras/img/Leao%20da%20Selva.png

Note que em cada rank, conforme for subindo, há um número de "tracinhos" gostaria de manter isto se possível.

Cores e nomes:

Scripter - #FF00CC - 10 tracinhos
Fundador - #FF00CC - 9 tracinhos
Dono - #FF00CC - 8 tracinhos
Gerente - #FF00CC - 7 tracinhos

--------------------------------------------------------

Administrador - #2C1FED - 6 tracinhos
Helper - #4FE377 - 5 tracinhos
Designer - #FFBF00 - 4 tracinhos
Sócio - #34DAE0 - 3 tracinhos
Vip - #EDE213 - 2 tracinhos
Membro - #706E6E - 1 tracinho
Banido - #FC0303 - Deixa sem tracinhos nenhum

Se possível em algum lugar do rank, colocar a sigla BPC.

O tamanho do rank: https://i.imgur.com/g9HMxeo.png


Grato. Muito feliz
por Shaman
em 15.03.15 19:31
 
Procurar em: Arquivos de Pedidos finalizados
Tópico: [Ranks] - Médio
Respostas: 5
Vistos: 769

[Ranks] - Médio

Endereço do fórum : http://playconnect.forumeiros.com
Imagens a serem usadas :
Dimensões : x px
Cor do fundo : #FFFFFF
Cor da fonte : #FFFFFF
Fonte :
Animação :
Moldura :
Descrição do trabalho : Olá, vou pedir algo um pouco complexo não sei se vai da pra fazer Triste

Mas é assim, gostaria de um rank "PARECIDO" com este https://2img.net/h/oi61.tinypic.com/1174qch.png

Mas somente parecido, sem copiar pq mais pra frente pode dar problema.

Com a borda bodelada (Acredito que saibam fazer borda modelada rs) e com as imagens e nomes:

Fundador: COR do FUNDO #E40CB8 + -, Imagem do canto: http://arniesairsoft.co.uk/news2/wp-content/uploads/2007/RedWolfHalloweenPromotion2008_9ED0/image_4.png

Dono: COR do FUNDO #E40CB8 + -, Imagem do canto: http://auto.img.v4.skyrock.net/8823/84138823/pics/3143856086_1_2_cOmyFGcl.jpg


Administrador: COR de FUNDO #E40CB8 + -, imagem do canto: http://www.taurusarmas.com.br/upload/produto/RT44_g.png


Helper: COR de FUNDO #4FE377 + -, Imagem do canto: http://alevalkiria.files.wordpress.com/2014/01/injustice-gods-among-us-the-joker-render.png


Designer: COR de FUNDo #FFBF00 + -, Imagem do canto: http://4.bp.blogspot.com/-dmKCqTtJCrI/TtpvyhdElxI/AAAAAAAAAzo/IdLy6iclqSM/s1600/render+HD.png


Membro: COR de FUNDO um cinza meio escuro, Imagem do canto: http://www.gta5.com.br/wp-content/uploads/2014/04/Punho-Soco-GTA-V.png


Espero que não seja muito dificil '-'. O tamanho e o mesmo e em cima ali no canto superior direito coloca bem pequeno a sigla BPC.


Desde ja agradeço!





por Shaman
em 10.03.15 2:32
 
Procurar em: Arquivos de Pedidos finalizados
Tópico: [Ranks] - Médio
Respostas: 9
Vistos: 860

Ir para o topo

Ir para: