Fórum iBlue
[TUTORIAL] Mensagem de aviso personalizada Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[TUTORIAL] Mensagem de aviso personalizada Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

T-Lord

1[TUTORIAL] Mensagem de aviso personalizada Empty [TUTORIAL] Mensagem de aviso personalizada Qui 17 Jan 2013 - 13:47

T-Lord
Administrador
[TUTORIAL] Mensagem de aviso personalizada Alerte2 Mensagem 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 [TUTORIAL] Mensagem de aviso personalizada 337884 Visualização [TUTORIAL] Mensagem de aviso personalizada 337884 Imagens e Cores [TUTORIAL] Mensagem de aviso personalizada 337884 Cores [TUTORIAL] Mensagem de aviso personalizada 337884 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 -> Cor do fundo da mensagem (pode deixar a original).
Azul escuro -> Link da imagem de definição do aviso.

[TUTORIAL] Mensagem de aviso personalizada 337884 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] Mensagem de aviso personalizada Semttulosea

http://www.zonetoony.net/

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos