terça-feira, 11 de outubro de 2011

Formatando papel de carta pelo FrontPage (Vídeo e Música On Line, Bordas, etc)


 

Formatando papel de carta pelo FrontPage

Tutorial de Walquíria Paiva (Pastora Wal) - 23/07/11

Eu explico aqui a forma como eu deixo todos os meus e-mails padronizados e com uma forma de acesso fácil.

Exponho tudo o que utilizo a esse respeito nas minhas formatações.


PRIMEIRA PARTE - TIRANDO AS EMENDAS

Não importa qual o tamanho (largura ou altura) do seu papel de carta. O que importa para fazer esse tutorial é deixá-lo sem emendas. Antes de formatar um papel de carta no Outlook Express é imprescindível que ele esteja certinho. Para tirar as emendas há duas formas:

1) Ou indo em EFFECTS - IMAGE EFFECTS - SEAMLESS TILING nessas configurações:

 

(configuração para tirar emendas nas repetições verticais dos papéis de carta)

Exemplo1:

  

(essa configuração que apliquei aqui nessa figura é a DEFAULT do efeito acima). Serve apenas para backgrounds.

2) Ou usando o plugin FM TILE TOOLS - SEAMLESS TILING

Exemplo 2:

  

(você pode tornar a aplicar o mesmo efeito acima, desmarcando a opção vertical, se quiser tirar a emenda horizontal do seu papel).


SEGUNDA PARTE - CONFIGURANDO PAPEL DE CARTA NO OUTLOOK EXPRESS

Com seu papel de carta prontinho e sem emendas, vamos criar um papel de carta no Outlook Express.

  1. Criar E-mail - Selecionar papel de carta - Criar Novo
  2. Avançar. Procurar Imagem. Lado a lado: verticalmente
  3. Avançar. Coloque uma fonte que os computadores tenham. Não deixe marcado negrito nem itálico.
  4. É muito importante configurar uma margem de forma que  as fontes não fiquem passando por cima da imagem lateral.
  5.  (veja também essas dicas 1(ajustando o papel de carta à sua tela) e 2 (dicas de margens de papel e top)
  6. Avançar. Dê um nome para o seu papel de carta. Concluir


TERCEIRA PARTE - FORMATANDO NO FRONT PAGE.
 
Antes de tudo, certifique-se que o Front Page é o programa padrão para editar HTML.
Se o programa não estiver configurado, abra o Internet Explorer e configure-o em Ferramentas/Opções da Internet/Programas:
  1. No Outlook Express procure o nome do seu papel que acabou de fazer e clique em EDITAR. Vai abrir o Front Page.
  2. SALVE SEU PAPEL DE CARTA: Eu salvo meus papéis de carta na mesma pasta onde o Outlook Express salva os papéis prontos. Assim, quando eu preciso de um papel de carta, eu não preciso formatá-lo todo de novo, é só clicar naquela setinha preta perto do CRIAR E-mAIL e ele já vem prontinho. Vá em ARQUIVO - SALVAR COMO  e selecione a pasta: C:\Arquivos de programas\Arquivos comuns\Microsoft Shared\Papel de carta. Aí todas as alteraçoes que você fizer nesse papel de carta, serão salvas e o papel ficará sempre prontinho para usar.
  3. Clique com o botão direito no meio da página que se abriu. Vamos configurar a cor do plano de fundo, da fonte e dos links. Selecione PROPRIEDADES DA PÁGINA.
  4. Na aba GERAL vc configura sua música de fundo MIDI. Se você quiser colocar um player ou adicionar um vídeo do YouTUBE, eu explico melhor logo a frente.
  5. Na aba FORMATAÇÃO, vem a parte importante para que seu papel de carta fique sempre lindo... onde qualquer pessoa com a tela de qualquer tamanho, o veja bem. Em plano de fundo, deixe como está.
  6. Clique na seção Cores em Plano de Fundo. Clique Mais Cores e depois em selecionar. Selecione a sua cor de fundo com o conta-gotas.
  7. Com o LINK e a cor da FONTE é a mesma coisa. Você pode selecionar as cores do papel de carta, para ficar uma coisa harmoniosa. Se quiser deixar a cor escolhida no mesmo tom, só que mais escura, clica em PERSONALIZAR. Mexa na setinha preta na lateral direita para deixar a cor escolhida mais clara ou mais escura. Se quiser, pode adicionar às cores personalizadas, assim, a cor ficará disponível para você depois.

 
COLOCANDO CRÉDITOS
Você pode desenvolver seu próprio rodapé e como colocar seus créditos.
Eu sempre coloco o link dos meus blogs, os tubes, fontes, kit scrap, masks que usei, a data em que fiz e de quem é o tutorial.
À medida que faço algum trabalho no PSP, eu deixo um bloco de texto aberto e vou escrevendo tudo o que usei nele. Depois é só copiar e colocar no papel de carta pronto.
Lembre-se sempre de ir em ARQUIVO - SALVAR.
 

 
COLOCANDO BARRA DE ROLAGEM COLORIDA E BORDAS
 
  1. No rodapé do Front Page, selecione DIVISÃO. Posicione o seu cursor abaixo da expressão </STYLE>, tem que estar antes de </HEAD>. Veja onde mostra o print.
  2. Bem aí, cole o seguinte:
<STYLE>BODY {
BORDER-RIGHT:#5E9FE0 8px ridge; BORDER-TOP:#5E9FE0 8px ridge; BORDER-LEFT:#5E9FE0 8px ridge; BORDER-BOTTOM:#5E9FE0 8px ridge; scrollbar-arrow-color:#ffffff; scrollbar-base-color:#5E9FE0;
}
      </STYLE>
 
  • Para alterar a cor das bordas, troque o que está de vermelho #5E9FE0 pelo código da cor que você quer.
  • BORDER-RIGHT = borda direita
  • BORDER-TOP = borda superior
  • BORDER-LEFT = borda esquerda
  • BORDER-BOTTOM = borda inferior
  • scrollbar-arrow-color = cor da setinha da barra de rolagem
  • scrollbar-base-color: cor da barra de rolagem
  • ridge = estilo da moldura da página.
4. Vai ficar assim:
 
PARA VER COMO FICOU, na aba lá embaixo, selecione VISUALIZAR. Para continuar mexendo no código-fonte, clique no rodapé do Frontpage em EDITAR.
 

 
COLOCANDO VÍDEO DO YOUTUBE NO E-MAIL

  1. Selecione no rodapé front page a aba EDITAR. Digite um X, para você se localizar no código fonte.
  2. No rodapé do Front Page selecione a aba CÓDIGO. Selecione o X. Cole o seguinte código:
<div align="center"><object width="200" height="180"><param name="movie" value="http://www.youtube.com/v/LJQoD_SbAeY&autoplay=1;?fs=1&amp;hl=pt_BR&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/LJQoD_SbAeY&autoplay=1;?fs=1&amp;hl=pt_BR&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="180"></embed></object></div>
 
Para trocar o vídeo que está tocando, troque LJQoD_SbAeY pelo código do seu vídeo. Exemplo, se eu quiser trocar para esse vídeo:
http://www.youtube.com/watch?v=JF4c3cdLvog vou trocar LJQoD_SbAeY por JF4c3cdLvog. Temos que trocar pelo código que vem depois do v=, no endereço do You Tube.
 

COLOCANDO MÚSICA ONLINE COM PLAYER NO E-MAIL
 
Se ao invés de um vídeo do You tube, vc quiser colocar um player de música é simples!
 
  1. Selecione no rodapé front page a aba EDITAR. Digite um X, para você se localizar no código fonte.
  2. No rodapé do Front Page selecione a aba CÓDIGO. Selecione o X. Cole o seguinte código:
<OBJECT id=player789 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6
width=150 height=60><PARAM NAME="URL" VALUE=""><PARAM NAME="rate" VALUE="1"><PARAM NAME="balance" VALUE="0"><PARAM NAME="currentPosition" VALUE="0"><PARAM NAME="defaultFrame" VALUE=""><PARAM NAME="playCount" VALUE="1"><PARAM NAME="autoStart" VALUE="-1"><PARAM NAME="currentMarker" VALUE="0"><PARAM NAME="invokeURLs" VALUE="-1"><PARAM NAME="baseURL" VALUE=""><PARAM NAME="volume" VALUE="50"><PARAM NAME="mute" VALUE="0"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="0"><PARAM NAME="windowlessVideo" VALUE="0"><PARAM NAME="enabled" VALUE="-1"><PARAM NAME="enableContextMenu" VALUE="-1"><PARAM NAME="fullScreen" VALUE="0"><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIFilename" VALUE=""><PARAM NAME="captioningID" VALUE=""><PARAM NAME="enableErrorDialogs" VALUE="0"><PARAM NAME="_cx" VALUE="3968"><PARAM NAME="_cy" VALUE="1587"></OBJECT>
<SCRIPT>
player789.uiMode="full"
player789.settings.autoStart=true
player789.settings.playCount=3
player789.settings.volume=100
player789.URL="
http://www.lindmidis.net/midis/religiosas/Hillsongs_-_None_But_Jesus.mid"
</SCRIPT>
 
Para trocar a música que está tocando, troque o endereço de vermelho, por algum endereço de música em site de midis.
Por exemplo, quero colocar tocando a música Abraça-me que está no site da LindiMidis:
Eu clico com o botão direito do mouse em cima da música e seleciono Copiar endereço do link. Aí é só trocar o que está selecionado de vermelho pelo link da música.

 

Lembre-se sempre de salvar toda mudança para que vc não tenha dor de cabeça depois! Rss...
 
Espero ter sído útil.
 
Lembro que as informações aqui são para usuários mais avançados e que já tenham algum conhecimento de HTML.
 
Se quiser falar comigo, me escreva:
 
Bjinhos de paz,
 
Pastora Wal

 

Um comentário:

  1. Amei as explicações e seu site tambéwmn. Muito obrigada por compartilhar e ensinar.
    Bjks

    ResponderExcluir

Olá,já que visitou-me agora deixe seu recadinho!