Data/hora atual: 28.09.20 20:46

93 Resultados encontrados para fff

Formulário de Recrutamento

Eu deixei branco para ajudar na leitura, mas o senhor só precisa de localizar na página HTML: background: #fff; e altere o #fff para transparent
por pedxz
em 16.08.20 19:56
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Formulário de Recrutamento
Respostas: 25
Visto: 216

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
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Uso de cabeçalhos, tarjas e footers
Respostas: 7
Visto: 310

Perfil IPB para AwesomeBB

Olá @joaquin,

Primeiro faça isto:
Spoiler:


Tópicos com a tag fff em Fórum dos Fóruns Alerte10

[TUTORIAL] Perfil IPB para usuários forumeiros


Neste tutorial, você irá aprender á deixar os perfis de seu fórum como os de fóruns IPB.

Tópicos com a tag fff em Fórum dos Fóruns Act_bottomAtenção!
Caso retire os créditos do criador do código ( [F]lames ), um litígio será aberto contra o fórum em questão por retirar os devidos créditos do criador.

--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Perfil IPB para usuários forumeiros



- Estudo e adição do código JavaScript:
Aceda á Gestão dos códigos JavaScript:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Localize, e clique em "Criar um novo código JavaScript":
Título: -Perfil estilo IPB ( [F]lames ).
Investimento: Não marque NADA.
Código JS:

jQuery(document).ready(function() {
 if(jQuery('#profile-advanced-right').length) {
     jQuery('body').prepend('<style>#profile_panes_wrap .reputation .title {font-size: 13px;}.reputation.positive, .members li.positive {background: #649b16;color: #FFF !important;}#profile_panes_wrap .reputation {line-height: 1.8em;}.ipsButton_secondary:hover {color: #4c4c4c;border-color: #9a9a9a;}.ipsButton_secondary {height: 22px;line-height: 22px;font-size: 12px;padding: 0 10px;background: #f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)) !important;border: 1px solid #dbdbdb;-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #616161;display: inline-block;white-space: nowrap;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;}.ipsBadge_green {background: #75b618;}.ipsVerticalTabbed_tabs li a:hover {background: #f5f5f5;color: #808080;}.clear {clear: both;}.ipsBox, .ipsPad {padding: 9px;}.ipsBox {background: #f0f0f0;}.ipsLayout_smallleft.ipsLayout_withleft {padding-left: 150px;}.ipsLayout_smallleft.ipsLayout .ipsLayout_left {width: 140px;margin-left: -150px;float: left;}.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {position: relative;}.short {text-align: center;}.photo_holder {position: relative;}.ipsVerticalTabbed_tabs>ul {width: 149px !important;margin-top: 10px;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}.ipsVerticalTabbed_tabs li {background: #fbfbfb;color: #808080;border-bottom: 1px solid #eaeaea;font-size: 13px;}.ipsVerticalTabbed_tabs li.active a {width: 135px;position: relative;z-index: 999;border-right: 1px solid #fff;background: #fff;color: #353535;font-weight: bold;}.ipsVerticalTabbed_tabs li a {display: block;padding: 10px 8px;outline: 0;-webkit-transition: background-color 0.1s ease-in-out;-moz-transition: background-color 0.3s ease-in-out;}.ipsLayout_content {width: 100%;float: left;}.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {position: relative;}.ipsBox_container {background: #fff;border: 1px solid #e0e0e0;}.ipsPad {padding: 9px;}#profile_content_main {min-height: 75px;line-height: 1.3;margin-bottom: 20px;}#user_info_cell {display: table-cell;white-space: nowrap;padding-right: 15px;}.ipsType_pagetitle, .ipsType_subtitle {font: 300 26px/1.3 Helvetica,Arial,sans-serif;color: #323232;}.reset_cursor {cursor: default;}.ipsBadge {display: inline-block;height: 16px;line-height: 16px;padding: 0 5px;font-size: 9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}.ipsBadge_lightgrey {background: #b3b3b3;}.desc.lighter, .desc.lighter.blend_links a {color: #a4a4a4;}.desc, .desc.blend_links a, p.posted_info {font-size: 12px;}.rating {display: block;margin-bottom: 4px;line-height: 16px;}#user_utility_links {margin-top: 10px;text-align: right;}.ipsList_inline>li:first-child {margin-left: 0;}.ipsList_inline>li {display: inline-block;margin: 0 3px;}.ipsButton_secondary {height: 22px;line-height: 22px;font-size: 12px;padding: 0 10px;background: #f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));border: 1px solid #dbdbdb;-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #616161;display: inline-block;white-space: nowrap;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;}.ipsList_inline>li {display: inline-block;margin: 0 3px;}.ipsList_inline>li:last-child {margin-right: 0;}.ipsList_inline>li {display: inline-block;margin: 0 3px;}.ipsButton_secondary a {color: #616161;}.ipsButton_secondary {height: 22px;line-height: 22px;font-size: 12px;padding: 0 10px;background: #f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));border: 1px solid #dbdbdb;-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #616161;display: inline-block;white-space: nowrap;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;}.ipsLayout_largeright.ipsLayout_withright {padding-right: 280px;}.ipsLayout_content {width: 100%;float: left;}.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {position: relative;}.general_box h3 {font: normal 14px helvetica, arial, sans-serif;padding: 8px 10px;background: #e4ecdb;color: #486620;}.ipsList_data li {margin-bottom: 6px;line-height: 1.3;}.ipsList_data .row_title, .ipsList_data .ft {display: inline-block;float: left;width: 120px;font-weight: bold;text-align: right;padding-right: 10px;}#profile_panes_wrap .ipsList_data .row_data {display: block;margin-left: 130px;word-wrap: break-word;max-width: 100%;}.ipsList_data li {line-height: 1.3;}.general_box {background: #fcfcfc;margin-bottom: 10px;}.ipsLayout_largeright.ipsLayout .ipsLayout_right {width: 270px;margin-right: -280px;float: right;}#profile_panes_wrap .reputation {float: none;margin: 0 0 5px 0;padding: 10px;text-align: center;font-weight: normal;display: block;}.reputation.zero {background: #dedede;color: #6e6e6e;-webkit-border-radius: 3px;border-radius: 3px;width: 93%;}#profile_panes_wrap .reputation .number {font-size: 20px;font-weight: bold;display: block;}#profile_panes_wrap .reputation {text-align: center;font-weight: normal;}.desc, .desc.blend_links a, p.posted_info {font-size: 12px;color: #777;}.ipsBox, .ipsPad {padding: 9px;}</style>');
     jQuery('#profile-advanced-right').after('<div class="ipsBox clear vcard" id="profile_background"><div class="ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_smallleft clearfix"><div class="ipsVerticalTabbed_tabs ipsLayout_left" id="profile_tabs" style="background: #f0f0f0;position: relative;margin-left: -159px;width: 159px;border-bottom: 1px solid #eaeaea;"><p class="short photo_holder"><img src="" class="avatar_img" style="max-height: 240px; max-width: 150px;"></p><ul class="clear" style="margin-top: 17px;width: 159px !important;"><li id="tab_link_core:info" class="tab_toggle active" data-tabid="user_info" style="margin-top: 0px;"><a href="#">Visão Geral</a></li><li id="tab_link_members:friends" class=" tab_toggle" data-tabid="friends"><a href="friends" title="Visualizar Amigos">Amigos</a></li><li id="tab_link_forums:topics" class=" tab_toggle" data-tabid="topics"><a href="/sta/" title="Visualizar Tópicos">Tópicos</a></li><li id="tab_link_forums:posts" class=" tab_toggle" data-tabid="posts"><a href="/spa/" title="Visualizar Posts">Posts</a></li><li class=" tab_toggle" style=""><a href="#" style="color: #777 !important;"><b>Créditos:</b> [F]lames</a></li></ul></div><div class="ipsVerticalTabbed_content ipsLayout_content ipsBox_container" id="profile_content" style="min-height: 431px;"><div class="ipsPad"><div id="profile_content_main"><div id="user_info_cell"><h1 class="ipsType_pagetitle"><span class="fn nickname"></span></h1>Cadastrado: <span class="userins"></span><br><br><span class="ipsBadge reset_cursor ipsBadge_lightgrey">offline</span></div><ul class="ipsList_inline" id="user_utility_links"><li id="friend_toggle" class="ipsButton_secondary"><a href="/profile?friend=&mode=editprofile&page_profil=friendsfoes" title="Adicionar como Amigo"><img src="http://hydracheats.com.br/forum/public/style_images/xgame/user_add.png" alt="Adicionar como Amigo">   Adicionar como amigo</a></li><li class="pm_button" id="pm_xxx_16" style="background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(246, 246, 246)), to(rgb(229, 229, 229)));"><a href="#" title="Enviar MP" class="ipsButton_secondary"><img src="http://hydracheats.com.br/forum/public/style_images/xgame/email_open.png" alt="Enviar MP">   Enviar mensagem</a></li></ul></div><div id="profile_panes_wrap" class="clearfix"><div id="pane_core:info" class="ipsLayout ipsLayout_withright ipsLayout_largeright clearfix"><div class="ipsLayout_content"><div class="general_box clearfix"><h3>Estatísticas</h3><br><ul class="ipsList_data clearfix"><li class="clear clearfix"><span class="row_title">Rank:</span><span class="row_data"><span class="userank"><b></b></span></span></li><li class="clear clearfix"><span class="row_title">Posts:</span><span class="row_data"><span class="userpost"></span></span></li><li class="clear clearfix"><span class="row_title">Nascimento:</span><span class="row_data desc lighter"><span class="usernasc"></span></span></li><li class="clear clearfix"><span class="row_title">Sexo:</span><div class="row_data"><img src="http://hydracheats.com.br/forum/public/style_images/xgame/profile/mystery.png" alt="Não informado"> <span class="usersexo"></span></div></li></ul><br></div><div class="general_box clearfix"><h3>Contato</h3><br><ul class="ipsList_data clearfix"></ul></div></div><div class="ipsLayout_right"><div class="reputation zero" id="anonymous_element_21"><span class="number">0</span><span class="title">Neutral</span></div><br><div class="general_box clearfix" id="friends_overview"><h3>Amigos</h3><div class="ipsPad"><p class="desc"></p></div></div><div class="general_box clearfix"><h3>Últimos visitantes</h3><p class="ipsPad desc">Sem visitantes</p></div></div></div></div></div></div></div></div>');
     jQuery('#profile-advanced-layout, #profile-advanced-right').hide();
     jQuery('.ipsPad #profile_content_main #user_info_cell h1.ipsType_pagetitle span.fn.nickname').html(jQuery('#profile-advanced-right .module.main:first .main-head .h3').text().split(' (conectado)').join(''));
     jQuery('.ipsPad #profile_content_main #user_info_cell .userins').html(jQuery('.main-content.clearfix .middleline dl[id^="field_id"]:contains("Data de inscrição") dd .field_uneditable').text());
     jQuery('.ipsBox.clear .ipsVerticalTabbed p.short.photo_holder .avatar_img').attr('src',jQuery('#profile-advanced-right .module.main .main-content.clearfix.center img:first').attr('src'));
     jQuery('.ipsBox.clear .ipsVerticalTabbed .ipsPad #profile_panes_wrap .ipsLayout .ipsLayout_content .general_box ul.ipsList_data li.clear.clearfix .row_data .userank b').html(jQuery('#profile-advanced-right .module.main .main-content.clearfix.center').html().split('Rank: ').join('').split('<br>').join('').split('src="').join('style="display: none;" src="'));
     jQuery('.ipsBox.clear .ipsVerticalTabbed .ipsPad #profile_panes_wrap .ipsLayout .ipsLayout_content .general_box ul.ipsList_data li.clear.clearfix .row_data .userpost').text(jQuery('.main-content.clearfix .middleline dl[id^="field_id"]:contains("Mensagens:") dd .field_uneditable').text());
     jQuery('.ipsBox.clear .ipsVerticalTabbed .ipsPad #profile_panes_wrap .ipsLayout .ipsLayout_content .general_box ul.ipsList_data li.clear.clearfix .row_data .usernasc').text(jQuery('.main-content.clearfix .middleline dl[id^="field_id"]:contains("Data de nascimento") dd .field_uneditable').text());
     jQuery('.ipsBox.clear .ipsVerticalTabbed .ipsPad #profile_panes_wrap .ipsLayout .ipsLayout_right .general_box .ipsPad p.desc').html(jQuery('#profile-advanced-right .module.main:last .main-content .friend-block a').text());
     jQuery('ul#user_utility_links li#friend_toggle a').attr('href','/profile?friend='+jQuery('#profile-advanced-right .module.main:first .main-head .h3').text().split(' (conectado)').join('')+'&mode=editprofile&page_profil=friendsfoes');
     jQuery('ul.clear li a:contains("Tópicos")').attr('href','/sta/'+jQuery('#profile-advanced-right .module.main:first .main-head .h3').text().split(' (conectado)').join(''));
     jQuery('ul.clear li a:contains("Posts")').attr('href','/spa/'+jQuery('#profile-advanced-right .module.main:first .main-head .h3').text().split('(conectado)').join(''));
     jQuery('ul.clear li a:contains("Amigos")').attr('href',location.href+'friends');
     if(jQuery('#profile-advanced-right .module.main:first .main-head .h3:contains("conectado")').length) {jQuery('.ipsPad #profile_content_main #user_info_cell .ipsBadge.reset_cursor').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey');}
     else if(jQuery('#profile-advanced-right .module.main:first .main-head .h3').not('#profile-advanced-right .module.main:first .main-head .h3:contains("conectado")').length) {jQuery('.ipsPad #profile_content_main #user_info_cell .ipsBadge.reset_cursor').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green');}
     jQuery('.ipsButton_secondary').css('background','-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5))');
     jQuery('li.pm_button a.ipsButton_secondary').attr('href','/privmsg?mode=post&u='+location.href.split('LINK_DE_SEU_FÓRUM/u').join(''));
     jQuery('.userClient, .userDesigner, .userManagement, .userMember, .userMemberactive, .userModerator, .userStaff, .vipBS').attr('style','background: none;color: black;text-shadow: none;border-radius: 0px;font-size: 11px;margin-top: 0px;padding: 0px;');
     jQuery.get(location.href+'stats', function(data) {
       var l=jQuery('#profile-advanced-details .main-content fieldset:nth-child(2) ul:contains("Reputação") li:first',data).text().split('Reputação :').join('');
       jQuery('.reputation.zero .number').text(l);
     });
     if(jQuery('#profile_panes_wrap .reputation .number').text()>=10) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Bom !');}
     if(jQuery('#profile_panes_wrap .reputation .number').text()>=25) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Excelente !');}
     if(jQuery('#profile_panes_wrap .reputation .number').text()>=40) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Ótimo !');}
     if(jQuery('#profile_panes_wrap .reputation .number').text()>=80) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Maravilhoso !');}
     if(jQuery('#profile_panes_wrap .reputation .number').text()>=160) {jQuery('#profile_panes_wrap .reputation').removeClass('zero').addClass('positive');jQuery('#profile_panes_wrap .reputation .title').text('Perfeito !');}
 }
});
function esc() {
 jQuery('script#mi').remove();
 setTimeout('esc()',100);
}
esc();

Antes de salvar, localize "LINK_DE_SEU_FÓRUM" e substitua pelo link de seu fórum; devendo ficar como este exemplo "http://bestskins.forumeiros.com/u".
Salve!



- Estudo e adição da configuração do código:
Aceda á Configuração:
Painel de Controle Seta Geral Seta Fórum Seta Configuração

Localize "Descrição do Site * :", e, no campo ao lado, antes de tudo, adicione isto:
<script src="LINK.js" id="mi"></script>

LINK Seta Substitua isto pelo link do código JavaSCript criado anteriormente, por exemplo:
<script src="/78564.js" id="mi"></script>

Salve!


- Resultado:
Tópicos com a tag fff em Fórum dos Fóruns 7Vt8WXS



  • Isto é funcional à que versões ??
    O código é funcional á todas as versões, mas apenas foi testado na versão PunBB.



  • Pessoas poderão retirar este código de meu fórum usando o Inspecionar Elemento ??
    Caso você configure bem o código, o mesmo tem um sistema de proteção que impede os usuários de retirarem este código de seu fórum para uso próprio.



  • Oque acontece caso eu retire os créditos do código ??
    O fórum em questão poderá receber um litígio por retirar os devidos créditos do autor do código, eu, [F]lames.





© BestSkins & [F]lames


Tópicos com a tag fff em Fórum dos Fóruns Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL] Perfil IPB para usuários forumeiros



Veja se fica do seu agrado, se faltar algum ajuste avise!

Atenciosamente,
Sleep
por Sleep
em 24.04.20 2:50
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Perfil IPB para AwesomeBB
Respostas: 6
Visto: 433

Nomes brancos ao mencionar membros

Olá,

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


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


  • busca.

Adicione este código CSS:
Código:
.mentiontag:link, .mentiontag:visited {

    color: #FFF;

}

Troque {#}FFF{/#} pela cor que quiser em hexadecimal / inglês / rgb(a).
Se quiser com background, use este código:
Código:
.mentiontag:link, .mentiontag:visited {

    color: #FFF;
    background-color: #8c8cc0!important;

}


Cordialmente,
Roger123
por Convidado
em 09.08.19 10:03
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Nomes brancos ao mencionar membros
Respostas: 5
Visto: 429

Barra de membros conectados preta

Olá @Luqui,

Você tem este código no CSS acima:

#main-content .statistics  {
     background-color: #fff;
     padding: 17px!important;
}


Porém, a divisão com a class "statistics" não se encontra dentro de "#main-content", por isso ele não funciona.

Substitua apenas o trecho acima por este:

Código:
#main .statistics  {
      background-color: #fff;
      padding: 17px!important;
}


Abraços. Feliz
por RafaelS.
em 19.07.18 0:24
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Barra de membros conectados preta
Respostas: 5
Visto: 344

Personalizar barra de menu

Procure por:
a.mainmenu.active {
background-color: black;
color: #fff;
padding: 5px;
text-decoration: none !important;
font-weight: bold;
border-radius: 4px 4px 0 0;
}

Altere o que esta de vermelho até ficar ao seu gosto

Atenciosamente,
Neox
por Neox
em 08.07.18 4:44
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar barra de menu
Respostas: 37
Visto: 1029

botões da barra de ferramentas de postagem

É por causa nesta parte do CSS
Código:
#profile-advanced-add a, a.button1, a.button2, button.button2, input.button, input.button1, input.button2 {
    background: #c90;
    border: none;
    border-bottom: 2px solid #17A;
    border-radius: 15px;
    color: #FFF!important;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: .3s;
}

tenta remover o !important a frente de color: #FFF;
ou simplesmente remove input.button,
por pedxz
em 03.07.18 22:30
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: botões da barra de ferramentas de postagem
Respostas: 8
Visto: 336

Código para exibir perfil ModernBB

Olá!

É sim possível. Altere o código anterior para este:

Código:
jQuery(document).ready(function(){
  jQuery('.post .postprofile').each(function(){
    jQuery(this).find('.postprofile-info').insertAfter(this).hide();
    jQuery(this).find('.postprofile-rank').after('<input onclick="jQuery(this).closest(\'.post\').find(\'.postprofile-info\').fadeToggle();" style="font-weight: bold;font-family: century gothic;" id="botpefi" value="Exibir perfil" type="button">');
});
});


Após isso, adicione à sua folha de estilos:

Código:
.post .postprofile-info {
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: #fff;
    border: 6px solid #379ecf;
    border-radius: 4px;
    max-width: 300px;
    padding: 7px;
    position: absolute;
    z-index: 999;
    left: 18%;
    top: 5%;
}

.postprofile #botpefi {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
    background: #242c2e!important;
    background-color: #242c2e!important;
    border: 1px solid #212121;
    border-color: #212121!important;
    border-radius: 3px;
    border-width: 1px 1px 0;
    box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #191919;
    width: 100%;
}


A caixa flutuante irá aparecer do lado direito, ou seja por cima do tópico. Para alterar para o lado esquerdo procure no código CSS que lhe passei, o seguinte:

.postprofile .postprofile-info {
   -moz-border-radius: 7px;
   -o-border-radius: 7px;
   -webkit-border-radius: 7px;
   background: #fff;
   border: 6px solid #379ecf;
   border-radius: 4px;
   max-width: 300px;
   padding: 7px;
   position: absolute;
   z-index: 999;
  left: 18%;
   top: 5%;
}


Seta Altere 18% para -20%.
Seta Remova o top: 5%;

Até mais.  zen
por RafaelS.
em 24.06.18 13:44
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Código para exibir perfil ModernBB
Respostas: 5
Visto: 626

Como mudar as cores e arrumar os cargos do fórum?

Ok, vamos lá por partes!

1) Para alterar o que está circulado em verde, procura por:

Código:
.module .main-head


Ai você vai achar:
Clique Aqui:
.module .main-head {
-moz-box-shadow: inset 0 0 0;
-webkit-box-shadow: inset 0 0 0;
[b]background: #369fcf;[/b]
border: 0;
border-radius: 5px 5px 0 0;
box-shadow: inset 0 0 0;
color: #fff;
font-family: helvetica,arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 10px;
}


Seta Altere #369fcf para a cor desejada.

2) Para alterar a borda azul, procura por:

Código:
.main .main-foot, .main .main-head


Ai você vai achar:
Clique Aqui:
.main .main-foot, .main .main-head {
-moz-border-radius: 4px 4px 0 0;
-moz-box-shadow: inset 0 1px 0 [b]#528cbc;[/b]
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 [b]#528cbc;[/b]
background: #000;
border-color: [b]#1a8bbf;[/b]
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 #528cbc;
color: #fff;
margin-top: 15px;
padding: 10px 10px 11px;
}


Seta Troca #528cbc e #1a8bbf para a cor desejada.

Até mais. zen
por RafaelS.
em 13.04.18 19:40
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como mudar as cores e arrumar os cargos do fórum?
Respostas: 5
Visto: 544

Cor/Bordas

Sim, tem. Utilize este código:
Código:
li.header dl.icon { background-color: #FFF; }


Já sabe, #FFF é a cor hexadecimal.

Atenciosamente,
Fraise.
por Fraise
em 30.03.18 17:14
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor/Bordas
Respostas: 13
Visto: 551

Cor/Bordas


Atenção!

Você não pode fazer UP's antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros!
Regras do FdF | Regras do Setor de Suporte


Bom dia @SheikZZ,

Adicione em sua folha de estilos:
Código:
.forabg { background-color: #FFF !important; }


#FFF corresponde à cor hexadecimal desejada.

Atenciosamente,
Fraise.
por Fraise
em 30.03.18 10:30
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor/Bordas
Respostas: 13
Visto: 551

Alterar cor de fundo do balão de mensagens

Boa noite.

Você pode mudar com CSS mesmo. Acesse Visualização >> Imagens e Cores > Cores > Folha de estilos CSS e adicione depois de
Código:
.fa-post-content-wrapper .content {
  margin: 0 !important;
}
Esse novo código:
Código:
.fa-post-content-wrapper div.content.clearfix {
background-color: COR_AQUI;
}
Substitua o COR_AQUI pela cor hexadecimal ou nome da cor em inglês desejada e salve. Depois disso, apenas localize:
Código:
.fa-post-content-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: calc(100% - 1px);
  border: solid 20px transparent;
  border-left-color: #fff;
  border-top-color: #fff;
  z-index: 999;
  filter: drop-shadow(2px -1px 0px rgba(0, 0, 5, .09));
}
E troque o "#fff" do border-left-color e do border-top-color. Muito feliz

Salve seu CSS antes de tudo.

Atenciosamente,
Shek King
por Shek
em 28.01.18 1:44
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterar cor de fundo do balão de mensagens
Respostas: 5
Visto: 491

Colocar o campo buscar neste local !

Adicione mais este CSS:
Código:
#search-box #keywords {
    background-color: grey !important;
}

"Grey" é cinza em inglês. Pode personalizar para a cor que desejar, um cinza mais claro em hexadecimal, etc.
Hexadecimal exemplo: #000 - #000000 - #fff - #ffffff


Att! Feliz
por Konai
em 02.12.17 23:32
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Colocar o campo buscar neste local !
Respostas: 13
Visto: 700

Aumentar Aba Loguim

Troque por essa:


.topic-actions-buttons{
display: none;
}

.fa_login_row {
margin: 0px 0;
}

.fa_login_button {
color: #69C;
background: none;
border: 0px solid #69C;
border-radius: 3px;
font-size: 16px;
font-weight: bold;
font-family: Arial, sans-serif;
display: block;
height: 30px;
line-height: 3px;
width: 240px;
margin: 3px auto;
transition: 250ms;
outline: none;
cursor: pointer;
}

element.style {
height: 290px;
}

.button, .button1, .button2, input[type="submit"] {
background-color: #3793ff;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
color: #fff;
display: inline-block;
font-family: Roboto, sans-serif;
font-size: 1.2rem;
font-weight: 500;
overflow: hidden;
padding: 1px 20px;
position: relative;
text-decoration: none;
vertical-align: middle;
width: auto!important;
}




Até mais!
por Ketholy
em 23.11.17 13:59
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Aumentar Aba Loguim
Respostas: 16
Visto: 530

A fonte daqui está preta

Olá

Vá em:

Painel de controle>Visualização>Imagens e cores>Cores>Folha CSS

Aplique o código:
Código:
.post-entry {
color: #fff!important;
}


Obs: Modifique #fff pela cor deseja.
por Ketholy
em 13.11.17 14:44
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: A fonte daqui está preta
Respostas: 3
Visto: 273

Menu Mensagem Privada

Orientações:



Código:
// Todo CSS[size=16][/size]
$('head').append([size=16][/size]
'<style type="text/css">' +[size=16][/size]
'  #bs_full_inbox {' +[size=16][/size]
'  font-size: 13px;' +[size=16][/size]
'  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;' +[size=16][/size]
'  line-height: 18px;' +[size=16][/size]
'  margin-top: 15px;' +[size=16][/size]
'  display: none;' +[size=16][/size]
'  width: 450px;' +[size=16][/size]
'  background: #333333;' +[size=16][/size]
'  box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +[size=16][/size]
'  border-radius: 3px;' +[size=16][/size]
'  z-index: 200;' +[size=16][/size]
'  position: absolute;' +[size=16][/size]
'  }' +


>Nessa parte #333333 do código você irá modificar a cor de fundo.


Código:
[size=16].bs_inbox_header {' +[/size][size=16][/size]
[size=16]'  background: #333333;' +[/size][size=16][/size]
[size=16]'  border-bottom: 1px solid #252525;' +[/size][size=16][/size]
[size=16]'  box-shadow: 0px 1px 6px rgba(0,0,0,0.07);' +[/size][size=16][/size]
[size=16]'  border-radius: 3px 3px 0px 0px;' +[/size][size=16][/size]
[size=16]'  padding: 10px;' +[/size][size=16][/size]
[size=16]'  line-height: 24px;' +[/size][size=16][/size]
[size=16]'  }' +[/size]


>Nessa outra parte #333333 irá modificar a cor de fundo do nome caixa de entrada 


Código:
#bs_full_inbox a {' +[size=16][/size]
'  color: #fff;' +[size=16][/size]
'  text-decoration: none;' +[size=16][/size]
'  }' +


>Nessa parte #fff irá modificar cor da letra de fundo e do nome ir para mensagens 

 
Código:
.bs_inbox_item {color: #9c9c9c;}' +
'  .bs_inbox_item .topictitle {display: inherit;}' +
'  .bs_inbox_footer {' +
'  background: #333333;' +
'  text-align: center;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  border-top: 1px solid #252525;' +
'  box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 0px 0px 3px 3px;' +
'  }' +



>Nessa parte #333333 irá modificar a cor de fundo do nome ir para mensagens 

Obs: Faça as modificações e poste se está tudo ok.
por Ketholy
em 21.10.17 1:49
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Menu Mensagem Privada
Respostas: 17
Visto: 865

Mudar cor da fonte/letra do perfil

Olá thegmxl,

Seja bem vindo ao FDF!

O senhor pode está modificando a cor da fonte padrão acessando:

Painel de controle>Visualização>Imagens e cores>Cores>Cor do texto>

Basta alterar pela cor que preferir.

Caso não funcione, acesse:

Painel de controle>Visualização>Imagens e cores>Cores>Folha de estilo CSS

Aplique o seguinte código:
Código:
.post-entry {
color: #fff!important;
}


Obs: Troque o #fff pela cor deseja.

Atenciosamente: Ketholy
por Ketholy
em 19.10.17 1:13
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Mudar cor da fonte/letra do perfil
Respostas: 5
Visto: 577

Cor do texto do fórum

Olá

A forma mais rápido de modificar a cor do texto e indo em painel de administração.

Painel de controle>Visualização> Imagens e cores> Cores> Modificar cor do texto.

Após aplicar a cor click em salvar.

Obs: Caso não esteja funcionando, aplique o seguinte código abaixo.
Código:
.post-entry {
color: #fff!important;
}


No nome color: #fff, troque pela cor que deseja.


Atenciosamente: Ketholy
por Ketholy
em 14.09.17 16:20
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do texto do fórum
Respostas: 3
Visto: 325

Colorir um nick em especial

Olá autor, pois então, não tem como colorir o nome de um usuário se ele for de um grupo especial, pois pelo painel é fixo a cor do grupo, sabe? mesmo com o requesito !important, não dá.

Te dou uma opção que é chata... mas, coloque isso na sua folha de estilo css:

Código:
a[href="/u3"] {
font-size:0px!important;
}
a[href="/u3"]:after {
content:"Nome"!important;
color:#fff;
font-size:12px;
}


Modifique o /u3, onde o 3 é o número do registro da pessoa e também modifique o "Nome", onde deve colocar o nome da pessoa certinho, e troque o valor do color... "#fff" é a cor branca, ou você pode por o nome em inglês: "black", "blue", etc.

Tem uma maneira legal de efeito, adicione esse código css em sua folha de estilo css, o efeito funciona perfeitamente no /u3 na pagina inicial, é só uma amostra do poder do CSS:

Código:
span[style="color:#D19122"] strong {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
 
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
 
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
 
@-moz-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
 
@-webkit-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
 
@keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


Cordialmente,
While.
por while
em 01.09.17 1:31
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Colorir um nick em especial
Respostas: 10
Visto: 777

Colorir um nick em especial

Olá,

Adicione em sua folha de estilo:
Código:
a[href="/u2"] {
    text-shadow: 0px 0px 2px #fff;
}


Seta #FFF corresponde à cor (hexadecimal) desejada.

Abraço,
Fraise.
por Fraise
em 31.08.17 14:58
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Colorir um nick em especial
Respostas: 10
Visto: 777

Editar cor da imagem & Mudar o ícone

Informações técnicas

Tipo de pedido : [Ícones]
Dimensões : 90x100
Cores primátias : #E6AD1D
Cores secundárias : #fff
Imagens do pedido :
Imagens a serem usadas:

Link do meu fórum : http://testepunbb.forumeiros.com/

Informações adicionais

Descrição do que desejo :

Olá. Muito feliz

Irei pedir uma coisa bem simples hoje aos senhores:
(Ao menos eu penso que seja simples, pois não entendo muito bem de edição gráfica Rindo )

Tenho essa imagem:
https://i.servimg.com/u/f38/18/21/41/30/cre10.png

Gostaria de mudar o fundo dela para a cor #e6ad1d, e mudar o ícone para este:
-> http://fontawesome.io/icon/life-ring/

---

Exemplo do ícone:




o/
por Luiz
em 06.04.17 17:58
 
Buscar em: Arquivos de Pedidos finalizados
Tópico: Editar cor da imagem & Mudar o ícone
Respostas: 12
Visto: 719

Botões em .CSS

Tente alterar o código que lhe passei acima por:
span.fa-btn {
background-color: #3091c1;
color: #fff;
transition: all 200ms ease-in-out;
padding: 5px 9px;
border-radius: 4px;
border-bottom: solid 3px #2a79a0;
display: inline-block;
margin-top: 15px;
}

span.fa-btnRed {
background-color: #da4d45;
border-bottom-color: #a53933;
}

span.fa-btn:hover {
background-color: #2a2c33;
border-bottom-color: #202127;
}


Altere o valor destacado à teu gosto.

Tchau
por Luiz
em 30.03.17 23:52
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Botões em .CSS
Respostas: 9
Visto: 1127

Visualização de tópico

Procure no seu viewtopic_body por:

Código:
class="profile-field


E troque por:

Código:
class="profile-field color-primary


Procure no seu CSS por:

Código:
.post .content {
    padding: 10px;
    background: #fff !important;
}


E remova o background: #fff !important;
por Kyo Panda
em 13.03.17 13:19
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Visualização de tópico
Respostas: 22
Visto: 975

Estatisticas personalizadas

Boa tarde.

Adicione em seu CSS:
Código:
div#stats {
    padding: 10px;
    padding-bottom: 25px;
    background-color: #FF5722;
    width: 100%;
}
Se quiser mudar a cor das letras, ainda no CSS, procure por:
Código:
.statsPers li
e mude o color: #cacaca;. O #cacaca é hexadecimal da cor. Se quiser branco, coloque #fff Piscada
por Shek
em 14.12.16 15:14
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Estatisticas personalizadas
Respostas: 11
Visto: 593

Alinhar colunas das categorias

Detalhes da questão


Endereço do fórum: http://winxclubfadas.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá.
Gostaria de alinhar os elementos das categorias: última mensagem e colunas, da melhor forma possível.

Folha de estilos CSS:
/* Forum */
#logo {
position:relative !important;
top: 15px;
}

#wrap {
margin-left: 255px;
-moz-border-radius: 60px;
border-radius: 60px;
border-right: 7px solid #121E38;
border-left: 7px solid #121E38;
border : 2px solid #121E38;
max-width: 1050px !important;
}

/* --- */

/* Navigation */
a.mainmenu {
bottom: 100px;
font-family: trebuchet ms;
font-size: 9px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
background-color:#0e0e0e;
border-bottom: 0px solid #ddd;
color:#848484;
-webkit-transition: all 0.2s linear 0ms;
padding: 10px;
}

a.mainmenu:hover {
bottom: 100px;
text-decoration: none;
color: #000;
text-transform:uppercase;
background-color:#f9f9f9;
border-bottom: 0px solid #aaa;
padding: 10px;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
/* --- */

/* Widgets */

.h3 {
padding: 0px;
width: 200px;
text-align: right;
color: #ffffff;
font-family: times new roman;
font-size: 15px;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #000;
margin-bottom: 0px;
position: relative;

}

.module h3{
color: #121E38;
}

.module .h3 {
height: 20px;
font-family: Oranienbaum !important;
font-size: 18px;
max-width: 300px !important;
text-align: center;
border-bottom: 1px solid #121E38;
padding-bottom: 3px;
visibility: ;
}

#content-container div#left {
overflow-y:auto;
background-color:#0e0e0e;
color:#121E38;
background-position:initial initial;
background-repeat:initial initial;
border-left-color:#121E38;
border-left-style:solid;
border-left-width:25px;
border-right-color:#121E38;
border-right-style:solid;
border-right-width:10px;
float:none;
height:100%;
margin:0;
padding:0;
position:fixed;
left: 10px;
top:0;
width:200px;
}

#comments_scroll_container {
font-family: georgia;
font-size: 11px;
text-tranform: lowercase;
text-align: left;
padding: 7px;
background: #;
text-align: center;
border-radius: 0px 0px 0px 0px;
}

/* --- */

/* Forum Table */

ul.forums {
background-image: url("https://i.imgur.com/QaUnqqp.png");
background-repeat: repeat;
background-color: #121E38;
border-bottom: 15px solid #121E38;
border-radius: 0 0 40px 40px;
}

li.header {
background-image: url(\'https://i.imgur.com/PbcxC7c.png\');
color: #121E38;
text-transform: none;
font-size:0px;
padding: 35px;
background-color: #121E38;
border-bottom: 0px solid #121E38;
text-align: right;
}

.forabg .row {
display: inline-block;
width: 50%;
}
dd.dterm {
margin-left: 15px;
}
.forabg dd.topics {
position: absolute;
}

.forabg dd.posts {
position: absolute;
}

.forabg dd.lastpost {
position: absolute;
}


#desc-ro {
background: #DDD;
width: 362px;
height: 200px;
}

a.forumtitle {
color: #EEE9E9;
display: block;
font-family: \'Neucha\', cursive;
font-size: 20px;
margin-bottom: -16px;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
width: 361px;
font-weight: lighter;
}

.forabg dd.topics {
background: #121E38;
border-bottom: 2px solid #64828A;
height: 89px;
margin-left: 395px;
margin-top: 29px;
position: absolute;
width: 70px;
font-size: 22px;
color: #DBDBDB;
font-family: \'Alfa Slab One\', cursive;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
line-height: 89px;
}
.forabg dd.posts {
background: #121E38;
height: 93px;
margin-left: 395px;
margin-top: 128px;
position: absolute;
width: 70px;
font-size: 22px;
color: #DBDBDB;
font-family: \'Alfa Slab One\', cursive;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
line-height: 89px;
}
.forabg dd.lastpost {
width: 303px;
background: #748192;
margin-left: 91px;
margin-top: 191px;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: calibri;
color: #fff;
text-shadow: 2px 1px 0 #444;
}

dd.lastpost a strong {
margin-left: 10px;
margin-right: 10px;
}

li dd.lastpost span a {
margin-right: 10px;
}

.forabg dd.lastpost a {
color: #fff;
}

.last-post-icon{ display:none; }
.lastpost br { display:none;}

/* para eliminar la columna de temas */
.forabg li.header dd.topics {
display: none
}
/* para eliminar la columna de mensajes */
.forabg li.header dd.posts {
display: none
}
/* para eliminar la columna de ultimos mensajes */
.forabg li.header dd.lastpost {
display: none
}


.table-title, .table-title h2 {
color: #ffffff;
font: 40px Neucha;
letter-spacing: 3px;
padding: 30px;
height: 64px;
text-shadow: 3px 3px 3px #121E38;
margin-top: 20px;
}

@font-face {
font-family: \'Oranienbaum\';
font-style: normal;
font-weight: 400;
src: local(\'Oranienbaum\'), local(\'Oranienbaum-Regular\'), url(http://themes.googleusercontent.com/static/fonts/oranienbaum/v2/WyaFSM_en0pjtlmUWwS7GWOb2gHztoQeulij-1lvl-8.woff) format(\'woff\');
}

@font-face {
font-family: \'Yeseva One\';
font-style: normal;
font-weight: 400;
src: local(\'Yeseva One\'), local(\'YesevaOne\'), url(http://themes.googleusercontent.com/static/fonts/yesevaone/v7/wVgDKaRrT3DN9VGcOY4orxsxEYwM7FgeyaSgU71cLG0.woff) format(\'woff\');
}

/* --- */

/* Post Content & Profiles */

.postbody .content {
text-align: justify;
font-size: 12px;
line-height: 13px;
background: #0e0e0e;
margin-top: -15px;
border-left: 10px solid #121E38;
padding: 10px 30px;
background-repeat: repeat;
border-bottom: 8px solid #121E38;
border-radius: 0 0 40px 40px;
}

p.author {
background-image: url(\'\');
background-color: #0e0e0e;
margin-top: 15px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
}

p.author {
font-family: Yanone Kaffeesatz;
font-size: 12px;
line-height: 1.2em;
margin-top: 15px;
padding: 5 5 5px;
}

.postprofile dl dt a img {
margin-top: 10px;
padding-right: 10px;
opacity: 1.0;
border-radius: 0px 0px 0px 0px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile:hover dl dt a img {
opacity: 0.5;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
* div.postprofile dl dd{
display: none;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
text-align: center;
}
* div.postprofile dl:hover dd{
text-align: justify;
display:inline-block;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-family:calibri;
font-size:11px;
text-transform:uppercase;

}

.postprofile {
width: 220px;
border-top: 3px solid #121E38;
border-left: 3px solid #121E38;
border-right: 3px solid #121E38;
font-family: georgia;
font-size:9px;
color: #COLOR;
text-transform: uppercase;
text-align: justify;
margin-left: 10px;
background-image: url(\'https://2img.net/h/oi48.tinypic.com/2aikcns.jpg\');
padding: -10px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile dd {
text-align: left;
margin-top: 4px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.postprofile strong:first-child {
background-color:#121E38;
color: white !important;
background-position:initial initial;
background-repeat:initial initial;
display:inline-block;
font-family: Oranienbaum;
font-size:17px;
padding:5px;
margin-left: -10px;
opacity: 100;
text-align:center !important;
text-transform:uppercase;
width: 215px;
height: 17px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.postprofile dt:first-child img {
margin-bottom: 3px;
display: block;
margin-left: auto;
margin-right: auto;
float:center;
padding: -10px;
max-width: 200px !important;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}*/

/* --- */

/* Group Legend */

ul + .h3, #i_whosonline + p {
width: 500px;
}

.clear + .h3, #page-body p.page-bottom {
float: right;
left: -180px;
width: 400px;
}

.clear + .h3 {
position: relative;
bottom: 420px;
visibility: ;
}

#page-body p.page-bottom {
position: relative;
bottom: 370px;
left: 450px;
line-height: 120%;
}

ul#picture_legend {
background: url(https://i.imgur.com/PbcxC7c.png);
font: 10px Balthazar;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center!important;
display: block;
padding: 5px;
}

#page-footer li a {
font: 8px trebuchet ms;
text-transform: uppercase;
letter-spacing: 3px;
}

p em b a.gensmall {
color:gray;
float:center !important;
font-family:Kelly Slab;
font-size: 15px;
letter-spacing:2px;
text-transform:uppercase;
}
p em {
color:transparent;
font-style:normal;
}

@font-face {
font-family: \'Kelly Slab\';
font-style: normal;
font-weight: 400;
src: local(\'Kelly Slab\'), local(\'KellySlab-Regular\'), url(http://themes.googleusercontent.com/static/fonts/kellyslab/v3/gKqKZ8BbpAcxgFwZImcomxsxEYwM7FgeyaSgU71cLG0.woff) format(\'woff\');
}

/* --- */

/* Spoiler, Code & Others*/

dl.codebox {
font-size: 1em;
padding: 3px;
border:none;
}

dl.codebox {
-moz-border-radius: 8px 8px 8px 8px;
background:url(http://hitskin.com/themes/19/30/67/i_background.jpg);
border-top: 1px dashed #666;
border: none;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ddd;
margin-bottom:3px;
text-transform:uppercase;
font-family:sans-serif;
border:none;
}

dl.codebox code {
color:#ddd;
font-family:Sans-serif;
text-align:center;
font-size:9px;
border: none;
}

dl.spoiler {
border:none;
font-size:12px;
color:#ddd;
display:block;
border-bottom: 2px solid #666;
}


blockquote {
background: url(https://2img.net/h/i122.photobucket.com/albums/o271/KaiEiri/w7kuhc83_zpsbe2c44bb.png) repeat;
border-left: 3px solid #666;
border-right: 3px solid #666;
display:block;
}

.content blockquote {
color:#color;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
letter-spacing:1px;
border:none;
border-left: 9px solid #433e3e;
border-right: 3px solid #433e3e;
}

/* --- */

/**CORPO DO CHAT**/
#chatbox_footer{background-color:#121D2D}
#chatbox,#chatbox_members,#chatbox_header.main-head,#chatbox_footer{-moz-border-radius:10px;-webkit-border-radius:10px;border:7px;border-top:7px solid #121D2D;border-bottom:7px solid}
#chatbox {background-image: url(http://images4.fanpop.com/image/photos/19200000/Dobby-harry-potter-19287081-1440-900.jpg);
background-image: url(http://images4.fanpop.com/image/photos/19200000/Dobby-harry-potter-19287081-1440-900.jpg) !important;
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox_header, #chatbox_footer, #chatbox, #chatbox_members {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 7px solid #121D2D;
}
#chatbox_header{background-color: #121D2D;}
/**FIM DO CORPO**/

#cajamayor{
background: #202020;
background-color: #242424;
padding: 10px;
border: 20px solid #000;
height: auto;
width: 1030px;

}

.estadis-h3{
color: #fff;
background-color: #000;
padding: 50px;
text-transform: uppercase;
font-size: 20;
text-align: center;
}
#leyenda-ori {
background: #141414;
border: 10px solid #141414;
color: #aaa;
font-family: calibri;
font-size: 10px;
height: 150px;
overflow: auto;
text-align: justify;
text-transform: uppercase;
width: 184px;}

.g1 { background: #646480; }
.g2 { background: #A4A682; }
.g3 { background: #965D6D; }
.g4 { background: #547E81; }

.g1, .g2, .g3, .g4 {
color: #fff;
display: block;
font-family: calibri;
font-size: 12px;
height: 20px;
margin-top: 2px;
padding: 23px;
text-align: center;
text-transform: lowercase;
text-shadow: 1px 1px 0 #222;
width: 120px;
}
p em {
background-color: #111;
border-bottom: 28px solid #121E38;
border-top: 9px solid #121E38;
color: transparent;
display: block;
margin-left: 105px;
padding: 10px;
text-align: center;
text-transform: uppercase;
width: 800px;
}
* {
margin: 0px;
padding: 0px;
}
p {
font-size: 1.1em;
line-height: 1.3em;
}
p em b a.gensmall {
font-family: Neucha;
font-size: 15px;
letter-spacing: 2px;
text-align: center;
text-transform: capitalize;
text-shadow: 1px 1px 2px #000;
}
p em b a.gensmall {
font-family: Neucha;
font-size: 20px;
line-height: 100%;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-transform: none;
}

/**FIM Da Estatisticas**/
.postprofile{width:21%!important}.postbody{width:77%}
por Pattricia
em 03.10.16 23:02
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alinhar colunas das categorias
Respostas: 4
Visto: 1710

Modificar cor dos campos de perfil

Olá,

Para a cor dos campos, tente este (troque #fff pela cor desejada):
Código:
.panel-right > div:nth-child(1) > fieldset > dl > dd > select {color: #fff !important;}

Para aba, tente este (troque red pela cor desejada) :
Código:
#tabs .activetab a:hover span {
    color: #fff !important;
}
#tabs .activetab a span:focus {
    color: red !important;
}


Até mais!
por Cream
em 21.09.16 14:50
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Modificar cor dos campos de perfil
Respostas: 9
Visto: 576

Personalizar Footer

Olá.

Procure por:
footer {
margin-top: 5px;
background: rgba(0,0,0,0.4);
color: #FFF;
padding: 15px;
margin-bottom: -50px!important;
width: 98%!important;
margin-left: 0px!important;
background: none!important;
}

Verde -> Altere o valor até que a barra de rolagem suma, neste caso diminua o valor.

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.
por Holkis
em 12.09.16 16:30
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar Footer
Respostas: 27
Visto: 790

Ícones tipo o do FdF (resolvido, etc)

Informações técnicas

Tipo de pedido : [Ícones]
Dimensões : 109x32
Cores primátias : #FD0000
Cores secundárias : #2d3134
Imagens do pedido :
Imagens a serem usadas:

Texto a ser inserido : Não especificado
Fonte : Verdana (EM CAPS LOCK)
Cor da fonte : Branco com uma leve sombra
Link do meu fórum : http://jornalrhc.forumeiros.com
Link do meu último pedido : Não especificado

Informações adicionais

Descrição do que desejo : Olá, Artmeiros!
Gostaria de pedir três ícones :v

Primeiro:
Cor base: #8b5
Cor secundária: #2d3134
Cor e fonte do texto: #fff e Verdana
Texto a ser inserido: APROVADO
Imagem: http://www.daev.org.br/media/images/textures/icones/fa-check.png

Segundo
Cor base: #ec0a0a
Cor secundária: #2d3134
Cor e fonte do texto: #fff e Verdana
Texto a ser inserido: NEGADO
Imagem: https://www.communitybapt.com/static/djangocms_admin_style/fonts/src/exclamation-triangle.svg

Terceiro:
Cor base: #e8983a
Cor secundária: #2d3134
Cor e fonte do texto: #fff e Verdana
Texto a ser inserido: EM AVALIAÇÃO
Imagem: http://etiklife.com/wp-content/uploads/intense-cache/icons/plugin/font-awesome/book.svg

Observação: O tamanho dos ícones pode ser ajustado conforme o tamanho, vale frisar que a fonte deve estar em 14px , todas em caps lock.

por Luiz
em 04.09.16 5:14
 
Buscar em: Arquivos de Pedidos finalizados
Tópico: Ícones tipo o do FdF (resolvido, etc)
Respostas: 3
Visto: 849

Perfil Nos Tópicos

Simples, no código que te pedi pra por na folha de estilo css, tem essa propriedade:
background: #fff;


Em #fff coloque o valor desejado.

Alguma outra pergunta?
Até mais.
por while
em 24.08.16 23:26
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Perfil Nos Tópicos
Respostas: 8
Visto: 601

Ajustar largura do fórum

Olá!

localize na sua folha css:

#branding {
background: #3C414B url(https://i.imgur.com/dLLNhf4.jpg) repeat scroll center top / cover;
border-top: 3px solid #6485E2;
height: 200px;
line-height: 200px;
margin: 20px auto 0;
padding: 10px;
width: 90%;
}


É altere seu valor para 97% (ou como achar melhor)

para o footer a mesma coisa, localize:

footer {
background: #3B404A none repeat scroll 0 0;
border-bottom: 3px solid #6687E7;
color: #FFF;
font-size: 13px;
font-weight: 100;
height: 100px;
line-height: 100px;
margin: 0 auto 20px;
padding: 10px;
width: 90%;
}

É altere seu valor para 97% (ou como achar melhor)

Até mais Thumbleft
por APOllO
em 07.07.16 1:50
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ajustar largura do fórum
Respostas: 5
Visto: 628

Aumentar espaçamento entre avatar e nick

Olá, para distanciar basta adicionar esse código em sua folha de estilo css:
Código:
dl > dt > a > img {padding:10px;}


Quanto a mudar a cor de fundo, adicione esta:
Código:
.postprofile {background:black;}

altere o "black" pelo nome da cor que deseja (deve ser em inglês, exemplo black, blue, red) ou coloque a cor em hexadicimal , ou seja #000, #FFF, #ddd.

Até mais.
por while
em 17.06.16 17:51
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Aumentar espaçamento entre avatar e nick
Respostas: 3
Visto: 807

Melhor Resposta / Botão Obrigado

Retire os CSS e JS passado nesse topico e acesse:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores

procure por Cor do fundo de uma mensagem agradecida :

e deixe #FFF

e pronto... não estará aparecendo mais o "Melhor Resposta".
por while
em 29.04.16 18:28
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Melhor Resposta / Botão Obrigado
Respostas: 12
Visto: 856

Personalizar rodapé

Oi,

Tentei o código e nada mudou, daí eu substitui o "color:#fff" por "background-color:#fff" e ficou conforme a imagem abaixo.

Tópicos com a tag fff em Fórum dos Fóruns MzVbrWd

Apenas as partes que destaquei em vermelho ficaram brancas.
por MEZA
em 14.04.16 17:40
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar rodapé
Respostas: 9
Visto: 1044

logo forum

Informações técnicas

Tipo de pedido : [Logo]
Dimensões : 1255x339
Cores primátias : Não especificado
Cores secundárias : Não especificado
Imagens do pedido :
Imagens a serem usadas:
Não
especificado

Texto a ser inserido : World Best RPG
Fonte : http://www.netfontes.com.br/dow.php?cod=pricedown
Cor da fonte : Não especificado
Link do meu fórum : http://worldbestrpg.forumeiros.com
Link do meu último pedido : Não especificado

Informações adicionais

Descrição do que desejo : bom quero um logo parecido com este https://i.imgur.com/aFwItps.png para meu forum mais escrito World Best RPG "World Best' = #00BFFF "RPG" = #FFF o Resto do Seu Gosto !
por Panic_xD
em 11.04.16 22:24
 
Buscar em: Arquivos de Pedidos finalizados
Tópico: logo forum
Respostas: 4
Visto: 514

Modificar codigo do perfil

Detalhes da questão


Endereço do fórum: www.bra-perfectstart.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá amigos.

Queria me informar se teria como modificar o código:

Cósigo:
.postprofile {
background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
border: 1px solid #DDD;
border-radius: 3px;
padding: 60px 3px 3px;
position: relative;
text-align: center;
}
.postprofile {
border-color: #fff;
border-left-style: solid;
border-left-width: 1px;
color: #666;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
div.post.online .postprofile:before {
content: url('https://i.servimg.com/u/f18/16/89/96/68/online15.png');
}
div.post .postprofile:before {
content: url('https://i.servimg.com/u/f18/16/89/96/68/offlin19.png');
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 2;
}
div.post.online .postprofile:after {
border-color: #84C754;
}
div.post .postprofile:after {
background: #2E3133;
border-bottom: 4px solid #868686;
content: ".";
font-size: 0;
height: 16px;
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 1;
}


O perfil ficou mais afastado da lacuna e também ficou com uma cor diferente do quadro geral do forum, teria como alterar essas coisas ?

Obrigado
por Jean_Xd
em 19.02.16 23:16
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Modificar codigo do perfil
Respostas: 13
Visto: 1062

quadro de widgets e anúncio

Olá amigo, tem um código interferindo no seu novo estilo,

procure por .h3, .catHead { na sua folha de estilos CSS  e apague todo o conteúdo entre as {}

Conteúdo:

.h3, .catHead {
   background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
   background-repeat: repeat;
   border: 1px solid #dcdcdc;
   background-color: #fff;
   color: #818283;
   -moz-border-radius-topleft: 10px;
   -webkit-border-radius-topleft: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-radius-bottomright: 10px;
   -moz-box-shadow: 0px 5px 5px #CCCCCC;
   /* -webkit-box-shadow: 0px 5px 5px #CCCCCC; */
   /* border-bottom-right-radius: 10px; */
   /* border-top-left-radius: 10px; */
   /* box-shadow: 0px 5px 5px #CCCCCC; */
   /* text-align: center; */
   /* padding-bottom: 5px; */
   /* padding-top: 5px; */
   /* padding-left: 5px; */
   /* padding-right: 5px; */
   /* margin-bottom: 10px; */
   /* margin-top: -1px; */
}


EDIT

Por fim, adicione:

Código:
.introduction .h3, .module .h3, .postbody .h3 {
    margin-top: 8px;
}
.h3 {
    font-weight: 700;
}
por HilterHP
em 12.02.16 20:04
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: quadro de widgets e anúncio
Respostas: 16
Visto: 733

Campo de perfil adicionado involuntariamente através de código

@Fraise escreveu:Bom dia, @Ramon_Teles.

Eu creio que seja apenas um javascript que foi colocado por você ou por alguém que tenha acesso ao painel de controle. Mais especificando, eu não consegui acessar seu fórum mas acho que é a função "Quem está lendo este tópico?". Para retirar tal função, aceda a Painel de Controle > Módulos > Gestão dos códigos JavaScript e procure por um código deste género e apague:
Código:

/**
 * @CP_AddOn Addons for the Forumotion control panel
 * @copyright Copyright (C) 2014 JScript
 * @license http://www.gnu.org/licenses/gpl.html GPL version 2 or higher
 * @engine 1.0b
 * @notes If your forum does not have the "CP_AddOn" module, you can manually change the variables values!

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<mod>
   <header>
      <id>WhereIam</id>
      <title>Where I am?, Topic Active Users (Who is read this topic?)!</title>
      <version>1.10302014</version>
      <description>Shows the exact location where the user is currently!</description>
      <author>JScript</author>
      <author-notes>First Release (Beta tester only)!</author-notes>
      <license>GNU General Public License v2</license>
      <mod-version>1.0.0.9</mod-version>
   </header>
   <configuration>
      <level>Easy</level>
      <time>1 minute</time>
      <target-version>1.0b</target-version>
      <action type="input">
         <text>Texto para usuários:</text>
         <variable>topic_total_users</variable>
      </action>
      <action type="input">
         <text>Texto para membros:</text>
         <variable>topic_total_members</variable>
      </action>
      <action type="input">
         <text>Texto para visitantes:</text>
         <variable>topic_total_visit</variable>
      </action>
      <action type="input">
         <text>Texto para anônimos:</text>
         <variable>topic_total_anoni</variable>
      </action>
      <action type="input">
         <text>Texto de localização:</text>
         <variable>find_user_location</variable>
      </action>
      <action type="input">
         <text>Tem portal? (1=sim, 0=não!):</text>
         <variable>has_portal</variable>
      </action>
   </configuration>
</mod>
*/
// User variables **************************************************************************************
// #### If your forum does not have the "CP_AddOn" module, you can manually change the values. ####
topic_total_users = 'usuário(s) está(ão) lendo este tópico';
topic_total_members = 'membro(s)';
topic_total_visit = 'visitante(s) e';
topic_total_anoni = 'membros anônimo(s)';
find_user_location = 'Obtendo a localização, aguarde...';
has_portal = 1; // #### If your forum does not have a "Portal", change the value to 0! ####
// ******************************************************************************************************

// System variables!
USERNAME = '';
USER_ID = 0;
//USERAVATAR = '';
SUPERMOD = 0;
TID = 0;
ACTION = 'add_field'; // 'configuration';
//
jQuery(function() {
    if (location.pathname.indexOf('/u') !== -1) {
        jQuery('dt:contains("WhereIam")').closest('dl').remove();
    } else if (location.pathname.indexOf('editprofile' !== -1)) {
      jQuery('label:contains("WhereIam"), span:contains("WhereIam"), dt:contains("WhereIam")').closest('dl, tr').remove();
    }
    if (_userdata.session_logged_in) {
        USERNAME = _userdata.username;
        USER_ID = _userdata.user_id;
        // USERAVATAR = jQuery(_userdata.avatar).attr('src');
        SUPERMOD = _userdata.user_level; // Is Admin/Mod ?
        TID = jQuery('a[href*="tid="]').attr('href').split('tid=')[1].split('&')[0]; //Get the var {TID}
    }
    // console.clear();
    console.log("/**************************************************************************");
    console.log("* Module: 'Where I am?' and 'Topic Active Users (Who is read this topic?)'!");
    console.log("* Description: Shows the exact location where the user is currently.");
    console.log("* Author: Made and Optimizations by JScript - 2013/07/12, 2014/10/13");
    console.log("* Version: Beta tester only!");
    console.log("/**************************************************************************");
    console.log('USERNAME: ' + USERNAME);
    console.log("USER_ID: " + USER_ID);
    console.log("TID: " + TID);

    var oWereIam = {
        pathname: location.pathname,
        total_users: 0,
        oSubForum: '',
        oTarget: 0,
      sIndex: '/forum',
        oHtml: {
         phpbb2: '<!-- ACTIVE USERS -->' +
            '<tr>' +
            '    <td colspan="2" style="margin:0; padding: 0;">' +
            '        <table width="100%" cellspacing="0" cellpadding="0" border="0">' +
            '            <tbody>' +
            '                <tr>' +
            '                    <td id="user-stats" class="gensmall" width="75%" valign="top" style="padding: 0px 10px 0.6em;">' +
            '                    </td>' +
            '                </tr>' +
            '            </tbody>' +
            '        </table>' +
            '    </td>' +
            '</tr>',
         phpbb3: '#### Has a very bad structure that becomes hard to define the html! ####',
            punbb: '<!-- ACTIVE USERS -->' +
                '<div class="main" id="active_users">' +
                '   <div class="main-content">' +
                '      <div id="user-stats"  style="padding: 0.6em 1em;">' +
                '      </div>' +
                '   </div>' +
                '</div>',
         invision: '<!-- ACTIVE USERS -->' +
            '<div class="borderwrap" id="active_users" style="margin-bottom: 5px;">' +
            '    <div class="bar clearfix">' +
            '        <div class="left rtl-inversion-left" id="user-stats">' +
            '        </div>' +
            '    </div>' +
            '</div>',
         content: '<!-- CONTENT -->' +
                '<h4><strong><span id="topic_total_users">0</span> ' + topic_total_users + '</strong></h4>' +
                '<p class="statistics_brief desc">' +
                '   <span id="topic_total_members">0</span> ' + topic_total_members + ', ' +
                '   <span id="topic_total_visit">0</span> ' + topic_total_visit + ' ' +
                '   <span id="topic_total_anoni">0</span> ' + topic_total_anoni +
                '</p><br>' +
                '<ul id="topic_list_users" class="ipsList_inline" style="padding-left: 0px ! important;"></ul>'
        }
    };

    if (_userdata.session_logged_in) {
        WhereIam() // Where I am?
    }

    if (oWereIam.pathname.indexOf('/t') !== -1) {
      /* Forum versions! */
      var phpBB2 = jQuery('#content-container table.forumline:last tbody > tr:eq(1)');
      var phpBB3 = jQuery('#main-content > div.h3:last');
      var punbb = jQuery('#pun-info');
      var invision = jQuery('#main-content .borderwrap:last');

      if (phpBB2.length) {
         jQuery(oWereIam.oHtml.phpbb2).insertBefore(phpBB2);
      } else if(phpBB3.length) {
         jQuery(oWereIam.oHtml.punbb).insertBefore(phpBB3);
      } else if(punbb.length) {
         jQuery(oWereIam.oHtml.punbb).insertBefore(punbb);
      } else if(invision.length) {
         jQuery(oWereIam.oHtml.invision).insertBefore(invision);
      };
      jQuery('#user-stats').html(oWereIam.oHtml.content);

      if (!has_portal) oWereIam.sIndex = '/';

        oWereIam.oSubForum = jQuery('.pun-crumbs.noprint a.nav[href^="/f"], #navstrip a.nav[href^="/f"], .pathname-box:first a.nav[href^="/f"], span.nav a.nav[href^="/f"]').attr('href');
        try {
            jQuery.get(oWereIam.oSubForum, function(data) {
            oWereIam.oTarget = jQuery('#stats > a, #info_open td[colspan="2"]:not(.catBottom) .gensmall a, #main-content > a[href^="/u"], .activeusers-box .row1 a', data);

            }).always(function() {
                if (oWereIam.oTarget.length !== 0) {
                    var guest = Math.floor(Math.random() * (5 - 0));
                    jQuery('#topic_total_visit').text(guest);
                    searchActiveUsers(oWereIam.oTarget, 0, oWereIam.oTarget.length, 0, guest);
                }/* else {
                    jQuery.get(oWereIam.sIndex, function(data) {
                        var oOnlineList = /(?:\b<br>([\s\S]*?)<br>)/
                            .exec(
                                jQuery('#onlinelist > p:not(.right)', data).html()
                            )[1];
                        var memDiv = jQuery('<div>').html(oOnlineList);

                        oWereIam.oTarget = memDiv.find('a');
                    }).always(function() {
                        if (oWereIam.oTarget.length !== 0) {
                            var guest = Math.floor(Math.random() * (5 - 0));
                            jQuery('#topic_total_visit').text(guest);
                            searchActiveUsers(oWereIam.oTarget, 0, oWereIam.oTarget.length, 0, guest);
                        }
                    });
                }*/
            });
        } catch (e) {
            /*jQuery.get(oWereIam.sIndex, function(data) {
                var oOnlineList = /(?:\b<br>([\s\S]*?)<br>)/
                    .exec(
                        jQuery('#onlinelist > p:not(.right)', data).html()
                    )[1];
                var memDiv = jQuery('<div>').html(oOnlineList);

                oWereIam.oTarget = memDiv.find('a');
            }).always(function() {
                if (oWereIam.oTarget.length !== 0) {
                    var guest = Math.floor(Math.random() * (5 - 0));
                    jQuery('#topic_total_visit').text(guest);
                    searchActiveUsers(oWereIam.oTarget, 0, oWereIam.oTarget.length, 0, guest);
                }
            });*/
        }
    }

    function searchActiveUsers(oTarget, start, len, index, guest) {
        if (index > 10) {
            return false
        }
        var oThis = jQuery(oTarget[index]),
            sHref = oThis.attr('href'),
            $JScript;

        if ((sHref !== undefined)) {
            var user_name = '<a href="' + sHref + '">' + oThis.html() + '</a>';

            jQuery.get(sHref, function(data) {
                var Field_Text = jQuery('dt:contains("WhereIam")', data).closest('dl').find('div.field_uneditable').text();

                try {
                    $JScript = JSON.parse(Field_Text.replace(/'/g, '"'));
                } catch (e) {
                    // console.log(e);
                }
                console.log(Field_Text);
            }).always(function() {
                try {
                    if ($JScript.path.url == oWereIam.pathname) {
                        if (oWereIam.total_users == 0) {
                            $('#topic_list_users').html('');
                            $('#topic_list_users').append(user_name);
                        } else {
                            $('#topic_list_users').append(', ' + user_name);
                        }
                        oWereIam.total_users++;
                        $('#topic_total_users').text(oWereIam.total_users + guest);
                        $('#topic_total_members').text(oWereIam.total_users);
                    }
                } catch (e) {
                    // console.log(e);
                }
                index++;
                try {
                    searchActiveUsers(oTarget, start, len, index, guest);
                } catch (e) {
                    // console.log(e);
                }
            });
        }
    }
});

function WhereIam() {
    jQuery.ajaxSetup({
        async: false
    });
    jQuery.get('/profile?mode=editprofile', function(data) {
        var found = 1;
      var Profile_Field_ID = jQuery('label:contains("WhereIam"), span:contains("WhereIam"), dt:contains("WhereIam")', data).closest('dl, tr').find('textarea').attr('id');

        console.log("Profile_Field_ID: " + Profile_Field_ID);

        if ((Profile_Field_ID == undefined) && (SUPERMOD == 1)) {
            jQuery.post("/admin/index.forum?part=users_groups&sub=users&mode=avatar_profil2&extended_admin=1&tid=" + TID, { /* <- Parameters! */
                /* Post action */
                action: ACTION,
                id: 0,
                type: 0,
                action: 'configuration_final',
                list_type_field: 2,
                field_name: 'WhereIam',
                field_desc: 'Where I am? - Made and Optimizations by JScript - 2013/07/12, 2014/10/13',
                field_oblig: 0,
                field_display_profil: 1,
                list_field_type_view: 0,
                list_auth_field_modo: 1,
                list_auth_field_himself: 1,
                list_field_view: -1,
                list_separator: 0,
                field_type_2_lng_max: 15000,
                submit: 1,
                field_type_11_max_before: 14,
                field_type_11_max_after: 6
            }).done(function() {
                console.log('Add profile field done!');
                jQuery.get('/profile?mode=editprofile', function(data) {
                    Profile_Field_ID = jQuery('label:contains("WhereIam"), span:contains("WhereIam"), dt:contains("WhereIam")', data).closest('dl, tr').find('textarea').attr('id');
                }).fail(function() {
                    console.log('Failed to get field Profile_Field_ID!');
                    found = 0;
                });
            }).fail(function() {
                console.log('Add profile field Fail!');
                found = 0;
            });
        }
        if (found) {
            var sTitle = jQuery('.pun-crumbs:first p strong:last').text();
            if ((sTitle == 'undefined') || (sTitle == '')) sTitle = location.pathname;

            var now = new Date;
            var $JScript = {
                appInfo: {
                    module: 'Where I am?',
                    description: 'Shows the exact location where the user is currently.',
                    author: 'JScript',
                    version: '1.00',
                    release: '2014/10/13'
                },
                userInfo: {
                    oscpu: navigator.oscpu,
                    appName: navigator.appName,
                    language: navigator.language,
                    userAgent: navigator.userAgent
                },
                path: {
                    title: sTitle,
                    url: location.pathname,
                    param: location.search,
                    state: '0',
                    time: now.getHours() + ":" + now.getMinutes(),
                    date: now.getDate() + "/" + now.getMonth() + "/" + now.getFullYear()
                }
            };

            jQuery.post("/ajax_profile.forum?jsoncallback=?", {
                id: Profile_Field_ID.substring(16, Profile_Field_ID.length),
                user: USER_ID,
                active: "1",
                content: '[["' + Profile_Field_ID + '", "' + JSON.stringify($JScript).replace(/"/g, "'") + '"]]',
                tid: TID
            }, function(data) {
                console.log("OK: ajax_profile, userID = " + USER_ID);
            }, "json").fail(function() {
                console.log("error: ajax_profile, userID = " + USER_ID);
            });
        }
    }).done(function() {
        // Done!!!
    }).fail(function() {
        console.log('Failed to get field Profile_Field_ID');
    });
    jQuery.ajaxSetup({
        async: true
    });
}


Caso não encontre e se não for incomodo eu agradecia que nos fornecesse todos os códigos javascript de seu fórum para que possamos averiguar a situação.

Até mais.
Fraise


Olá @Fraise , realmente eu adicionei este JavaScripter porém não funcionou e eu retirei ele...
Aparecia a mensagem de quem está lendo o tópico, porém não aparecia quem e nem mudava os números, sempre 0 em todos.
Porém isto no Perfil continua...
Os Javascripts que tenho são...

Spoiler:
$(document).ready(function () {
    if ($('a[href*="/modcp?"]').length) {
        $('#quick_reply input[value="Pré-visualizar"]').before('<input type="button" value="Caixa de Moderação" id="cdm" style="float: left;"/>');
        $('input#cdm').toggle(function () {
            $(this).after('<div class="main-content" style="min-width: 428px;z-index: 2000;margin: 30px 0 8px 0;position: absolute;"> <div id="mod" style="background: #fff;padding: 3px;"> <select id="status" style="width: 50%"> <option value="">Status</option> <option value="Isto é uma mensagem automática, este tópico foi BloqueadoTópicos com a tag fff em Fórum dos Fóruns Block-icon">Tópico Bloqueado</option> <option value="Isto é uma mensagem automática, este tópico foi desbloqueadoTópicos com a tag fff em Fórum dos Fóruns Lock-Unlock-icon">Tópico Desbloqueado</option> </select> <select id="to" style="width: 50%"> <option value="">Mover Tópico</option> <option value="Tópicos com a tag fff em Fórum dos Fóruns Move-iconIsto é uma mensagem automática, este tópico foi movido para: Arquivo">Arquivo</option> <option value="Isto é uma mensagem automática,Tópicos com a tag fff em Fórum dos Fóruns Move-icon este tópico foi movido para: ( local para onde irá )">( Local )</option></select> <textarea id="mot" name="subject" placeholder="Descreva o motivo desta mensagem" class="inputbox" style="display: block; margin: 5px 0 5px 0; min-height: 55px;" onChange="titulo();"></textarea> <input onclick=" envia()" type="button" id="gerar-msg" value="Gerar"/> <input name="post" onclick=" envia()" type="submit" id="gerar-msg" value="Enviar"/> <input name="post" onclick=" block()" type="submit" id="gerar-msg" value="Enviar & Block"/> <input type="button" value="Limpar caixa" id="limpar-msg"/> </div> </div>');
        }, function () {
            $(this).next().remove();
        });
        $('#limpar-msg').click(function () {
            $('#text_editor_textarea').sceditor('instance').val('');
        });
    }
});
function envia() {
    if ($('#text_editor_textarea').val() == "") {
        var pegatopics = $('[name="t"]').val();
        $('[name="t"]').val(pegatopics);
        $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
    }
}
function block() {
    if ($('#text_editor_textarea').val() == "") {
        var pegatopics = $('[name="t"]').val();
        $('[name="t"]').val(pegatopics);
        $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
        window.open('/modcp?t=' + pegatopics + '&mode=move&mode=lock');
    }
}


Spoiler:
jQuery(document).ready(function(){
jQuery(".post:has('.Owner')").css('background','url(https://i.imgur.com/pM1PNMl.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.DonoSub')").css('background','url(https://i.imgur.com/gqMcZ.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Mod')").css('background','url(https://i.servimg.com/u/f36/13/66/77/06/modsom10.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Admin')").css('background','url(https://i.imgur.com/gqMcZ.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.ModAprendiz')").css('background','url(https://i.imgur.com/zB1PP.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Designer')").css('background','url(https://i.imgur.com/iqPZdWZ.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Socio')").css('background','url(https://i.imgur.com/8BXSdiB.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Membro')").css('background','url(https://i.imgur.com/AaKEb7W.png) repeat-y top left');
});


Spoiler:
jQuery(document).ready(function(){jQuery('.postbody table, .postbody table div, tr td .postbody table, tr td .postbody table div,div.sig-content table').css('position','').css('display','').css('z-index','999').css('min-width','1px').css('min-height','1px').css('max-height','1500px').css('max-width','1500px').css('cursor','')});


Spoiler:
jQuery(document).ready(function(){jQuery.getScript('http://blogparts.giffy.me/0017/parts.js')});

$(function() {
  $.getScript('http://js01.fra.co/21268.js');
});


Aguardo retornos,
abraços !
por Ramon_Teles
em 12.02.16 13:08
 
Buscar em: Questões resolvidas sobre o painel de administração
Tópico: Campo de perfil adicionado involuntariamente através de código
Respostas: 9
Visto: 795

Largura do fórum

Olá!
Spoiler:
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(https://2img.net/i/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(https://2img.net/i/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(https://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a[href="/u1"]{display:none}a[href="/u30922"]{text-shadow:0 0 7px #d4d6d5}#main-content{margin-left:15px}div.profile1.dl.dt.a.img{top:50px!important}li.row{-moz-border-radius:8px;-webkit-border-radius:8px;border-bottom:none;border-left:none;border-radius:8px;border-top:none}li.row:hover{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist.forums{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist dd{border-left:none}dl.icon{border:none!important}div.forumbg.announcement{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,#message,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png) no-repeat;border:solid 1px #d4d6d5;border-radius:3px;padding:2px}ul.topiclist.topics.bg_none{-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#fff;border-left:none;border-radius:8px}div.vote.gensmall{border-top:solid 1px #d4d6d5;position:relative!important;right:-3px!important;top:-20px!important}div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#fff;border:solid 1px #d4d6d5;border-radius:7px;padding:2px}div#tabs li a{-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom:solid 1px #eaeaea;border-top-left-radius:3px;border-top-right-radius:3px}div.postprofile{-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-radius:7px;left:2px;padding:2px}ul.profile-icons{-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom-left-radius:10px;border-top-right-radius:3px;height:25px;padding:5px 5px 10px 10px !important;position:relative;right:-48px;top:-18px}div.postprofile:hover,img.i_post:hover,img.i_reply:hover,ul.profile-icons li:hover{-moz-opacity:.9;filter:alpha(opacity=90);opacity:.9}#divbold:hover,#divcolor,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover,#main-content a.cgu-buttons:hover,#message:hover,button.button2:hover,input#submit_button:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #363636;color:#363636}#chatbox_main_options li:hover,ul.online-users li:hover{font-size:12px}#chatbox_contextmenu{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #696969;border-radius:3px;padding:2px;z-index:99999999999!important}#chatbox_contextmenu p.close{color:#000}#chatbox_contextmenu p{border-bottom:solid 1px #696969}#chatbox_contextmenu p:hover{font-size:12px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,#message,.spoiler dt,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}#chatbox_footer,#chatbox_header,#chatbox_header,#chatbox_members,#chatbox_row_ clearfix,#chatbox_row_2 clearfix{background-color:#fff!important;cursor:pointer!important;z-index:9999999999!important}#savec{position:relative}.save-bloc{background:#efefef url(https://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;border:1px solid #BCBCBC;color:#555!important;cursor:point;dispay:none;display:none;left:0;padding:5px;position:absolute;top:20px;white-space:nowrap;z-index:999}.save-bloc div:hover{color:#050505!important}.save-bloc div{cursor:pointer}.save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px}#wrap{-moz-border-radius:10px;-webkit-border-radius:10px;width:997px!important}#page-header .navbar ul.navlinks{background:url(https://i.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;height:50px;left:-64px;position:relative;width:1040px}#page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}#page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}#page-header .navbar ul.navlinks li a{bottom:-20px;color:#fff;font-family:arial;font-size:17px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}.table-title,div.module div.inner div.h3{color:#fff;font-family:arial;font-size:14px;text-shadow:#000 -1px 1px 1px}.icon .dterm .lastpost,.icon .dterm .posts,.icon .dterm .topics{color:#fff;font-family:arial;text-shadow:#000 -1px 1px 1px}.chatbox-title{color:#fff;float:left;font-family:arial;margin:0;padding:2px 5px 0;text-shadow:#000 1px 1px 1px;width:15em}.module{-moz-border-radius:10px;-webkit-border-radius:10px;border:2px solid #5fadd4;padding:0}.post{border:3px solid #5fadd4}div.newslink{-moz-border-radius:15px;-webkit-border-radius:15px;border:1px solid #000}.forabg,.forumbg announcement{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #5fadd4;border-radius:10px}.module .h3{background-image:url(https://i.servimg.com/u/f49/15/29/79/25/cat10.png);margin:-5px -5px auto;padding:10px;text-align:center;width:155px center}.post .h3{background-image:url(https://i.servimg.com/u/f49/15/29/79/25/cat10.png)}.input.button1,button.button2,input.button2{-moz-border-radius:3px;-webkit-border-radius:3px}#search-box{display:none!important}.viewonline{-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#549ABD}.mainmenu:hover{border-bottom:1px solid #fff!important}.postprofile{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #efefef;padding:15px 10px 10px 0;text-align:center}.vote .vote-button,.vote-no-bar{display:none}.vote .vote-button:first-child{display:block}.vote{-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;background-color:#eaeaea;border:1px solid #d4d6d5;padding:4px 1px;text-align:center;width:20px}.vote .vote-no-bar{display:none}.vote .vote-bar{border-bottom:1px solid #d4d6d5;border-left:0;border-right:0;border-top:1px solid #fff;font-size:0;height:50px;margin:0;padding:3px 0;width:20px}.vote .vote-bar-plus{margin-left:7px;width:6px}.vote .vote-bar-minus{margin-left:7px;width:6px}.vote .vote-button a[href $="plus"]{background:url(https://i.servimg.com/u/f46/16/56/73/62/12.png);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}.vote .vote-button a[href $="minus"]{background-image:url(https://i.servimg.com/u/f46/16/56/73/62/-11.png);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}#page-footer{border:3px solid #efefef}.h3,h3{border-bottom:1px solid #efefef}.inputbox:hover{border:1px solid #efefef}ul.navlinks{border-bottom:0 solid #FFF}ul.linklist li a img{-moz-opacity:.5;filter:alpha(opacity=50);opacity:.5}ul.linklist li a img:hover{-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(255,255,255)), color-stop(1.00, rgba(255,255,255,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, 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");
}

zen
por Hyouki
em 11.02.16 16:59
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Largura do fórum
Respostas: 6
Visto: 1934

Avatar muito pequeno

Detalhes da questão


Endereço do fórum: http://nostagicgames.forumeiros.com/
Versão do fórum: PhpBB2

Descrição


No meu fórum, ao entrar no perfil do usuário o avatar fica do tamanho que quero, 150x350, porem nos tópicos o avatar fica muito pequeno, tenho 99% de certeza que é algo na CSS, poderiam arrumar para mim?

CSS:
body {
background: #edeff1 url("https://i.servimg.com/u/f55/18/71/50/00/noise10.png") repeat;
color: #4e565e;
}
body, .pun a {
font: normal 11px "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
}
::selection {
color: #fff;
background: #82b8e6;
}
a:link {text-decoration:none;}
.pun, .wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1600px;
width: 90%;
}
.pun {
background: #fff;
max-width: 1588px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
border: 1px solid #d6d8d9;
margin-bottom: 10px;
}
.overview {background: white;}
#pun-visit {
background: url(https://i.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
border: 1px solid #ebb962;
box-shadow: 0 1px 4px #fde5bb;
font-size: 13px;
line-height: 140%;
margin: 5px 5px 10px;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.55);
}
#pun-visit, #pun-visit a {color: #b85f1d;}
.main-box, #pun-about {background: transparent;border: 0px; font: 0.8em;}
#secondary_navigation {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
background: url("https://i.servimg.com/u/f55/18/71/50/00/trans810.png") repeat;
background: rgba(0,0,0,0.Estilo cool;
font-size: 11px;
text-shadow: rgba(0,0,0,0.Estilo cool 0px 1px 1px;
-webkit-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
-moz-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
border-bottom: 1px solid #0d0d0d;
overflow: hidden;
line-height: 37px;
clear: both;
}
#secondary_navigation a {
color: #ddd;
line-height: 37px;
height: 37px;
}
#secondary_navigation a:hover {
color: #fff;
text-shadow: #fff 0px 0px 3px;
}
#secondary_navigation li {list-style-type: none;}
#secondary_navigation li {
float: left;
}
.breadcrumb {
color: #777;
font-size: 11px;
}
ul.pun-crumbs {margin: 0px;padding: 0px;}
span.crumbs .first {
margin-left: 0;
background: none;
padding-left: 12px;
}
span.crumbs a {
color: #ddd;
margin-left: -8px;
padding: 10px 15px 10px 5px;
background: url('https://i.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -1px;
}
span.crumbs a:hover {
background: url('https://i.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -44px;
}
#secondary_links a {
padding: 0 12px;
display: block;
}
#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
margin: 10px -3px 0 -3px;
}
#secondary_links a:hover img {
opacity: 0.7;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.left {float: left;}
/*INTRO*/
#pun-intro {
  background: #262626 url('https://i.servimg.com/u/f55/18/71/50/00/brandi10.png') repeat;
  height: 69px;
  border-bottom: 1px solid #141414;
  padding: 0;
  padding-top: 38px;
}
#pun-desc {display: inline-block;}
#pun-navlinks {
background: rgba(0,0,0,0.3) url("https://i.servimg.com/u/f55/18/71/50/00/trans310.png") repeat;
-webkit-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
float: right;
margin-top: 16px;
}
#pun-navlinks a.mainmenu {
color: #e9ebed;
padding: 8px;
line-height: 35px;
height: 35px;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
}
#pun-navlinks a.mainmenu:hover {
background: rgba(255,255,255,0.05) url("https://i.servimg.com/u/f55/18/71/50/00/nav_ac10.png") repeat;
text-decoration: none;
color: #fff;
text-shadow: #fff 0px 0px 4px;
}
#pun-navlinks li {
font: 12px 700;
}
#pun-navlinks li a {
margin: 0px;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
#pun-head {
background: #a9afb6 url("https://i.servimg.com/u/f55/18/71/50/00/noise11.png") repeat;
border-top: 1px solid #cbcdd1;
border-bottom: 1px solid #95999c;
-webkit-box-shadow: #fff 0px 1px 0px;
-moz-box-shadow: #fff 0px 1px 0px;
box-shadow: #fff 0px 1px 0px;
margin-bottom: 10px;
}
/*USERBAR*/
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
font-weight: bold;
border-left: 1px solid rgba(255,255,255,0.15);
}
#user_navigation .ipsList_inline li {
margin: 0;
list-style-type: none;
padding: 0;
float: left;
}
#user_navigation a {
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid rgba(255,255,255,0.15);
}
#user_navigation a:hover {
background: rgba(255,255,255,0.12);
}
#avatar img {
background: #fff;
border: 1px solid #959595;
height: 24px;
margin-top: 4px;
padding: 1px;
position: relative;
vertical-align: top;
width: 24px;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 10px 2px 0 0;
}
#inbox_link img {
background-image: url(https://i.servimg.com/u/f55/18/71/50/00/icon_i10.png);
}
#notify_link img {
background-image: url(https://i.servimg.com/u/f55/18/71/50/00/icon_n10.png);
}
#inbox_link img, #notify_link img {
background-position: 0 0;
background-repeat: no-repeat;
height: 20px;
vertical-align: middle;
width: 20px;
}
#search {
margin: 4px 0 0 0;
}
fieldset {
border: 0;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('https://i.servimg.com/u/f55/18/71/50/00/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(0,0,0,0.2);
}
#search_wrap {
position: relative;
background: url("https://i.servimg.com/u/f55/18/71/50/00/trans210.png") repeat;
background: rgba(0,0,0,0.2);
display: block;
padding: 0 26px 0 7px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
min-width: 250px;
}
#main_search {
font: normal 12px tahoma,helvetica,arial,sans-serif;
border: 0;
margin: 3 0 0 0;
padding: 0;
background: transparent;
width: 138px;
outline: 0;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}
#search_options {
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url('https://i.servimg.com/u/f55/18/71/50/00/trans410.png') repeat;
background: rgba(0,0,0,0.4);
display: inline-block;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
color: #fff;
float: right;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: #292929 url('https://i.servimg.com/u/f55/18/71/50/00/search10.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
}
#search .submit_input:hover {
background-color: #3e3e3e;
}
/*TABLEHEAD*/
.main .main-head, .title-overview , .main .main-foot {
background: #a9b4c0 url("https://i.servimg.com/u/f55/18/71/50/00/noise12.png") repeat;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 12px;
font-size: 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #778594 0px 1px 3px;
-moz-box-shadow: inset #778594 0px 1px 3px;
box-shadow: inset #778594 0px 1px 3px;
overflow: hidden;
margin-bottom: 2px;
}
.main .main-head .page-title {
font-weight: 700;
}
.pun table.table td, .pun table.table th {
background: #fff !important;
}
.pun table.table td {
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.pun table.table td.col_stats {text-align: right;}
.pun table.table td a {color: #676c70;}
.pun table.table td a:hover {color: #53585c;}
.hierarchy a {
  font: 12px bold;
}
.main .main-content, .main .main-content.frm, .pun .frm-form {background: transparent;border: 0px;}
/*WIDGETS*/
.module .main-head, .statistics_head {
background: #262626;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #000 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset #000 0px 1px 3px;
padding: 10px;
}
.module .main-content {background: #fff;}
/*STATISTICS*/
.statistics_head {
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 8px;
}
#onlinelist, #onlinechat {
  background: #fff;
  border: 0px;
}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: url('https://i.servimg.com/u/f71/18/12/14/12/trans110.png') repeat;
background: #edeff1;
color: #768089;
text-shadow: rgba(255,255,255,0.9) 0px 1px 0px;
-webkit-box-shadow: inset #b3bac1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #b3bac1 0px 1px 3px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 8px;
font-size: 11px;
position: relative;
border-top: 1px solid #141414;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
background: #262626 url('https://i.servimg.com/u/f55/18/71/50/00/brandi11.png') repeat;
}
#footer_utilities, #footer_utilities a {
color: #ccc;
}
.clr {
clear: both;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: url("https://i.servimg.com/u/f55/18/71/50/00/trans311.png") repeat;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
outline: 0;
}
#bottomScroll:hover,#backtotop:hover{background:url("https://i.servimg.com/u/f55/18/71/50/00/trans710.png") repeat;background:rgba(0,0,0,0.7);color:#fff}
#backtotop img {
margin-top: 5px;
opacity: 0.4;
}
#backtotop:hover img {
opacity: 1;
}
.skin_link {
float: left;
padding-top: 4px;
}
.skin_link, .skin_link a {
color: #ccc !important;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
#footer_utilities .ipsList_inline>li {
margin: 0;
}
.ipsList_inline>li {
display: inline-block;list-style-type: none;
margin: 0 3px;
}
#rss_feed {
margin-top: -1px;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
/*TÓPICO*/
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
.pun .posthead {
background: #262626 url('https://i.servimg.com/u/f55/18/71/50/00/brandi12.png') repeat;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #000 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset #000 0px 1px 3px;
color: #bbb;
border: 0px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
.pun .posthead a {color: #fff;}
.pun .posthead h2 strong {
font: 11px normal;
color: #878c91;
}
.pun .posthead h2 strong:before {
  content: '#';
}
.pun .posthead .username {
  float: left;
  min-width: 177px;
}
.pun .posthead .username a {
font-weight: bold;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
font-size: 13px;
}
.pun .posthead .username a span {color: #fff !important;}
.pun .user .user-basic-info a img {
max-width: 90px;
max-height: 90px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.pun .user .user-basic-info a img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.pun .post {margin-bottom: 10px;}
.pun .post, .pun .postmain {background: #fff;border: 0px;}
.pun .postmain {margin-left: 17em;}
.pun .post .user {
width: 155px;
margin-top: 1em;
border-right: 1px dashed #e4e8ed;
font-size: 12px;
text-align: center;
margin-left: -16em;
padding: 10px 10px;
line-height: 150%;
}
.pun .user .user-info {
font: 11px;
color: #878c91;
}
.pun .postfoot {
background: #edeff1 url("https://i.servimg.com/u/f55/18/71/50/00/noise13.png") repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px;
border-radius: 3px;
-webkit-box-shadow: inset #b3bac1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #b3bac1 0px 1px 3px;
clear: both;
}
/*PERFIL TABS PERSONALIZADOS*/
#tabs ul li a {
  font-weight: bold;
  color: #424242;
  background-color: #F1F1F1;
  border-color: #C1C1C1;
  background-image: url('https://2img.net/h/oi50.tinypic.com/2rcpvd3.png');
  background-repeat: repeat-x;
  margin-top: 10px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
#tabs ul li.activetab a:hover {
background-color: #363636;
}
#tabs ul li a:hover {
background-color: #F4F4F4;
border-color: #333;
}
#tabs ul li.activetab a {
background-color: #363636;
background-image: url(https://2img.net/h/oi50.tinypic.com/9qky9y.png);
background-repeat: repeat-x;
border-color: #363636;
color: white;
text-decoration: none;
}
#tabs ul li.activetab a:hover {
  background: white;
}
/*QR*/
#quick_reply .frm-buttons {
  text-align: right;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: #fff;
}
input[type="button"], input[type="submit"], input[type="reset"] {
background: #51a3ce url('https://i.servimg.com/u/f55/18/71/50/00/highli11.png') repeat-x 0 0;
border: 1px solid #4897c0;
-webkit-box-shadow: #8ac7e7 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: #8ac7e7 0px 1px 2px;
color: #fff;
padding: 4px 10px !important;
cursor: pointer;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color:#60b3de;color:#fff}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {-webkit-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;position:relative;top:1px}
por magista7
em 01.02.16 11:00
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Avatar muito pequeno
Respostas: 3
Visto: 2208

Cor do "Painel de Controle"

Cole os seguintes códigos:
Folha de estilo CSS
Código:
.painelcontrole a:link{
 color:#fff !important;
}


No fim do rodapé (substitua todo o código por esse logo abaixo)
Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center painelcontrole">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>
<div id="footer" class="clear">
    <div class="clearfix footerColumns">

        <div class="footerCol">
            <h3><a href="/forum">Forum</a></h3>
            <ul>
                <li><a href="#">Regras Gerais</a></li>
                <li><a href="#"> Noticias</a></li>
                <li><a href="#">Ajuda-Bugs</a></li>
                <li><a href="#">Edição de RG </a></li>
                <li><a href="#">Cash</a></li>
            </ul>
        </div>

        <div class="footerCol">
            <h3><a href="#">Denúncia e Revisão</a></h3>
            <ul>
                <li><a href="#">Denúncia Fórum</a></li>
                <li><a href="#">Denúncia Servidor</a></li>
                <li><a href="#">Revisões</a></li>
            </ul>
        </div>
        <div class="footerCol">
            <h3><a href="#">Assuntos Gerais</a></h3>
            <ul>
                <li><a href="#">Discussão</a></li>
                <li><a href="#">Downloads</a></li>
                <li><a href="#">Screenshots</a></li>
                <li><a href="#">Vídeos</a></li>
                <li><a href="#">Tutoriais</a></li>
            </ul>
        </div>
        <div class="footerCol">
            <h3><a href="#">Painel do Usuário</a></h3>
            <ul>
                <li><a href="/profile?mode=editprofile&page_profil=informations">Meu Perfil</a></li>
                <li><a href="/search?search_id=watchsearch">Tópicos sendo Observado(s)</a></li>
                <li><a href="/search?search_id=egosearch">Tópicos Responidos</a></li>
                <li><a href="/search?search_id=newposts">Novos Tópicos </a></li>
            </ul>
        </div>

        <div class="footerCol">
            <h3><a href="#">Grupos</a></h3>
            <ul>
                <li><a href="#">Administradores</a></li>
                <li><a href="#">Moderadores</a></li>
                <li><a href="#">Líderes</a></li>
                <li><a href="#">Helpers</a></li>
                <li><a href="#">Membros</a></li>
            </ul>
        </div>
    </div>
</div>
<div id="footer_utilities" class="clearfix clear">
    <a rel="nofollow" href="#top" id="backtotop" title="Go to top">
      <img src="http://i.imgur.com/aSgMJ9W.png" alt="">
    </a>
    <div class="skin_link"><a href="http://www.ipbfocus.com">IPB skin</a> by <a href="http://baixacidade.forumeiros.com/">Sliw</a>
    </div>
    <!-- Copyright Information -->
    <p id="copyright">
        <a href="#" title="Community Forum Software by Forumotion">© 2016 BC RPG | Desenvolvido por Pala & Sliw - Todos os direitos reservados.</a>
    </p>
    <!-- / Copyright -->
    <ul class="ipsList_inline left">
        <li><a href="/contact">Contact Us</a>
        </li>
        <li><a href="/faq" title="View help" rel="help" accesskey="6">FAQ</a>
        </li>
    </ul>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>
<style>
#footer_utilities{
   padding:12px;
   position:relative;
   background:url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/trans60.png") repeat;
   background-image:-moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
   background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
   background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
   background-image:-o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
   background-image:-ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
   background-image:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
   border:1px
solid #111;
   border:1px
solid rgba(0,0,0,0.5);
   color:#ddd;
   -webkit-box-shadow:rgba(0,0,0,0.45) 0px 1px 5px;
   -moz-box-shadow:rgba(0,0,0,0.45) 0px 1px 5px;
   box-shadow:rgba(0,0,0,0.45) 0px 1px 5px;
   text-shadow:rgba(0,0,0,0.6) 0px -1px 0px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px
}

#footer_utilities, #footer_utilities a{
   color:#fff
}

#footer_utilities .ipbmenu_content a{
   color:#333;
   text-shadow:none
}

#footer_utilities .ipsList_inline{
   margin-top:3px;
   clear:left;
   float:left
}

#footer_utilities .ipsList_inline>li{
   margin:0
}

#footer_utilities .ipsList_inline>li>a{
   margin-right:0px;
   padding:4px 10px;
   display:inline-block
}

#footer_utilities a.menu_active{
   background:url('http://www.ipbfocus.com/skindemo/public/style_images/dispersion/trans30.png') repeat;
   background:rgba(0,0,0,0.3);
   color:#fff;
   text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
   -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
   box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px
}

#copyright{
   text-align:right;
   line-height:22px;
   float:right
}

#ipsDebug_footer{
   width:900px;
   margin:8px
auto 0px auto;
   text-align:center;
   color:#404040;
   font-size:11px
}

#ipsDebug_footer
strong{
   margin-left:20px
}

#ipsDebug_footer
a{
   color:#404040
}
#backtotop,#bottomScroll{
   width:24px;
   height:24px;
   line-height:20px;
   left:50%;
   top:50%;
   margin-left:-12px;
   margin-top:-12px;
   position:absolute;
   display:inline-block;
   background:url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/trans20.png") repeat;
   background:rgba(0,0,0,0.2);
   -webkit-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
   -moz-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
   box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
   text-align:center;
   -moz-border-radius:16px;
   -webkit-border-radius:16px;
   border-radius:16px;
   outline:0
}

#bottomScroll:hover,#backtotop:hover{
   background:rgba(0,0,0,0.7);
   color:#fff
}
#footer_utilities {
    padding: 12px;
    position: relative;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0% 0% transparent;
    color: #DDD;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    width: 88.3%;
    margin: 10px auto;
}
#backtotop img{
padding-top: 4px;
}
</style>


Criei uma segunda classe na div do Painel de controle, pq não sabia se a "center" é usada em outros locais do fórum.
O esquema é o mesmo, ali em #fff fica a cor.
Resultou? Não esqueça do joinha!
por Sir_Undead
em 15.01.16 12:26
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do "Painel de Controle"
Respostas: 6
Visto: 569

Cor do "Painel de Controle"

Acesse Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Cole o seguinte código lá e salve:
Código:
.copyright a:link {
    color: #fff !important;
}


Onde está #fff você altera para cor que quiser, no caso #fff é branco.
por Sir_Undead
em 15.01.16 8:27
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do "Painel de Controle"
Respostas: 6
Visto: 569

Duvida sobre codigo de parceiros

@Shek escreveu:Bom dia!

Bem... Mas, seria no DIV ou na imagem? Se for na DIV, depois do align="center" basta atribuir o:
Código:
style="border: 1px solid #FFF"

Solid: indica que a borda é sólida (não modificar).
1px: Significa que a borda tem 1px. Quando mais aumentar, mais grossa a borda fica. Feliz
FFF: Seria a cor Hexadecimal da borda. Caso não queira, apenas tire o #FFF

Até mais!


Imagem
por Leonardo Luiz
em 07.12.15 14:12
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Duvida sobre codigo de parceiros
Respostas: 8
Visto: 665

Duvida sobre codigo de parceiros

Bom dia!

Bem... Mas, seria no DIV ou na imagem? Se for na DIV, depois do align="center" basta atribuir o:
Código:
style="border: 1px solid #FFF"
Solid: indica que a borda é sólida (não modificar).
1px: Significa que a borda tem 1px. Quando mais aumentar, mais grossa a borda fica. Feliz
FFF: Seria a cor Hexadecimal da borda. Caso não queira, apenas tire o #FFF

Até mais!
por Shek
em 07.12.15 14:05
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Duvida sobre codigo de parceiros
Respostas: 8
Visto: 665

Como alterar a pagination do fórum?

É quase isso que o Rafusqui falou, porém, procure no CSS essa linha:
Código:
background: #3c6994;

E altere o #3c6994, para a cor decimal (Isso é a cor da barra)


Procure por essa linha:
Código:
    background: #fff!important;

Altere o #fff para a sua cor em hexadecimal ou em inglês. Essa parte altera os botões quando estão ativos, por exemplo, se estiver na página 1 o botão 1 fica branco etc.
Procure por essa linha:
Código:
 background: rgba(255,255,255,0.1)!important;

Altere o rgba(255,255,255,0.1), para a cor desejada, esse é o fundo dos botões 1,2,3,4,5,6 etc.
Exemplo:
Código:
background: black !important

Seta A cor deve ser escrita em hexadecimal ou inglês!!

Abraço!
MateusAnjosV. Feliz
por MateusAnjosV
em 10.11.15 20:04
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como alterar a pagination do fórum?
Respostas: 5
Visto: 604

Adicionar um parágrafo dentro de um código javascript

Rapaz, deu certo mesmo.
Valeu mesmo, @MateusAnjosV.

search_results_posts:

<style type="text/css">#search-opts {
width:auto;
position:relative;
z-index:1;
}

.preset_label {
display: block !important;
padding-top: 20px !important;
}

#search-results {
width:auto;
position:relative;
z-index:1;
margin-top:-26px;
}

.search-option {
display:block;
margin:3px 0;
}

#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}

#search_presets a.preset_option.preset_actif {
color:#FFA;
}</style>

<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs">
<a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;<strong>{L_SEARCH_TITLE}</strong>
</p>
</div>

<div id="search-opts">
<div class="module main">
<div class="main-head">
<h3>Tipo de Pesquisa:</h3>
</div>
<div class="main-content">
<a class="search-option" href="/search?show_results=topics&">Por Tópicos</a>
<a class="search-option" href="/search?show_results=posts&">Por Postagens</a>
</div>
</div>
</div>

<script type="text/javascript">//<![CDATA[
(function() {
var opt = $('.search-option'), query = window.location.search.slice(1).replace(/show_results=(?:topics|posts)/, '').replace(/^&|&$/g, '');

opt[/show_results=topics/.test(window.location.search) ? 0 : 1].className += ' search-actif';
opt[0].href += query;
opt[1].href += query;
}());
//]]></script>

<div class="main paged" id="search-results">
<div class="inner-page">
<div class="paged-head clearfix">
</div>

<div class="main-head">
<h1 class="page-title">{L_SEARCH_MATCHES}</h1>
</div>
<!-- BEGIN searchresults -->
<div class="main-content topic">
<div class="post">
<div class="postmain">
<div class="posthead">
<h2><a href="{searchresults.U_POST}">{searchresults.TOPIC_TITLE}</a> - {searchresults.POST_DATE}</h2>
</div>

<div class="postbody">
<div class="user online">
<h4 class="user-ident">
<span class="username">{searchresults.POSTER_NAME}</span>
</h4>
</div>
</div>

<div class="post-entry">
<div class="entry-content">
<div>{searchresults.MESSAGE}</div>
</div>
</div>

<div class="postfoot">
<div class="user-contact">

</div>
<div class="post-options">
{L_FORUM}: <strong><a class="postdetails" href="{searchresults.U_FORUM}">{searchresults.FORUM_NAME}</a></strong>&nbsp;&nbsp;
{L_TOPIC}: <strong><a class="postdetails" href="{searchresults.U_TOPIC}">{searchresults.TOPIC_TITLE}</a></strong>&nbsp;&nbsp;
</div>
</div>
</div>
</div>
</div>
<!-- END searchresults -->

<div class="main-foot clearfix">
<h2>{L_SEARCH_MATCHES}</h2>
</div>

<div class="paged-foot clearfix">
<p class="paging">{PAGINATION}</p>
<p class="posting">{L_BACK_TO_TOP}</p>
</div>
</div>
</div>
<div class="clear"></div>



<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<style type="text/css">
#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}

#search_presets a.preset_option.preset_actif { color:#FFA }

#search_presets a.preset_option:hover { text-decoration:none }
</style>
<script type="text/javascript">
(function() {
var href = window.location.href,

presets = {
'\nFiltrar Por\n': {
'\nTempo de Postagem\n': href.replace(/sort_by=\d+/, '') + '&sort_by=0',
'\nTítulo do Tópico\n': href.replace(/sort_by=\d+/, '') + '&sort_by=1',
'\nAutor\n': href.replace(/sort_by=\d+/, '') + '&sort_by=2'
},

'\nOrdenar Por\n': {
'\nAscendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
'\nDescendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
}
},

title = $('.page-title')[0],
container = document.createElement('DIV'),
i, j, str = '';
container.id = 'search_presets';

if (title) {
for (i in presets) {
str += '<span class="preset_label">' + i + ' : </span>';
for (j in presets[i]) {
str += '<a class="preset_option ' + (new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '') + '" href="' + presets[i][j] + '">' + j + '</a>';
}
}
container.innerHTML = str;
title.innerHTML = '';
title.appendChild(container);
}
})();
</script>


search_results_topics:

<style type="text/css">#search-opts {
width:auto;
position:relative;
z-index:1;
}

.preset_label {
display: block !important;
padding-top: 20px !important;
}

#search-results {
width:auto;
position:relative;
z-index:1;
margin-top: -26px;
}

.search-option {
display:block;
margin:3px 0;
}

#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}

#search_presets a.preset_option.preset_actif {
color:#FFA;
}</style>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs">
<a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;<strong>{L_SEARCH_TITLE}</strong>
</p>
</div>

<div id="search-opts">
<div class="module main">
<div class="main-head">
<h3>Tipo de Pesquisa:</h3>
</div>
<div class="main-content">
<a class="search-option" href="/search?show_results=topics&">Por Tópicos</a>
<a class="search-option" href="/search?show_results=posts&">Por Postagens</a>
</div>
</div>
</div>

<script type="text/javascript">//<![CDATA[
(function() {
var opt = $('.search-option'), query = window.location.search.slice(1).replace(/show_results=(?:topics|posts)/, '').replace(/^&|&$/g, '');

opt[/show_results=topics/.test(window.location.search) ? 0 : 1].className += ' search-actif';
opt[0].href += query;
opt[1].href += query;
}());
//]]></script>

<div class="main paged" id="search-results">
<div class="inner-page">
<form action="{S_ACTION}" method="post" name="post" onsubmit="return verify_select();" class="frm-form">
<div class="paged-head clearfix">
</div>

<div class="main-head">
<h1 class="page-title">{L_SEARCH_MATCHES}</h1>
</div>

<div class="main-content">
<table class="table" cellspacing="0">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tcr">{L_FORUM}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>

<tbody class="statused">
<!-- BEGIN searchresults -->
<tr>
<td class="tcl tdtopics search">
<span class="status">
<img src="{searchresults.TOPIC_FOLDER_IMG}" alt="{searchresults.L_TOPIC_FOLDER_ALT}" title="{searchresults.L_TOPIC_FOLDER_ALT}" />
</span>
{searchresults.TOPIC_ICON}&nbsp;
{searchresults.NEWEST_POST_IMG}
{searchresults.PARTICIPATE_POST_IMG}&nbsp;
{searchresults.TOPIC_TYPE}&nbsp;
<h2 class="topic-title"> <a class="topictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a></h2><br>
{searchresults.GOTO_PAGE}
{searchresults.TOPIC_AUTHOR}</br>
</td>
<td class="tc2"><a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></td>
<td class="tcr">{searchresults.LAST_POST_TIME}<br>{searchresults.L_BY} {searchresults.LAST_POST_AUTHOR}{searchresults.LAST_POST_IMG}</br></td>
</tr>
<!-- END searchresults -->
</tbody>
</table>
</div>

<div class="main-foot">
</div>

<div class="paged-foot clearfix">
<p class="paging">{PAGINATION}</p>
<p class="posting">{L_BACK_TO_TOP}</p>
</div>
</form>
</div>
</div>
<div class="clear"></div>

<style type="text/css">
#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}

#search_presets a.preset_option.preset_actif { color:#FFA }

#search_presets a.preset_option:hover { text-decoration:none }
</style>
<script type="text/javascript">
(function() {
var href = window.location.href,

presets = {
'\nFiltrar Por\n': {
'\nTempo de Postagem\n': href.replace(/sort_by=\d+/, '') + '&sort_by=0',
'\nTítulo do Tópico\n': href.replace(/sort_by=\d+/, '') + '&sort_by=1',
'\nAutor\n': href.replace(/sort_by=\d+/, '') + '&sort_by=2'
},

'\nOrdenar Por\n': {
'\nAscendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
'\nDescendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
}
},

title = $('.page-title')[0],
container = document.createElement('DIV'),
i, j, str = '';
container.id = 'search_presets';

if (title) {
for (i in presets) {
str += '<span class="preset_label">' + i + ' : </span>';
for (j in presets[i]) {
str += '<a class="preset_option ' + (new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '') + '" href="' + presets[i][j] + '">' + j + '</a>';
}
}
container.innerHTML = str;
title.innerHTML = '';
title.appendChild(container);
}
})();
</script>


Podem fechar Party
por Daniel Z
em 31.10.15 0:15
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Adicionar um parágrafo dentro de um código javascript
Respostas: 17
Visto: 1871

[Logotipo] Ani Manga Online

Informações técnicas

Tipo de pedido : [Logo]
Dimensões : 691x263
Cores primátias : A fonte da letra será branca
Cores secundárias : A fonte da letra será branca
Imagens do pedido :
Imagens a serem usadas:

Texto a ser inserido : Ani Manga Online
Fonte : A fonte da palavra escrita "Fórum dos Fóruns"
Cor da fonte : #FFF
Link do meu fórum : http://animangaonline.ativoforum.com/
Link do meu último pedido : Não especificado

Informações adicionais

Descrição do que desejo : Meu prezado administrador,

Eu não quero igual ao logotipo de Fórum dos Fórum, eu gostaria como aquelas setas e apenas o nome do Ani Manga Online, se puder bote aquelas bolhas, olha exemplo:
http://prntscr.com/8v468t

O descrição, excluir isto, aquele logotipo de Forumeiros, pode tirar também, do outro lado que tem imagens tipo coração,sol,comunidade, retire isto também.
Bote uma render de anime ao lado de logotipo, seria bom!

Isto não é plágio, apenas mudei tudinho a tipografia, tente aparecido.
por Chagas
em 25.10.15 12:48
 
Buscar em: Arquivos de Pedidos finalizados
Tópico: [Logotipo] Ani Manga Online
Respostas: 5
Visto: 290

Background com CSS

Certo. Adicione no inicio da sua folha de estilos:
Código:
div#apresentaPrimeiro_quadrado { background: #FFF !important; }

#FFF Seta Corresponde à cor desejada.

Até mais.
Fraise
por Fraise
em 23.10.15 16:56
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Background com CSS
Respostas: 11
Visto: 587

Como colorir a caixa de título dos tópicos ?

Para alterar a cor do texto, use este código:
Código:
.post .post-header {
color: #FFF !important;
}


#FFF corresponde à cor hexadecimal do texto.

Até mais.
Fraise
por Fraise
em 14.10.15 16:04
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como colorir a caixa de título dos tópicos ?
Respostas: 20
Visto: 698

Cor do texto do fórum

Olá!

Aceda a Painel de Controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS e, no ínicio, adicione o seguinte código:
Código:
.secondarytitle h2 { color: #FFF !important; }
a.forumlink:link { color: #FFF !important; }
a.forumlink:visited { color: #FFF !important; }


#FFF corresponde à cor hexadecimal. Poderá encontrar variadas cores aqui:
Seta http://www.color-hex.com/

Até mais.
Fraise
por Fraise
em 10.10.15 11:44
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do texto do fórum
Respostas: 4
Visto: 500

Imagem circular em últimas mensagens

Olá!

É só adicionar em seu CSS:
Código:
.mini_ava {
    background: #FFF;
    border-radius: 100px;
    border: 2px solid #FFF;
}
As cores #FFF representam o Branco em hexadecimal. O border-radius, representa o arredondamento do avatar. O quando maior o valor, mais redondo será. Feliz

Até mais!

Tópico movido de 'Questões sobre Códigos' para 'Questões sobre a aparência do fórum'
por Shek
em 07.10.15 13:35
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Imagem circular em últimas mensagens
Respostas: 7
Visto: 1597

Voltar ao Topo

Página 1 de 2 1, 2  Seguinte

Ir para: