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

Início

Sun, 09 Dec 2007 18:33:36 GMT

Os blogs andam muito lentos. Que tal ganhar tempo e ao mesmo tempo ter acesso a:

a caixa de entrada do hotmail
o messenger (abrir por aqui tb)
contatos
atualização dos amigos
o teu space
evento - criar...
e mais...
veja ilustração abaixo

é só salvar nos seus favoritos a página inicial do msn. Para quem abriu o space com localização no brasil, esta é a página: http://home.live.com/?mkt=pt-br Se vc tem teu space com outro endereço, vai mudar o final, ou seja, a parte em vermelho.
Por exemplo, USA , vai terminar em en-us. Portugal pt-pt
Se tu queres entrar direto em uma entrada de blog, veja AQUI
Tempo é dindin, então...
Tenta ae, clica no link acima, entra com sua ID (endereço de email e senha e veja)
SE TU BUSCAS ALGO ESPECÍFICO, ESCREVA UMA PALAVRA CHAVE NO PUKKA BUSCA - ALI ACIMA NO CANTO DIREITO SUPERIOR, NA MINHA FOTO.

Como usar o "mouseover", ou seja, pousar o mouse sobre uma imagem e aparecer uma mensagem.

Fri, 09 Nov 2007 12:48:11 GMT

Aqui está o código:
<DIV>
<H3> </H3>
<P align=center><A title="Dicas da Pukka" href="http://pukka131.spaces.live.com/dica/7/Dicas"><IMG alt=PukkaProduções src="http://img366.imageshack.us/img366/737/kiss2abcopyvv9.jpg" Pukka da></A></P>
<P> </P></DIV>
Faça as mudanças necessárias:

em verde, coloque o endereço do teu blog
em vermelho, a mensagem que irá aparecer
em lilás, a URL da imagem.

Pouse o mouse sobre a imagem abaixo e irá aparecer "PukkaProduções" e se clicas na imagem, ela vai dar neste meu blog de dicas.

comentar sem travar a página

Thu, 18 Jan 2007 12:49:40 GMT

CASO QUEIRAM COMENTAR AQUI, OU EM QUALQUER BLOG - TENTEM O RECURSO DE POSICIONAR O MOUSE SOBRE "ADICIONAR COMENTÁRIO" CLICAR EM "ABRIR EM OUTRA JANELA"...ELA ABRE BEM MAIS RÁPIDO...

ABRE MAIS RÁPIDO E NÃO TRAVA...

VENAHM CONHECER MEU NOVO BLOG PESSOAL:

http://dicasmsnspaces3.spaces.live.com

Linguagem HTML - Linkar imagens e palavras - DIV

Wed, 26 Apr 2006 13:52:47 GMT

Links:

Para um link abrir na mesma janela, use:
<a href="url vai aqui">Texto vai aqui</a>

Clique aqui como exemplo

Para que um link se abra em outra janela, use:
<a target="_blank" href="url do que vai ser linkado">Texto vai aqui</a>

Clique aqui como um exemplo

Para remover a linha embaixo do link, use:
<style></style>

Para linkar um email, use:
<a href="mailto:você@domain.com">email me</a>

Para linkar um email com um assunto, use:
<a href="mailto:você@domain.com?subject=Your Subject">email me</a>

Para linkar imagens, use:
<a href="url de onde queres indicar vai aqui"><img src="URL da imagem aqui"></a>

Clique aqui Exemplo

Para linkar imagens sem bordas, use:
<a href="url vai aqui"><img src="url da sua imagem" border="0"></a>

Clique aqui Exemplo:

Imagens:

Para postar uma imagem, use:
<img src="url da imagem aqui">

Para postar um "thumbnail" (imagem reduzida), use:
<a href="url da imagem maior"><img src="url da imagem aqui" width="70" height="50" border="0">

Linkar imagem com uma mensagem subliminar

Pouse o mouse sobre a imagem abaixo e vais ver que ela tem uma mensagem:

Veja na imagem, como linkar em uma entrada

clique o ícone de linkar (inserir link)
esta janela se abre
se queres que se abra em uma outra janela, é só assinalar

Plano de fundo:

Para fazer de seu plano de fundo uma cor sólida, use:
<style type="texto/css"></style>

Para usar uma imagem como plano de fundo, use:
<style type="texto/css"></style>

Para colocar qualquer cor como plano de fundo, em caso de não baixa, use:
<style type="texto/css"></style>

DIV:

Para fazer um DIV com bordas, use;
<div style="border:#000000 2px solid">Texto vai aqui.</div>

Exemplo:

Este DIV tem uma borda.

Para fazer um DIV sem bordas, use:
<div style="font-family:verdana;font-size:12px;color:#404040">Texto vai aqui.</div>

Exemplo:

Este DIV não tem bordas.

Para fazer um DIV parecer uma tabla, use:
<div style="background:#000000;border:#c0c0c0 3px solid;font-family:verdana;font-size:9px;color:#c0c0c0;width:150px;height:75px">Texto vai aqui.</div>

Exemplo:

Texto vai aqui.

Para fazer um DIV como uma tabla, com rolagem use:
<div style="background:#c0c0c0;border:#000000 3px solid;font-family:verdana;font-size:10px;color:#404040;width:150px;height:75px;overflow:auto">Texto vai aqui.<br></div>

Exemplo:

Agora

este está

com

rolagem.

O link da boca (Pukka produções), abaixo:

Thanks to SIMON

"linkar" imagem

Sun, 06 Nov 2005 03:24:50 GMT

Procedimento 1 para linkar uma imagem:

pega a imagem que quer e salva nos meus documentos
faz o upload da imagem e pega a URL (ver como colocar imagem em um site hospedeiro)
coloca o endereço da página onde está escrito ENDEREÇO DO SITE como o meu : "http://spaces.msn.com/members/Pukka131/
coloque a URL DA IMAGEM onde pede.
pulsa o <HTML> e coloca esse código lá
pulsa de novo e ve se ficou bom, enquadra...

para te levar no teu site:

mesma coisa aqui, só muda, em vez de endereço da página, vai o endereço do livro de visitas

Pra pegar o link permanente, vá em visualizar Meu Espaço, (ali em cima à direita), olhe embaixo da entrada do LIVRO DE VISITAS, veja embaixo da entrada, à esquerda, onde está escrito "LINK PERMANENTE", clica nisso, e vai aparecer uma URL, pega essa URL e coloca ali, onde está escrito LINK PERMANENTE DO LIVRO DE VISITAS.

PS: Veja o que é LINK PERMANENTE NAS MINHAS LISTAS

Veja como pegar a URL da imagem --> AQUI

Veja o que é link permanente ----> AQUI

O que é URL? é o endereço da imagem...

Procedimento 2:

Observe a imagem abaixo

Serve tanto pra uma palavra, frase ou imagem.

passe o mouse por cima da palavra, frase ou imagem, vais ver que o símbolo de HyPERLINK (veja número 2 na imagem) fica azul.
uma janela - como a da imagem - se abre.
coloque alí onde tem o http://, o endereço que queres (observe que já tem o http://...
pulse INSERIR
pronto

Observe que fiz isso com a PUKKA BRASIL abaixo. Se pulsas sobre ela, abre o "pukka131", porque esse foi o link que coloquei lá.

Pronto

PUKKA - BRASIL

Como colocar uma imagem em um site hospedeiro

Sat, 05 Nov 2005 16:07:26 GMT

Por favor nunca copiem e colem uma imagem de outro site, porque vocês estarão roubando a banda larga da pessoa, ou seja, ela tem uma cota em um site de hospedagem, se vocês pegam suas fotos, estarão usando a cota deles...

Então, se gostaram de uma imagem de um blog, posicionem o mouse sobre a imagem e, com o botão direito "salvar como" e salvem no teu computador.

Por exemplo, se eu estou atingindo o meu limite, devo deletar algumas imagens, para poder hospedar outras, mas...se quem pegou minha imagem não deleta...estará usando a minha cota...

Acho que deu pra entender, né?

Como fazer "upload" (hospedar a imagem) e pegar a URL (o endereço dela na net), pra colocar no blog ou no ORKUT:

pegue a image e salve no teu pc (SEMPRE COMO JPEG ou GIF) em "meus documentos". Se achas uma imagem em um blog, não copie e cole...pouse o mouse sobre a imagem e com o botão direito, "salvar como" e salve no teu computador.

entre neste site http://imageshack.us/ é o que uso.
1 clique em procurar, (veja imagem abaixo) vai te levar aos meus documentos,
pegue a imagem que queres, clicando em cima dela.
2 clique em HOST IT - veja ilustração abaixo:

Veja o que aparece quando conclui:

Na parte superior, irá aparecer "THUMBNAILS" imagens pequenas...algumas numeradas...veja abaixo da imagem o que vcs devem pegar: " HOTLINK FOR WEBSITES"...

copie o código - guarde-o, por exemplo no bloco de notas, salve-o como imagens (podes guardar aí, todos os códigos das imagens já hospedadas.
abra uma entrada
clique no HTML da entrada
coloque o código inteiro
clique de novo o HTML
visualize...
PRONTO!

VEJA ABAIXO ONDE FICA O HTML

REPETINDO:

pulse o <HTML>, olhe na imagem abaixo - dentro do quadrado vermelho
coloque todo o código
Pulse de novo e veJA se está ok. Pra centralizar a figura, clique sobre ela e pulsa alí onde tem a seta vermelha.

</&NBSP;< FONT>

Agora, como hospedar no teu próprio blog:
VEJA -> AQUI


NO ÁLBUM DE FOTOS:
Abra um álbum com o nome:magens do meu blog. Vais adicionando imagens...se queres saber a URL dela é só pousar o mouse sobre ela, e com o botão direito do mouse "copiar atalho" e colocar a URL, que costuma ser bem grande, dentro deste código:
<img src="A URL AQUI">

onde tem escrito A URL AQUI, substitua pela URL (aquela comprida).
abres uma entrada e clique o HTML
adicione este código acima com a URL
posicione onde quiser (à esquerda, direita, centro...)
e clique em publicar
pronto

Outro site muito bom para se hospedar imagens é o PHOTOBUCKET.COM
Primeiro de tudo deves fazer teu registro - é necessário e assim, ficas com as tuas imagens guardadas lá.

Entre aqui: http://photobucket.com/register.php?link=register_now e preencha teus dados, veja ilustração abaixo:



então vem o próximo passo, para terminar o registro:

complete a segunda parte e pulse DONE
pronto, tá feito.

   Entre no site: http://photobucket.com e faça seu "login"
Se acabaste de ler como funciona - acima nesta página - o imagesshack.com - é a mesma coisa, veja:

clique em procurar, achas a imagem que queres e clique em UPLOAD
em segundos a imagem aparecerá na página que se abre -no final da página, veja ilustração:

pronto, aí está a tua imagem, clique sobre a URL Link
abra uma entrada de blog
pulse o HTML
e coloque a URL dentro deste código: <img src="COLOQUE AQUI A URL">
exemplo: <img src="http://www.nevosoft.com/screenshots/love-screensaver_3.jpg"

Bom, espero ter sido útil....

livro de visitas, categoria e lista personalizada

Thu, 20 Oct 2005 19:45:54 GMT

Adicionar LIVRO DE VISITAS, CATEGORIA E LISTA PERSONALIZADA

entrem em personalizar (no canto direito superior do blog) - em modo de editar.
em adicionar módulo
em módulo
módulo de destaque
o scrap é o livro de visitas - clique em mostrar e SALVE - na faixa amarela acima no blog
em blog - a categoria - clique em mostrar e SALVE
em listas - podes adicionar 18 listas.
cada mudança - cada módulo adicionado, deves SALVAR

Espero ter ajudado
Qualquer dúvida entre em contato, deixando sua mensagem na primeira entrada, para me facilitar a visualização

colocar um contador de visitas

Thu, 20 Oct 2005 19:43:35 GMT

Pra colocar um contador de visitas vc precisa

1. ver em quanto estão suas visitas

2. vai em editar - configurações - estatistica

3. anota quantas visitas vc já teve

entra no site: http://www.amazingcounters.com/

. clica no ícone abaixo, na página

. escolhe o modelo que quer.

. vai para a segundo passo:

. preencha seus dados

nome

password

repita password

nome do site (tipo, chega mais)

URL do site: http://spaces.msn.com/members/SEU NOME (coloque o seu)

starting count: coloca qtas visitas já tem (olha no número 2 acima)

increment on marque (all hits)

adult site, só assinale nisso se seu site tiver pornografia

agreement ( I agree)

PRONTO

vai aparecer então: aperte criar nova conta

aperte abaixo ....vc vai receber no seu email o código HTML

coloque teu email

pulse SEND MY HTML CODE (mande mey código HTML)

Assim que receber, abra uma nova entrada

Aperte o HTML

apague o que está escrito

coloque o código e aperte de novo o HTML

pronto!!!!!!!!

Atenção: guarde o código por exemplo no outlook ou onde quiser. Sempre que quiser usá-lo, coloca de novo em uma nova entrada.

existem muitos contadores, esse foi o que achei mais legal.

plano de fundo

Thu, 20 Oct 2005 19:42:34 GMT

TEMA DE HOJE: PLANO DE FUNDO NO MÓDULO BLOG

Para ter backgrounds (plano de fundo) personalizados, simplesmente siga as instruções abaixo:

encontre a imagem que vc quer usar como plano de fundo.
dê um clique com o mouse direito e salve no seu pc.
guarde em um site hospedeiro ou salve no teu blog mesmo.

Como é guardar em um site hospedeiro ou no blog? Veja AQUI

quando fizer o upload da foto ele te dá um código
guarde esse código
abra uma entrada
pressione o botão <HTML> antes de qualquer coisa. (Veja onde fica o HTML AQUI)
entre com o seguinte código para um plano de fundo simples:

<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 background=A URL DO PLANO DE FUNDO AQUI border=1 height=100% width=100%>
<TBODY>
<TR>
<TD>
<P>SEU TEXTO AQUI</P></TD></TR></TBODY></TABLE>

pulse de novo o HTML
coloque a URL do plano de fundo onde está escrito "URl do plano de fundo" (dã Pukka, óbvio!!)
escreva O SEU TEXTO onde está escrito " SEU TEXTO AQUI".
UMA DICA: Escreva teu texto no WORD, escolha cor, tipo de letra. Copie e cole onde está escrito "seu texto aqui"
publique!

Conforme tu vais escrevendo, o plano vai se abrindo para baixo e para os lados... Lembre-se que WIDTH é largura e HEIGHT é altura.

MAS...cuidado viu, não abuse de planos de fundo pesados. Tua página fica lenta...

Alguns sites bons pra achar plano de fundo:

http://nuthinbutnet.net/resources/backgrounds.aspx
http://starlightmks.com/you/bgmenu.HTML
http://squidfingers.com/patterns/
http://www.moonlight-graphix.com/ para outros graphics.
http://krsr.250free.com/backgrounds/anibackground/anistars1/anistars1.htm
http://www.annstreasurechest.com/backgrounds.asp
http://www.appleblossomart.com/cutewalls.htm
http://www.myflirtyspace.com/myspace-backgrounds
http://www.backgroundcity.com/
http://www.freebackgrounds.com/plaza.htm
http://www.grsites.com/textures/
http://www.fg-a.com/backgrounds.htm
http://www.allfreebackgrounds.com/background_select.html
http://www.aaabackgrounds.com

http://cheznikita.com/ (onde peguei este do exemplo (FONDS))

caixas rolantes

Thu, 20 Oct 2005 19:40:22 GMT

Essas caixinhas nos foram feitas a partir das que aprendi no site da Eliane Matsuno, só mudei as cores e dimensões...

Tu podes mudar também assim:

WIDTH é largura, estas estão com 160

HEIGTH é altura, estas estão com 200

Depois deste sinal "#" vem o código das cores que tu podes escolher aqui nestes sites:

http://www.visibone.com/colorlab/big.html

http://www.colorschemer.com/online.html

ATENÇÃO: Não é muito fácil escrever dentro da caixinha. Tens que pressionar o mouse várias vezes até sentir que ela se abre. Eu formato meu texto no WORD e colo na caixinha.

TEXTO AQUI

<P>
<DIV align=center>
<DIV style="BORDER-RIGHT: #6699ff 5px outset; BORDER-TOP: #6699ff 5px outset; OVERFLOW: scroll; BORDER-LEFT: #6699ff 5px outset; WIDTH: 160px; COLOR: #000000; HEIGHT: 200px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>M<FONT color=#99ccff>Escreva Aqui</FONT>screva aqui</P></BLOCKQUOTE></DIV></DIV>

Escreva aqui

<P>
<DIV align=center>
<DIV style="BORDER-RIGHT: #ff99cc 3px dotted; BORDER-TOP: #ff99cc 3px dotted; OVERFLOW: scroll; BORDER-LEFT: #ff99cc 3px dotted; WIDTH: 160px; COLOR: #000000; BORDER-BOTTOM: #0066ff 3px dotted; HEIGHT: 200px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>

Escreva aqui

<P>
<DIV align=center>
<DIV style="BORDER-RIGHT: #66cc66 5px dotted; BORDER-TOP: #66cc66 5px dotted; OVERFLOW: scroll; BORDER-LEFT: #66cc66 5px dotted; WIDTH: 160px; COLOR: #66cc66; BORDER-BOTTOM: #66cc66 5px dotted; HEIGHT: 200px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>

Escreva aqui

<P>
<DIV align=center>
<DIV style="BORDER-RIGHT: #cccc66 3px dashed; BORDER-TOP: #cccc66 3px dashed; OVERFLOW: scroll; BORDER-LEFT: #cccc66 3px dashed; WIDTH: 160px; COLOR: #000000; BORDER-BOTTOM: #ffff00 3px dashed; HEIGHT: 200px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>

Escreva aqui

<P>
<DIV align=center>
<DIV style="BORDER-RIGHT: #33cccc 5px double; BORDER-TOP: #33cccc 5px double; OVERFLOW: scroll; BORDER-LEFT: #33cccc 5px double; WIDTH: 160px; COLOR: #000000; BORDER-BOTTOM: #339999 1px double; HEIGHT: 200px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>

Vc pode mudar as cores aqui:

http://webmonkey.wired.com/webmonkey/reference/color_codes/
http://www.colorschemer.com/online.html

Atenção:
Onde esta escrito border right é a margem esquerda (vc pode mudar o código da cor), olha nas referencias das cores e pega o código).
Onde está escrito border left é a margem direita
Width = largura
Height = altura

Faz assim:

Adiciona uma nova entrada
Aperta o HTML
Apaga o que aparece
Cola o seguinte:

<P>
<DIV align=center>
<DIV style="BORDER-RIGHT: #669966 5px outset; BORDER-TOP: #669966 5px outset; OVERFLOW: scroll; BORDER-LEFT: #669966 5px outset; WIDTH: 400px; COLOR: #000000; HEIGHT: 500px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>
Aperta de novo e se quiser, muda as cores, SÃO 6 NÚMEROS.
Segunda opção de caixa:
Essa é de borda dupla na cor laranja:

<P>
<DIV align=center>
<DIV style="BORDER-RIGHT: #ff9999 5px double; BORDER-TOP: #ff9999 5px double; OVERFLOW: scroll; BORDER-LEFT: #ff9999 5px double; WIDTH: 400px; COLOR: #000000; BORDER-BOTTOM: #ff9999 1px double; HEIGHT: 500px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>

     5 . aperta de novo o HTML
     6.   observa se está bom
     7.   se quiser fazer alterações, aperta o HTML de novo e muda cores e medidas
     8 – Dentro do quadradinho aparece “escreva aqui”
     9 – Escreva ali o que quiser e pronto

Dica: Eu gosto de escrever o texto no Word, formatar as cores e tamanhos e depois copio e colo.
Pode adicionar figuras...
Quer mais modelos?
Vai aqui: http://spaces.msn.com/members/nossodocinho

CRIAÇÃO MINHA:

Seu texto aqui

<P align=center> </P>
<DIV align=center>
<DIV style="SCROLLBAR-FACE-COLOR: #6699cc; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 160px; SCROLLBAR-SHADOW-COLOR: #b8d6fa; SCROLLBAR-3DLIGHT-COLOR: #dbebfe; SCROLLBAR-ARROW-COLOR: #458ce4; SCROLLBAR-DARKSHADOW-COLOR: #6699cc; HEIGHT: 200px; BACKGROUND-COLOR: transparent">
<DIV align=left><FONT face="Arial, Cursive"><FONT size=3><STRONG><FONT color=#6699cc>        Seu texto aqui</FONT></STRONG></FONT></FONT></DIV></DIV></DIV>
<DIV align=center> </DIV>
<DIV align=center>

seu texto aqui

</DIV><FONT face=Magnet><FONT color=#ffcccc><FONT size=12></FONT></FONT></FONT>
<P align=center><FONT face=Magnet><FONT color=#ffcccc><FONT size=12></FONT></FONT></FONT> </P><FONT face=Arial size=1>
<DIV align=center>
<DIV style="BORDER-RIGHT: #ffcccc 6px double; BORDER-TOP: #ffcccc 6px double; SCROLLBAR-FACE-COLOR: #ffcccc; SCROLLBAR-HIGHLIGHT-COLOR: #ffcccc; OVERFLOW: scroll; BORDER-LEFT: #ffcccc 6px double; WIDTH: 150px; SCROLLBAR-SHADOW-COLOR: #00008b; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #00008b; BORDER-BOTTOM: #ffcccc 6px double; SCROLLBAR-DARKSHADOW-COLOR: #ffcccc; HEIGHT: 200px" align=left>
<DIV align=left></DIV>
<BLOCKQUOTE>
<P>
<P></P>
<P align=center>seu texto aqui</P></BLOCKQUOTE></DIV></DIV></FON

seu texto aqui

<DIV></DIV><FONT face=Magnet><FONT color=#ffcccc><FONT size=12></FONT></FONT></FONT>
<P align=center><FONT face=Magnet><FONT color=#ccccff><FONT size=12></FONT></FONT></FONT> </P><FONT face=Arial size=2>
<DIV align=center>
<DIV style="BORDER-RIGHT: #ccccff 6px double; BORDER-TOP: #ccccff 6px double; SCROLLBAR-FACE-COLOR: #ccccff; SCROLLBAR-HIGHLIGHT-COLOR: #ccccff; OVERFLOW: scroll; BORDER-LEFT: #ccccff 6px double; WIDTH: 150px; SCROLLBAR-SHADOW-COLOR: #00008b; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #00008b; BORDER-BOTTOM: #ccccff 6px double; SCROLLBAR-DARKSHADOW-COLOR: #ccccff; HEIGHT: 200px" align=left>
<DIV align=left></DIV>
<BLOCKQUOTE>
<P>
<P></P>
<P align=center>seu texto aqui</P></BLOCKQUOTE></DIV></DIV></FONT>

CAIXINHAS SIMPLES:

TITULOTEXTO

<DIV style="OVERFLOW: scroll; WIDTH: 170px; HEIGHT: 150px; BACKGROUND-COLOR: lightgreen"><BIG>TITULO</BIG>TEXTO</DIV>

TITULOTEXTO

<DIV style="OVERFLOW: scroll; WIDTH: 170px; HEIGHT: 150px; BACKGROUND-COLOR: lightblue"><BIG>TITULO</BIG>TEXTO</DIV>

TITULOTEXTO

<DIV style="OVERFLOW: scroll; WIDTH: 170px; HEIGHT: 150px; BACKGROUND-COLOR: pink"><BIG>TITULO</BIG>TEXTO</DIV>

TITULOTEXTO

<DIV style="OVERFLOW: scroll; WIDTH: 170px; HEIGHT: 150px; BACKGROUND-COLOR: #669999"><BIG>TITULO</BIG>TEXTO</DIV>

TITULOTEXTO

<DIV style="OVERFLOW: scroll; WIDTH: 170px; HEIGHT: 150px; BACKGROUND-COLOR: #6699cc"><BIG>TITULO</BIG>TEXTO</DIV>

TITULOTEXTO

<DIV style="OVERFLOW: scroll; WIDTH: 170px; HEIGHT: 150px; BACKGROUND-COLOR: #99ff99"><BIG>TITULO</BIG>TEXTO</DIV>

Colocando música no HTML do blog

Thu, 20 Oct 2005 19:39:02 GMT

Colocando música no HTML do blog - vejam que adicionei música só nesta entrada

Existem  muitos sites com MIDI (MID) - para acha-los, busque no GOOGLE - é só digitar MIDI ou MID ou WMA

Para pegar uma MIDI - (URL) - primeiro veja se ela está funcionando bem (tocando bem)

Então pouse o mouse sobre ela e pulse "copiar atalho"

Guarde-a.

Temos 3 códigos para adicionar música em uma só entrada

Aí estão:

1 -    <img dynsrc="A URL DA SUA MÚSICA AQUI
" style="border-color:white;width:1px;height:1px"
width=1 height=1 LOOP=-1>

2 -    <img dynsrc="A URL DA SUA MÚSICA AQUI" width=1 height=1>

3 - <IMG height=32 alt="right click here to stop/play" loop=infinite dynsrc=A URL DA SUA MUSICA AQUI src="http://pukka13.spaces.live.com/mmm2006-11-30_19.10/HTTP" width=110 border=1>

UM EXEMPLO:

<DIV align=center><BR><IMG style="BORDER-LEFT-COLOR: white; BORDER-BOTTOM-COLOR: white; WIDTH: 1px; BORDER-TOP-COLOR: white; HEIGHT: 1px; BORDER-RIGHT-COLOR: white" height=1 loop=infinite dynsrc=http://www.tempoesia1.hpgvip.ig.com.br/nacional/titas/Epitafio.mid width=1></DIV>

Então

abra uma entrada
pulse o HTML
adicione o código
mude - onde está escrito "A URL DA SUA MIDI AQUI" pela URL da MIDI ou WMA

Exemplo: encontrei essa MIDI: http://www.secretsite.com/sounds/crying_1139593373_crying.mid
Fica assim o código com a URL:
<IMG height=32 alt="right click here to stop/play" loop=infinite dynsrc=http://www.secretsite.com/sounds/crying_1139593373_crying.mid src="http://pukka13.spaces.live.com/mmm2006-11-30_19.10/HTTP" width=110 border=1>
Como pegar o URL de um site:

primeiro de tudo, clique no link para ver se está funcionando bem. Ele deve abrir em Window Media Player
pouse o mouse sobre o nome da música que queres e pulse o botão direito do mouse
em seguida se abre uma caixa (veja imagem abaixo), então pulse "copiar atalho"
vá ao teu WMP e "cole" dentro dele, e SALVE
PRONTO

ou em

PROPRIEDADES - copie e cole, veja imagem.



muito cuidado para não mudar nenhum espaço, ou não funciona
substitua onde está escrito A URL AQUI por uma URL de MIDI - podes colocar tb mp3 mais demora mais pra carregar...
pulsa de novo o< HTML>, se ouvir a música é porque deu certo.
PUBLICA

Como e onde pegar URL de midi.

Entre aqui e digite a música ou artista que queres:

http://www.vanbasco.com/
http://www.dacierno.com.ar/buscador_de_midis.htm
http://midi.todalanet.net/
http://www.audiofind.com/
http://www.musicamidigratis.com/
http://www.bibliomidi.net/

http://www.guru4u.co.uk/midi%20tones%202.htm

MAIS AQUI

figura com reflexo

Thu, 20 Oct 2005 19:37:29 GMT

Como fazer a foto com reflexo...

OOPS PARECE QUE O LINK TÁ "FORA DO AR"

SINTO MUITO...

. baixa o programa > (aqui)tutorials in english) (1.33 Mb / PsalsalvaDF / Jürgen Tilly)

. salva, vai abrir a caixinha de WINZIP

. clique em "I agree"

. dentro, clique em "reflet.exe"

. vai abrir uma outra caixa escrita "generateur de reflet"

. clique na pastinha laranja à esquerda que vai te levar

nos seus documentos.

. pega a foto que quiser

. daí veja -deixa a imagem numero 5 (a velocidade)

depois tem o hauteur 90 % (tamanho do reflexo). Se quiser o tamanho do reflexo menor é só diminuir...

. clica no disquete acima e clica no "ok"

. salva onde quiser

. daí aparece a pergunta ....blábláblá....HTML test, clique "non"

. TA DA!!!!! tá pronta a tua figura...

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

Início

Como usar o "mouseover", ou seja, pousar o mouse sobre uma imagem e aparecer uma mensagem.

comentar sem travar a página

Linguagem HTML - Linkar imagens e palavras - DIV

"linkar" imagem

Como colocar uma imagem em um site hospedeiro

livro de visitas, categoria e lista personalizada

colocar um contador de visitas

plano de fundo

caixas rolantes

Colocando música no HTML do blog

figura com reflexo

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