♥´¯`·.¸¸♥ღ° Dicas msn Spaces II ° ღ♥¸¸.·´¯`♥: Imagem

blingee.com

Fri, 14 Dec 2007 18:15:30 GMT

Aí está uma boa opção GRÁTIS para fazer o teu cartão de Natal, ou simplesmente editar tuas fotos.

Entre aqui:http://blingee.com/account/signup e preencha teus dados pessoais.
vais receber um email para confirmar tua inscrição.
então entras na página de novo e faça o LOGIN.
acima, no canto superior direito tem uma barrinha verde escrito "faça um blingee agora" - clica alí.

Aqui está a imagem que escolhí
Esta imagem foi editada no Photoshop.
A imagem entra, então clique de novo em fazer um blingee...de acordo com o tamanho/peso da imagem, ela demora um pouco pra carregar...Vai tomar uma cervejinha bem gelada enquanto espera. não gostas de beber? Toma leite então, kkkk
Parece que não carregou, mas carregou QUANDO...aparece escrito "Sua imagem está pronta, clique aqui...do lado direito em cima, perto de onde carregaste a imagem, ok?
Bom, aí vais ver um monte de recursos em volta da imagem. Não queres que eu fique descrevendo um por um né, tchê???!!! heheeh Se vira agora, vai clicando um por um até que fique do teu agrado.

Terminou, clique em SAVE
Salvou? Clique na imagem, então surgem imegens em vários tamanhos. Escolha o tamanho que queres, e clique do lado dela em: Obter código ou descarregar ou seja, pegas o código ou mandas a imagem para "Meus Documentos".
PRONTO
agora escolhes:
podes pegar o código abaixo, ou
coloca-la direto no orkut, live spaces e outros

O resultado está aqui:

Faça suas próprias montagens gif

Desejo a todos um maravilhoso Natal, com muita paz, saúde e muito amor no coração. Que Deus esteja presente em seus lares, que este fim de ano, seja de muita alegria e que em 2008, se renovem as esperanças de um ano bem melhor...
Um beijo grande a todas as pessoas que nos prestigiam aqui. e muito obrigada por tudo!!

Conheça meu blog pessoal/my personal blog

Indice de ajudas msn spaces live

Efeito água em imagem

Mon, 26 Nov 2007 15:52:17 GMT

Como fazer o efeito água em uma imagem. Muita gente tem me perguntado.

Aí está:

Fotline,

Baixe o cursor, no final da página tem lá uma janela.

Clique em "procurar". Ache a foto que queres do teu pc e então clique em "upload"

Depois é só copiar o código em HTML e

adicionar no teu blog

ou no Orkut,

ou salvar em teu pc.

Clique para gerar o efeito em suas fotos.

Veja aqui, aqui e aqui, algumas imagens geradas lá.

Não as adicionei aqui, porque são muito pesadas.

UM CONSELHO:

É muito bonito um blog com um plano de fundo personaliado, mas vejam bem...é SUPER PESADO.

O mesmo acontece com gifs imensas e cheias de efeito.

HOSPEDAR IMAGENS NO BLOG

Tue, 06 Nov 2007 23:41:39 GMT

Muitas pessoas têm me perguntado sobre sites hospedeiros, porque recentemente estão tendo problemas com alguns deles.
Bom, depois das últimas mudanças, quem precisa de site hospedeiro para os spaces? Podes agora hospedar suas imagens direto aqui em uma entrada
veja:

escolha uma imagem que goste e salve-a no teu computador.

abra ume entrada (veja ilustração abaixo)

Clique em adicionar foto. (1)

uma janela se abre com suas imagens, em "Meus Documentos" clique na imagem que queres e em carregar agora (no canto direito superior da nova janela que abriu, com as imagens)

a imagem leva poucos segundos para aparecer. Ela entra em uma escala menor (tamanho menor)

então clique sobre ela, vários quadradinhos aparecerão em volta da imagem.

posicione o mouse no canto superior direito da imagem (aparece uma setinha)

puxas até que a imagem atinja seu tamanho real.

Veja na ilustração, como a imagem (pequena) é adicionada e o tamanho que fica, depois de redimensionada

pronto

Mas...
Quem sentir dificuldade em dimensionar, acha que fica meio torta...tens uma segunda opção:

depois da foto adicionada, veja na imagem abaixo, onde tem visualizar a entrada

clique em visualizar entrada

clique na imagem, ela se abre em outra página, já no tamanho normal.

clique em editar entrada (no mesmo lugar onde estava visualizar entrada)

então, posicione o mouse sobre a imagem que se abriu na outra página e puxe-a, clicando no botão esquerdo do mouse, sem soltar o mouse, para dentro da entrada.

apague a pequena

fácil, não?

P.S AS GIFS NÃO PERDEM O MOVIMENTO,

Espero ter ajudado...
Boa sorte

Fotos com uma melhor qualidade nos álbuns dos Spaces

Sat, 01 Sep 2007 13:18:28 GMT

Adicionamos dois tipos de fotos nos Spaces
Subindo fotos com alta resolução
Agora podes ter fotos com alta resolução nos Spaces. Quando subires suas fotos, selecione Optimize photos for printing (melhorar a qualidade para impressão). Quando subires fotos com alta resolução, suas fotos terão uma aparência ainda melhor, especiamente quando vistas em tamanho maior - tela toda.

Nota: o processo de subir a foto pode ser mais lento, devido ao peso das fotos.
Photo printing por HP Snapfish
Queremos também anunciar nossa parceria com HP Snapfish para uma qualidade melhor nas fotos. Este serviço, está disponível por enquanto, somente nos EUA, mas estamos trabalhando para que todos possasm usufruir disso. no futuro.
Para criar uma "foto print" visite o álbum de fotos nos Spaces e clique em Order prints.

Selecione as fotos que queres imprimir de um álbum específico e então clique Next (próximo).

Serás direcionado ao HP Snapfish website para requerer suas fotos impressas. Depois de criar um nome de usuário em HP Snapfish podes requerer impressões a partir de fotos selecionadas nos Spaces, e também coisas adicionais como: calendários, canecas de café, posters, e cartões.
Espero que gostem das novidades.
-Chris Keating
Product Manager, Windows Live Spaces
(Posted with Windows Live Writer)
Technorati tags: Windows Live Spaces, HP/Snapfish, Photos, Photo Printing, Windows Live, Microsoft, Social Networking

Imagem marquee

Wed, 04 Jul 2007 19:29:15 GMT

Já faz um tempinho que ensinei aqui, como colocar "letras marquee" (letras que correm), mas tu podes também colocar uma "imagem marquee", dentro do HTML Sandbox. Se adicionas uma imagem animada, o efeito ainda é mais interessante.
No primeiro código (1) a imagem corre para a direita, o (2) ela corre para esquerda e o (3) ela se desloca um pouco para a direita e para a esquerda...Veja os códigos abaixo

Animated GIFs

<marquee><img src="Enter Picture URL Here"></marquee>
<marquee direction="RIGHT"><img src="Enter your picture url Here"></marquee>
<marquee behavior="alternate"><img src="Your pictur URL Here"></marquee>

Indice de ajudas msn spaces live

Plano de fundo PERSONALIZADO

Sat, 21 Apr 2007 00:34:32 GMT

Agora é possível adicionar uma imagem personalizada no fundo do blog.

vá em personalizar
avançado
imagem de plano de fundo
procurar - ache a imagem hospedada no teu pc
carregar (a imagem)

Então observe as preferências

repetir (ou não) a imagem
alinhamento
posicionamento
transparência

Vejam a imagem:

Vão brincando e clicando até chegar no que vcs querem...

OBSERVE QUE ACIMA DE "imagens de plano de fundo" tem "cores de plano de fundo" - podes mudar a cor do fundo, junto com a imagem - por exemplo, no caso de não repetir a imagem, podes colocar uma cor que combine com ela e com o teu blog....

BOA SORTE

Baner na parte superior e inferior do blog

Sat, 21 Apr 2007 00:03:31 GMT

Com as novas mudanças, podemos adicionar um baner na

parte superior e
na parte inferior do blog de uma maneira diferente das que já citei aqui.

Vejam a imagem abaixo:

vocês podem puxar um GADGET para dentro da área pontilhada, tipo, o HTML sandbox - naturalmente ele já fica da largura do blog. - e colocar dentro dele um banner de 985px, com este código simples:

<div align=center><img src="URL DA IMAGEM AQUI"></div>

(Esta imagem acima é a parte superior do blog em modo de editar)

E se querem também colocar um Footer - um banner na parte inferior do blog - usem o mesmo procedimento, citado acima, é só prestar a atenção, em modo de editar, que vocês podem ver assim, no final da página, podem ver a mesma linha pontilhada, escrita dentro - "Você pode arrastar módulos aqui"
Veja:

Boa Sorte

menu oculto

Sat, 10 Mar 2007 20:11:07 GMT

Uma coisa que sempre me esquecia de passar pra vcs. O menu oculto de uma imagem.

Quando adicionarem uma imagem à uma entrada, observem que: se colocarem o mouse sobre a mesma e fizerem o clique no botão direito, vejam abaixo as opções:

alinhamento horizontal
alinhamento vertival
tamanho da imagem - podem reduzir, aumentar...

;

VOCÊ QUER UMA RÁDIO NO TEU SITE, COM AS MÚSICAS QUE VC GOSTA?

ENTRE AQUI, DOMINGO, DIA 11 DE MARÇO: Que tal me deixar uma mensagem lá, dizendo se gostaram?

Esta imagem foi reduzida 50% com a dica acima. Veja que conserva as proporções exatas...

Fusão de imagens com transparência

Thu, 08 Feb 2007 23:29:03 GMT

Hoje vou demosntrar a vocês como misturar 2, 3 imagens usando o filtro de opacidade...depois podem ir brincando e mesclando tamanhos diferentes...façam suas próprias experiências...

As 3 imagens abaixo têm 100 px de largura (diminuitas aqui para efeito de estética da apresentação)

Vejam o resultado da mesclagem das 3 imagens depois de inseridas no código que vem logo abaixo delas:

          Código HTML para misturar 3 imagens com efeito de opacidade:

<TABLE><TBODY><TR><TD>
<DIV style="WIDTH: 100">
<IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3)" src="http://URL_da imagem_1.jpg" width=200 align=left>
</DIV></TD><TD rowSpan=2>
<DIV style="WIDTH: 330">
<IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3)" src="http://URL_da imagem_3.jpg" width=200 align=right>
<DIV style="FLOAT: left; WIDTH: 250" align=center>
<IMG style="FILTER: alpha(opacity=100, finishOpacity=0, style=3)" src="http://URL_da imagem_2.jpg" width=200>
</DIV></DIV></TD></TR></TBODY></TABLE>
Agora o efeito de misturar 2 imagens, com efeito de opacidade:
O código desta está logo abaixo das imagens:

Código HTML para misturar 2 imagens, com efeitos de opacidade:

<TABLE><TBODY><TR><TD>
<DIV style="WIDTH: 100">
<IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style =3)" src="http://URL_da imagem_1.jpg" width=200 align=left>
</DIV></TD><TD><DIV style="FLOAT: left; WIDTH: 250" align=center>
<IMG style="FILTER: alpha(opacity=100, finishOpacity=0, style=3)" src="http://URL_da imagem_2.jpg" width=200>
</DIV></TD></TR></TBODY></TABLE>

by PUKKA

Nota:

Se as tuas imagens têm tamanhos diferentes, vc precisará ajusta-las na largura (WIDTH), pelo Photoshop, por exemplo.

é entrar lá com a imagem. Clicar em "imagem", "tamanho da imagem" e ajustar as medidas...

Se queres cortar a imagem no Photoshop, cliquem em "imagem", "corte demarcado"...

se queres mudar , clique em "editar" "desfazer"...

IMPORTANTE: não abusem desses efeitos, que tua página pode ficar muito pesada.

2 - Favor citar os créditos...
Se queres muitos mais truques e efeitos, enfim...tudo sobre imagens (cliquem no link/imagem abaixo) na lista "IMAGEM"

By Pukka
this tutorial was taken from jojo spaces
VEJA AQUI UMA MANEIRA DE FAZER FUSÃO DE IMAGENS NO PHOTOSHOP

Foto Album 2 - "RockYou"

Thu, 21 Dec 2006 13:06:17 GMT

Entrem aqui: http://www69.rockyou.com/login.php

Coloquem teu email
Cliquem em “create/login”
Uma nova caixinha aparecerá para colocar a senha (password)
Coloquem a senha que quiserem

Então entrem no site:

http://www69.rockyou.com/choose_widget.php

cliquem sobre SLIDESHOW
Se vc quer colocar suas imagens, clique em procurar e peguem as imagens que querem. Podes colocar tuas fotos também.
Se querem colocar por URL, coloquem a URL.
1 de cada vez, clicando ADD SLIDE abaixo, a cada foto.

Colocadas as imagens que vcs querem, cliquem em:

Arranje fotos – arrume como quiser, por ordem, podes deletar algumas...podes arrastar e mudar de lugar.
Em customize, aparece uma nova página, veja imagem abaixo...vá clicando nos estilos e escolha um. – o LEIGH NASH podes colocar música, como o meu.
ou podes escolher outro modelo sem som...com vários efeitos na imagem - vá brincando e escolhendo...
Veja abaixo de customize a arranje fotos - as várias opções, vá clicando e vendo o que mais te agrada...
Veja ilustração abaixo, para maior entendimento:

Tendo configurado a teu gosto, clique em Save/Done:

Allow sharing (permitir compartilhar), marque ou não...

Uma nova página se abrirá e dentro de uma faixa amarela está o código, copie (Ctrl + c) e cole dentro do HTML sandbox

ATENÇÃO, é diferente do Custom HTML...e como colocar esse novo mini-aplicativo no teu blog?

Veja como fazer: (direto de uma página que já o tem)

Para pegar o HTML Sandbox Gadget e colocá-lo no teu space:

Clique aqui uma página se abre e tu clicas em 'ADICIONAR AO SEU ESPAÇO".

dentro dele clique em instalar o mini-aplicativo.

coloque aquele código dentro dele e SALVE.

visualize.

AS VEZES ACONTECE DA IMAGEM CONGELAR E SÓ APARECER A PRIMEIRA IMAGEM. ENTÃO É SÓ CLICAR EM ATUALIZAR (F5)

ESTE ACIMA TEM MÚSICA - só não tem como parar a música...caso não a queira ouvir, tire o som do teu pc por um instante...obrigada...

By Pukka

Baner da largura do espaço

Fri, 29 Sep 2006 16:42:16 GMT

COM AS NOVAS MUDANÇAS, FICOU MUITO MAIS SIMPLES ADICIONAR UM BANER DA LARGURA DO BLOG - TANTO ACIMA, COMO ABAIXO BO BLOG

Agora é assim:

Passo 1:

Faça o teu banner - você vai precisar de um banner de 985 pixels de largura (para preencher toda a largura do blog). Veja como medir/aumentar/diminuir o banner na imagem abaixo (no photoshop)
Consiga a imagem. Salve em seu computador.
Abra o Photoshop.
Clique em Image Size (tamanho da imagem) ,
faça as alterações necessárias e salve de novo.
veja ilustração para melhor entendimento:
Certifique-se que você tem o modulo Custom HTML. <- (veja como adicionar)
Adicione o HTML no blog
salve
vá em personalizar
em rearranjar ou ocultar módulos
Puxe o módulo HTML para a parte superior do blog - onde está escrito "você pode arrastar módulos e gadgets aqui"
salve

Veja ilustração abaixo:

.

Passo 2: Em modo de editar , crie uma nova entrada.

Abra uma entrada

Pegue a URL do teu banner e coloque dentro desse código: <img sr="A URL DO BANNER AQUI">

Pulse o HTML. Veja as dimensões, alinhamento, etc…

Pulse de novo o HTML e copie o Código. Ignore esta entrada – ou seja, não a publique. Pegue esse código e coloque no teu Custom HTML.

SALVE

Se queres o teu baner sem moldura (a faixa branca em volta) e sem o título:

Clique em personalizar - no canto direito do teu blog, ou na "chave de fenda" que fica no canto direito do teu HTML.

Então, clique na setinha - também no canto direito superior do HTML - veja a imagem abaixo:

clique em configurações -

Se queres ocultar o título - ocultar a borda (moldura) e usar a largura total, então assinale, como está na imagem abaixo.

SALVE

A IMAGEM/O BANNER DEVE SER HOSPEDADO, OU NO TEU PRÓPRIO BLOG OU EM UM SITE HOSPEDEIRO. VEJA COMO AQUI

moldura no modulo blog

Tue, 15 Aug 2006 14:20:26 GMT

Moldura no módulo blog -

agradeço à minha amiga Márcia que me mandou isto.

onde tens este sinal (#) e números - é onde podes escolher as cores. Veja a tabela de cores AQUI
em "border" graduas a largura da borda.
onde tens o endereço da imagem (URL) colocas ali a imagem, mas marcas onde queres colocar e pulsas o HTML, colocas e voltas a pulsar...entaõ podes puxar a imagem pra esquerda ou direita...
OU
podes puxar direto a imagem pra dentro da moldura.

SEU TEXTO AQUI, PODES COLOCAR IMAGENS TAMBÉM

A moldura aumenta à medida que vc escreve...

Aqui está o código:
<TABLE borderColor=#0ecece cellSpacing=4 cellPadding=10 border=4>
<TBODY>
<TR>
<TD>
<P>SEU TEXTO AQUI........ PODES COLOCAR IMAGENS TAMBÉM<IMG src="A URL DA IMAGEM AQUI">
<P>A moldura aumenta à medida que vc escreve...</P>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE>

SEU TEXTO AQUI, PODES COLOCAR IMAGENS TAMBÉM

A moldura aumenta à medida que vc escreve...

Aqui está o código:
<TABLE borderColor=#1d4777 cellSpacing=4 cellPadding=10 border=4>
<TBODY>
<TR>
<TD>
<P>SEU TEXTO AQUI, PODES COLOCAR IMAGENS TAMBÉM<IMG src="A URL DA IMAGEM AQUI"></P>
<P>A moldura aumenta à medida que vc escreve...</P>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE>

Este é com fundo preto (BACKGROUND-COLOR: #000000") podes mudar, mudando o código...e também se expande no cumprimento, conforme tu escreves...

Lembre-se que WIDTH é largura ...podes aumentar ou diminuir...podes mudar as cores...

Código:

CONTINUA....

scanline

Sun, 09 Apr 2006 14:16:11 GMT

SE VC GOSTOU DOS MEUS TUTORIAIS E QUER DIVULGAR, PEGUE MEU LINK NO LIVRO DE VISITAS, POR FAVOR, NÃO COPIE, NEM COLOQUE MINHAS LISTAS NO TEU SITE,

OBRIGADA!!

Ontem meu aluno de inglês, Juliano me ensinou isto:

Este efeito se chama Scan Line. Também chamado de efeito TV.

Achei interessante, então repasso...

Efeito "SCAN LINE"ou imagem de TV

1º Passo: Abra uma imagem qualquer que queira usar

Esta é a FRIDA

2º Passo: Agora crie uma imagem de 5 x 5 Pixels

Assim criaremos um arquivo bem pequeno

3º Passo: Segure a tecla ' CTRL ' e pressione ' + ' para podermos aproximar

o arquivo (note que cada vez pressionado, mais próximo ficará)

4º Passo: Usando a ferramente Brush, faça uma marca na área, veja acima.

5º Passo: Vá na barra de Menu na opção Selecionar (Select)...

Tudo (All) para selecionar a imagem toda

6º Passo: Vá em na Opção "Editar" (Edit), "Definir Padrão"

(Define Patern)

7 º Passo: Volte a magem que deseja colocar o efeito,

e crie uma nova camada. Em seguida, vá em Editar (Edit) Preencher ( Fill )

8º Passo: Na janela Camada (Layer), altere a propriedade

de mesclagem para Sobrepor e sua opacidade para 20% (VEJA IMAGEM ACIMA)

Assim ficará a imagem

observem as linhas horizontais na imagem...

Claro que o efeito final depende de como será seu Scanline

podes colocar mais forte...

BOM DOMINGO!

Colocar imagem no módulo blog, hospedando na própria página (adicionando imagem)

Tue, 04 Apr 2006 01:00:27 GMT

OBSERVE A IMAGEM

Antes de mais nada, escolha a imagem que queres e salve em "Meus Documentos"

NUNCA COPIE E COLE DE OUTRO SITE...clique com o botão direito sobre a imagem e

escolha "SALVAR COMO"

abra uma entrada
clique em ADICIONAR FOTOS - veja onde, circulado em vermelho acima
vai abrir uma janela com seus documentos, suas iamgens
clique na imagem que queres, ela vai ser adicionada
vais ver que aparecerá a URL da imagem
SALVE COMO RASCUNHO - NÃO PUBLIQUE
então, com o botão direito do mouse sobre a URL da imagem aparecerá propriedades (veja imagem)
clique em propriedades e já terás a URL
OU
basta clicar na imagem adicionada e uma página se abre com a URL da imagem
copias a URL e coloque neste código abaixo:
<img src=" COLOQUE A URL AQUI">
abra uma nova entrada
pulse o <HTML>
coloque o código
pulse de novo e a imagem já aparece.
PRONTO

ATENÇÃO

NÃO DELETE ESTA ENTRADA, NEM PUBLIQUE...

TUA IMAGEM ESTARÁ GUARDADA NO TEU PRÓPRIO SITE

Como eliminar imagens adicionadas no blog.

Fri, 17 Feb 2006 18:47:40 GMT

As imagens queforam adicionadas através de adicionar fotos podem ser deletadas direto de uma pasta "armazenamento"
Como chegar até ela? deves fazer assim:
em modo de editar, (veja ilustração abaixo)

Vá em opções
depois em armazenamento, vai abrir uma caixa com todas as fotos que adicionaste.
assinale aquelas que queres excluir
clique em excluir.

pronto!

Alguma dúvida, perguntem.

Como alinhar texto com imagem...

Thu, 02 Feb 2006 17:12:34 GMT

PUKKA13

Se você quer aprender a escrever

aqui do lado direito de

uma foto é bem simples

observe o código

abaixo:

Abre uma nova entrada
Pulsa o botão <HTML>
Introduza o código abaixo:

Podes mudar o que está em laranja:
SUBSTITUA:

A Url da imagen > pela URL da imagem que queres usar.
borda de la imagen > É a espessura da borda vai de 1 a 10.
texto alternativo > É o texto realça quando colocas o cursor em cima da imagem.Es el texto que saldra cuando pongas el cursor encima de la imagen.´Por exemplo, essa imagem, se tu passas o mouse por ela, aparece "conheça as dicas da Pukka".
alinhamento > Se queres que a imagem fique à direita coloque right e se queres a imagem à esquerda coloque left.
espaço vertical > É o espaço que fica entre a imagem e o texto verticalmente. Por exemplo: 5
espaço horizontal > É o espaço que fica entre a imagem e o texto horizontalmente. Por exemplo: 7

Volte a pulsar o <HTML>
Publique.

PARECE QUE NÃO ESTÁ FUNCIONANDO PARA ALGUND... QUEM NÃO CONSEGUIR, VEJA AQUI, MUITAS MANEIRAS DE ALINHAR TEXTO À IMAGEM.

Gracias a: http://spaces.msn.com/newjamsito

Divirta-se no meu espaço pessoal ==> AQUI <==

♥´¯`*·.¸¸♥ღ° Dicas msn Spaces II ° ღ♥¸¸.·*´¯`♥: Imagem