Filtro Dropshadow em texto

Essa lição traz uma aplicação do filtro Dropshadow em texto. Veja o modelo ilustrativo.

Material: um background (pode ser um tile), uma imagem principal (opcional), um texto e um arquivo de som.

Antes de preparar a sua formatação definitiva sugerimos que faça o teste com o modelo do Anexo 04, para compreender os atributos do filtro dropshadow.

Feitos os testes, vamos à sua lição.

1 - Abra uma nova mensagem e cole na Origem o código abaixo:



2 - Aplique o seu background e a imagem principal, caso tenha optado por usá-la.

3 - Na aba EDITAR, dê um duplo clique e digite (ou cole o seu texto).

4 - Os atributos da caixa de texto estão definido no tag STYLE em .div

.div {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; PADDING-BOTTOM: 10px; COLOR: #ffffff; PADDING-TOP: 10px; FONT-FAMILY: Verdana; TEXT-ALIGN: center

Faça as adequações nos atributos de fonte (cor, estilo, tamanho) e no alinhamento do texto.

5 - Altere os atributos do filtro dropshadow (offx=2, offy=2, color=#825abd)

6 - Faça todas as alterações necessárias nas cores, estilos e espessura das molduras, margens, alinhamento, etc. harmonizando com a sua formatação.

7 - Acrescente na Origem algum script já estudado em lições anteriores. No modelo ilustrativo foi aplicado o script da lição 05

8 - Aplique o som e acrescente um script para mensagem de rodapé.

9 - Confira pela aba Visualizar se está tudo funcionando direitinho, confira também o tamanho da mensagem e aplique os recursos antibanner.

Helena Monteiro e Zoia Sales Cavalcante