вяэи๏и๏ вяэи๏и๏  • 30.04.12 10:20

[TUTORIAL] Mensagens de Aviso personalizada Empty [TUTORIAL] Mensagens de Aviso personalizada 30.04.12 10:20

[TUTORIAL] Mensagens de Aviso personalizada Alerte2Mensagem de aviso personalizada


Muitas vezes temos de avisar aos membros para não praticarem o flood em algum tópico, ou até mesmo para dar um recado que exija destaque. E para isso nada melhor que uma mensagem de aviso personalizada, que estaremos aprendendo neste tutorial.

--> Tutoriais, Dicas & Astúcias <--
Mensagem de aviso personalizada


1º - Adicionar o código na folha de estilos CSS:
Acesse: Painel de Controle --> Visualização --> Imagens e Cores --> Cores Folha de estilos CSS e adicione o código abaixo:
.cpinfo {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('link da imagem');
}

Deverá editar o que está em:
Vermelho->Link da imagem de definição do aviso.
Azul Escuro -->Cor do fundo da mensagem (pode deixar a original).

Código de exemplo:
Código:
.cpinfo {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i.imgur.com/BZ17N.png');
}

2º - Código a ser utilizado nas mensagens:

Sempre que for postar uma mensagem, deverá utilizar o BBCode abaixo, que é em forma de tabelas, para que sua mensagem de aviso esteja com a personalização realizada através do CSS.
Código:
[table class="cpinfo"][tr][td]Seu texto vai aqui! Seu texto vai aqui!
Seu texto vai aqui! Seu texto vai aqui!
Seu texto vai aqui! Seu texto vai aqui!
[/td][/tr][/table]

3º - Locais em que este código pode ser utilizado:
Em geral, em qualquer lugar que aceite BBCode. Mas, para facilitar, trouxemos uma lista deles
1°Mensagem da Home Page:
Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"
2°Widgets (em todos que são possíveis de criar ou modificar):
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
ou
Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum
3°Newsletter's (modo HTML)
Painel de Controle -> Geral -> Newsletter -> Redação e envio
4°Mensagens Privadas (MP) e mensagens (Só terá efeito na determinada mensagem!)

4º - Exemplo de mensagem:
[TUTORIAL] Mensagens de Aviso personalizada Semttulosea

Creditos:
Fórum dos Fóruns



© Power-Pixel


[TUTORIAL] Mensagens de Aviso personalizada Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida][TUTORIAL] Mensagens de Aviso personalizada


Última edição por breno082 em 30.04.12 10:50, editado 1 vez(es)

avatar -Fαntαsy  • 30.04.12 10:23

[TUTORIAL] Mensagens de Aviso personalizada Empty Re: [TUTORIAL] Mensagens de Aviso personalizada 30.04.12 10:23

Pra quê ficar pegando coisa do FdF e postando aqui?
Qualquer administrador pode ir lá pegar a hora que quiser :S:

TrY! TrY!  • 30.04.12 10:28

[TUTORIAL] Mensagens de Aviso personalizada Empty Re: [TUTORIAL] Mensagens de Aviso personalizada 30.04.12 10:28

Olá,

Isto que sempre digo, não adianta vir do FdF e postar aqui.
Poste apenas algo que não há lá.
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.