|
|
|
 
  
INDICE das DICAS
|
dica 1:
Conheça seu Space
dica 2:
Copiar e Colar
dica 3:
Bloco de Notas
dica 4:
Space em Portug.
dica 5:
Tradutor
dica 6:
Link Permanente
dica 7:
Livro Visitas e Msg
dica 8:
E-mail no blog
dica 9:
linkar endereços
dica 10:
voltar ao inicio pág
|
dica 11:
música no blog
dica 12:
MediaPlayer
dica 13:
Música/Video
dica 14:
Listas adicionar
dica 15:
Custom HTML
dica 16:
contador visitas
dica 17:
Scroll
dica 18:
Tweak UI
dica 19:
Copiar página Web
dica 20:
Fazer editar video
|
dica 21:
imagem no blog
dica 22:
texto sobre imagem
dica 23:
texto com imagem
dica 24:
texto com efeito
dica 25:
Fundo colorido
dica 26:
hospedar imagens
dica 27:
molduras
dica 28:
molduras mais
dica 29:
a publicar
dica 30:
redimensionar imagem
|
dica 31:
tabelas
dica 32:
barras horizont.
dica 33:
Proteger fotos video
dica 34:
Alargar Blog e Listas
dica 35:
calendário/relógio
dica 36:
Bandeira Visitante
dica 37:
Divulgue seu space
dica 38:
Alterar Idioma
dica 39:
em preparação
dica 40:
em preparação
|
dica 41:
aprenda a fazer gifs
dica 42:
fazer molduras
dica 43:
c fazer bordas
dica 44:
efeitos de texto
dica 45:
frazes que correm
dica 46:
em preparação
dica 47:
em preparação
dica 48:
em preparação
dica 49:
em preparação
dica 50:
Tabela de cores |
dicas 1 a 10  dicas 11 a 20 dicas 21 a 30 dicas 31 a 40 dicas 41 a 50
|
moldura made in Artur Atenção: Não estejas muitas horas seguidas na Net, senão acabas assim...... |
|
|
I N I C I A N D O
importante saber para começar
1. Antes de começar a editar seu space deve ler a ajuda do msn
No seu space, em cima do lado direito tem:
personalizar(customoze) e configurações(settings)
No personalizar pode clicar em temas para escolher o estilo e pode clicar em personalizar selecionar os módulos que quer no space etc.
No configurar tem space; blog... até estatística, onde pode selecionar a confguração a dar ao seu space.
2. Deve saber utilizar o copiar/colar (dica1), porque facilita todos os trabalhos, nas listas, no blog em HTML, etc
No blog, (editar normal sem HTML) o copiar/colar é diferente, tem que utilizar a barra de ferramentas do blod e clicar naqueles simbolos: copiar=duas listinhas; colar= pastinha ao lado.
clica aqui em "Raquel" ensina as ferramentas do blog
3. Deve saber usar o bloco de notas(dica 2), util para guardar códigos e fazer trabalhos
4. Muitos escritos podem ser trabalhados no Word ou no Bloco de Notas, no Outlook etc e de seguida copiar/colar no Blog
clica aqui "Raquel" ensina a trabalhar no Outlook
5. Se pretende voltar a editar um blog já arquivado, pedir alguém para deixar um comentário nele ou vc mesmo no visualisar faz um comentário e ele assim volta ao modo Editar
6. Para manter o blog de apresentação em primeiro lugar, tem que o copiar este, adicionar um novo blog, colar lá e publicar. Pronto, ele fica em 1º lugar , epois elimina o outro.
7. Para colocar uma lista numa ordem tem que editar lista e abrir o nome que pretende alterar e salvar. Esse nome passa para cima. Tem que fazer várias alterações até conseguir a ordem que quer.
8. para inserir um código no Blog: pulsa HTML cola o código e pulsa novamente HTML e depois é publicar
9. Para obter o url/link de imagem, gifs, musica, de um site
clica com o botão direito do rato e depois em propriedades e copia o endereço/url.
Se aparece copiar atalho então é só clicar aí e ir colar onde quer.
10. Pode copiar o endereço de uma musica ou clip de vídeo clicando com o botão direito do rato no média player e depois em propriedades. Aí copia o endereço e pode ver o nome do artista e título.
11. Se lhe interessa o link de uma lista clica lá e copia atalho
se quer um endereço do browser clica em cima com esquerdo do rato ele fica azul depois com o direito do rato clica copiar
12. Quando está a percorrer um space longo para não utilizar só o scrool do rato pode utilizar no teclado as teclas Home; Page up; Pag Down; End etc. Também existe uma forma de colocar código no blog para voltar ao inicio do space,mas isso explico numa dica mais abaixo
Nos Blogs seguintes vai encontrar uma variedade de dicas e códigos para seu space e blog
Bom trabalho
Dica 1 
 CONHEÇA BEM SEU SPACE
antes de tudo deve personalizar e configurar leia aqui:
SPACE= espaço do msn que inclui Album de Fotos; Blog e LIstas
Album de fotos: Pode criar vários albuns, dando nome a cada um e adicionando fotos.
Blog: Pode adicionar blogs para escrever e colocar imagens e editar. O blog tem uma barra de ferramentas onde pode escolher o tipo de letra; a cor da letra; negrito; sublinhado; itálico; cortar; copiar; colar, colocar emotions, etc. Em cima no blog tem modo editar e modo visualisar. O modo editar é para trabalhar o blog e o visualisar é para ir vendo como ele vai ficar.
Tem também uma ferramenta o HTML que pode clicar e abrir para colocar, colar e trabalhar os códigos html.
Listas: Pode adicionar até 11 listas. dando nome a cada uma. As listas servem para colocar os intens de sua preferência. (por exemplo: sites amigáveis; meus livros preferidos) Pode editar uma lista para colocar um nome, um link (url), e designação. Se colocar o url (endereço/link) pode depois lá clicar e navegar para esse endereço.
Pode adicionar ao seu espaço outros módulos: Média Player para musica e video; Custom HTML para colocar texto e imagem(por exemplo, abrir o espaço com uma apresentação, contador de visitas etc); mais listas se esgotar as que lhe são oferecidas de início) etc. ( ver dicas, como se faz, aqui neste space)
Como Personalizar e Configurar seu Space:
PERSONALIZAR o space
1.No modo de editar
2.. Clique em personalizar (em inglês customize)
3. encontra as seguintes opções:
TEMA: escolha o plano de fundo para seu space e clique salvar. Para melhor detalhe dos temas, clic antes onde diz clique aqui para ver versão detalhada... (em inglês: click here to use keyboard...)
MÓDULOS: escolha os módulos que quer que apareçam no seu space, listas, toys, categoras e clic adicionar e depois salvar . Se quer retirar algum remova. Não tenha receio, ele só não aparecerá até o voltar adicionar (por exemplo, não quer que apareça o perfile. Remova prefile e salve. Quando quiser que apareça o perfil, volta lá e adiciona perfile e sava. Ele volta a aparecer no seu space)
LAYOUT: escolher o formato do seu espaço. 1, 2, 3 colunas...e salvar
4. Depois de escolhidas e selecionadas as opções clica salvar
CONFIGURAR o space
1. No modo de editar
2. clica em cima do lado direito configurações ( em inglês setting)
3. Encontra as seguintes opções:
CONFIGURAÇÃO DO SPACE:
titulo e subtítulo para o seu espaço
data/hora e fuso horário compatível com o sua região ou País;
distribuir seu space: permitir ou não que seu space seja visto por qualquer pessoa ou entidade, utilizem sua informação e sejam avisados das actualizações.
comentários: permitir ou não comentários no seu blog ou album de fotos;
eliminar seu space. deletar seu space
CONFIGURAÇÂO DO BLOG:
entradas no blog: escolher quantas quer que apareceçam no visualisar ( de 5 a 25)
colocação da data e hora: no cabeçalho ( em cima do blog) ou rodápé (em baixo do blog)
trackback: permitir ou não que façam um trackback para colocarem o seu tema num bog de outro space
servidores de ping: permitir que o seu space seja assinalado quando actualizado, por exemplo no mensenger
categorias: pode adicionar ou eliminar categorias. Pode também criar até 25 categorias.
Cada entrada de blog deve ser incluída numa categoria (por exemplo: categoria POEMAS, todos os seus blogs de poemas devem ir para a categoria poemas; CURIOSIDADES, todos os seus blogs curiosidades devem ir para a categoria curiosidades etc.) Isto facilita quem visita e procura temas do seu interesse.
Obs: Quando adicionar e editar um blog, pode aí escrever a categoria ou colocar numa categoria já existente.
PERMISSÕES: escolher a opção, se quer que seu space seja público ou limitado à sua lista e contactos
PREFERÊNCIAS DE COMUNICAÇÃO: escolher a forma como os outros podem comunicar consigo
ARMAZENAMENTO: as imagens que coloca nos seus blogs. Se eliminar alguma ela desaparece do blog
ESTATÍSTICA: Pode ver aí quantas visitas tem e quem o visitou.
4. Sempre que escolher ou alterar clique em baixo salvar
Dica 2 
"kopykola" COPIAR e COLAR
importante para trabalhar
veja aqui 4 maneiras
utilizando o rato (mouse)
1. Com o botão esquerdo do rato (fazer bloco) arraste por cima do link, do código, do texto etc até ficar todo azul.
2. com o botão direito clique e copiar
3 Vai onde quer colar e com o botão esquerdo clica e colar
Nos endereços web no browser basta clicar lá que fica azul
utilizando o teclado:
pode utilizar o teclado
1. copiar carrega simultâneamente Ctrl + C
2. colar carrega simultâneamente Ctrl + V
utilizando o BLOG
No caso de editar Blog, se não pressionar HTML, tem de utilizar as ferramentas em cima ao pé da tesourinha
1. para copiar clica nas duas folhinhas
2. Para colar é na pastinha ao lado.
Se usar o HTML do BLOG
Quando o Blog está aberto na função HTML tem que utilizar o botão direito e esquerdo do rato ou o teclado
Dica 3 
BLOCO DE NOTAS
importante utilizar
Deve utilizar os blocos de notas (notpad) para guardar códigos, dicas, etc. Onde obter o bn?
1 Clique no Iniciar, todos os programas
2 procura acessórios e cique em bloco de notas (notpad)
3 abre escreva ou cole lá o assunto
4 em cima ficheiro clique guardar como. Escrever o nome do assunto que vai guardar.
5.Deve criar uma pasta onde guarda todos os blocos de notas que cria para o Space.
Dica 4 
Spaces em Português:
Muitos Spaces aparecem em inglês como passá-los passar para português?
1 copiar este link: http://spaces.msn.com/?mkt=pt-br
2 pôr em favoritos
ou para abrir sempre nesta página, vai:
a) Ferramentas;
b) Opções da Internet:
c) Home Page - apaga o que está
d) cola o link
e) Aplicar
3. Abre a net
4 Aparece a página Msn em português
5 Entrar
Pronto, está em português.
Dica 6 
Link Permanente
Não copie o trabalho dos outros
Pode fazer link permanente
1- em baixo do blog tem link permanente ou permalink
2- clic aí que ele vai gerar um link que aparece um pouco mais acima
3- copie o link e coloca numa lista sua ou no seu blog
Assim quem lá clicar vai entrar no space do dono do trabalho (pode até ser seu)
4- Se quer fazer um link do seu blog tem que estar no modo visualisar e repete tudo como disse em cima.
Dica 7
LIVRO de VISITAS e de MENSAGENS
criar seu livro de visitas obter um livro de mensagens
1º Livro de visitas/comentários
1- Adicione blog e edite o seu livro de visitas
2- Publica blog
3- Vai visualisar space e faz um link permanente desse blog e copia-o
4- Volta ao modo editar space e abre uma lista e cola lá no url o link
5- Dá nome à lista e Salva
6- Não pode eliminar esse blog porque também elimina o link
2º Livro de Mensagens
1- Escolha um dos sites, na mimha lista de sites uteis e registe-se
por exemplo este site: (há outros naminha lista de sites úteis)
http://www.123guestbook.com/activate.php
2- O site vai dar um código através do seu mail
3- vá ao mail copie o código
4- volte ao site cole onde pede o código.
5- o site vai dar-lhe um link
6- crie ou edite uma lista
7- cole o link no url da lista
8- Dê um nome na lista e salve
Pronto, fica com um livro de msg
Dica 8 
E-MAIL linke seu e-mail
com nome ou com imagem
com um clic vão directamente ao seu e-mail
* Colocar seu e-mail no blog; no livro de visitas; no Custom etc
<a href=mailto: endereço de e-mail>Mande-me um e-mail</a>
1. copie este código
2. cola no Custom HTML ou em qualquer dos seus blogs
3. Onde diz endereço de e-mail, escreve o seu e-mail
4. Onde diz Mande-me um mail, escreve o que quizer
Também pode colocar uma imagem/gif para seus amigos clicarem e enviarem-lhe directamente o um mail
1. copie este código
<a href="mailto=endereço e-mail"><img src="url/link imagem" alt="clique e me mande um
e-mail"></a>
2. substitua apenas o que está a vermelho pelo seu endereço, url da sua imagem; e fraze que deseja
Dica 9 
IMAGEM/GIF em vez de seu endereço http ou
NOME em vez de endereço http:
veja aqui estes dois exemplos:
 
1 Escolha uma imagem
2 Trabalhe a imagem num programa por exemplo "Animatiom Shop3" ou outro.
( ver nas minhas listas sites uteis para baixar o programa e no ultimo blog ensina a trabalhar o programa)
3 Hospedar a imagem num site de hospedagem, por exemplo
http://imageshack.us/
( ver nas minhas listas outros sites de hospedagem);
4 Adicionar ou editar blog e abri o HTML
<center><a href="url seu space"
target="_blank">
<img src="url da imagem"border="0"></center></a>
6 Salvar
Atenção: Quando abre o HTML para colar o código ou cola logo no início ou no fim e salva. Depois ao editar o blog pode mover a imagem para o lugar que quer. Basta clicar em cima dela e arrastar
NOME em vez de endereço http:
Quando quer dar crédito a alguém ou indicar o site sem escrever o endereço http://....
1. Escreve um nome do space ou site
2. Faça bloco com o botão esquerdo do mause em cima desse nome
3. Vai ás ferramentas acima, por baixo do Paragraph e abra 
4. Cole o link http:// que pretende
5 . No quadradinho em baixo aceite |v|
6. aceita/insert
7. Salve
veja por exemplo de um meu endereço:
http://spaces.msn.com/members/GUIDARTUR
agora veja aqui no nome "ARTUR" se clicar em Artur vai para o mesmo space
Aprendi esta dica com Elaine e com Raquel clique aqui nos nomes para irem aos sites delas
Dica 10 
Voltar ao início do space sem estar a rolar com o rato
Se o space é muito longo para voltar ao início tem duas formas:
1º clica no fora do blog e use o Teclado: Tecla HOME
também pode clica no blog e use a tecla Pag up para o blog anterior ou pageDown para blog abaixo
Para ir para o fim do space use a tecla End
2ª forma:
1.escreve no fim do blog voltar ao inicio ou topo
2.faz bloco (com esquerdo do rato) sobre isso que escreveu
3. Vai ás ferramentas acima, por baixo do Paragraph e abra
4. cola lá o seu endereço do space terminando em #top como exemplifico aqui
http://spaces.msn.com/members/dicasparapaaalop/#top
5. Salva
vi esta segunda forma no space de "PUKKA" (muitas dicas, clica no nome)
mas prefiro usar a primeira.
|
|  | |  |
|
 Dica 11 
MUSICA tocar directamente no Blog
utilize um destes códigos e siga as dicas em baixo:
<img dynsrc=”ENDEREÇO DA MÚSICA QUE VOCÊ ESCOLHEU” style=”border-color:White;width:1px;height:1px”width=1 height=1 LOOP=-1>
<img height=0 loop=infinite dynsrc=Endereço da Musica width=0 border=0>
<P align=center> <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=Aqui endereço música></P>
1. colocar url de musica no endereço do código. 2. adicionar ou edirar blog
3. pressionar HTML
4. colar o código
5. fechar HTML
6. visualizar seu space a ver se toca
7. Para desligar clica tecla Esc
Para saber em promenor pode consultar:
Dica 12 
Windows Media Player
1. No modo editar, clique lá no fim do endereço http://spaces... (não apaga nada lá) e cola (ou escreve) o código:
&powertoy=musicvideo
vai ficar assim http://spaces.msn.com/members/seu nome/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=musicvideo
2 Clic Ir para
3 Aguarde que ele entre
4 Clic em personalizar (aí no lado direito em cima no seu space
5 Clic módulos, está lá Power Toy Windows Média Player
6 clic adicionar
7 Clic Salvar
Ele vai aparecer na forma editar. É assim mesmo.
Só vais ver a figura do Medya Player e ouvir música quando visualizar seu space
8 Agora é só pegar num link de musica ou vídeo e colar onde diz URL
9 Escolher em time to play 1;2... as vezes que deve tocar
10 seleccionar Auto start se quer que ele toque automáticamente
quando visualisar o espaço
11 selecionar Display Mode se quer que apareça pequeno, grande ou não apareça e que só toque a música.
12 Por fim SALVAR e verificar se no url aceitou o link
13 Vá a visualizar space e verificar se toca
Muitos url de musica e video demoram a arrancar. Outros deixam simplesmente de dar. Isto tem a ver com os sites onde estão hospedadas as musicas e os videos
OBS: Dizem que se pode colocar mais que um Média Player, vê aqui sugestão da NARA
http://spaces.msn.com/members/mundodanaraalternativo/Blog/cns!1p2qbIdzD9V0eksXwLqve3VA!105.entry
Dica 13 
MÚSICA e VIDEO 
Como obter, linkar música e video?
Como fazer uma sequência de músicas?
Quando está a ouvir musica/video dum site ou no Media
1. clic no nome da música com o direito do rato
2. clique em propriedades
3. Se tiver lá o link (url) é só copiar
4. guarde num bloco de notas, numa lista ou cole no url do média player
COLETÂNIA DE MUSICAS e VIDEO
ANTES DE PENSAR FAZER UMA SEQUÊNCIA DE MUSICAS ou VÍDEOS
DEVE ESTAR REGISTADO/A NUM SITE DE HOSPEDAGEM PARA OBTER
UM URL PARA COLOCAR NO MÉDIA PLAYER
(Nas minhas listas no fim deste space estão indicados vários sites)
Sequencia:
1º Abrir o Bloco de notas (ver dica nº 3)
2º Copie para o bloco de notas o seguinte código:
<ASX VERSION="3.0">
<ENTRY>
<REF HREF="aqui o URL de musica ou de video" />
</ENTRY>
</ASX>
Para mais videos ou musicas acrescentar antes de </ASX>
<ENTRY>
<REF HREF="aqui o URL de musica ou de video" />
</ENTRY>
veja o exemplo para 5 musicas ou 5 videos:
<ASX VERSION="3.0">
<ENTRY>
<REF HREF="coloque aqui o URL"/>
</ENTRY>
<ENTRY>
<REF HREF="coloque aqui o URL"/>
</ENTRY>
<ENTRY>
<REF HREF="coloque aqui o URL"/>
</ENTRY>
<ENTRY>
<REF HREF="coloque aqui o URL"/>
</ENTRY>
<ENTRY>
<REF HREF="coloque aqui o URL"/>
</ENTRY>
</ASX>
3º Depois de feita a sequência deve Guardar/Salvar
clique em cima no bloco de notas em ficheiro e em guardar como
4º depois seleciona guardar como, pode ser "ambiente de trabalho" ou "meus documentos"
5º Nome do ficheiro: dê um nome ao seu ficheiro entre aspas e terminando da seguite maneira:
se for sequencia de video "nome .wmv"
por exemplo: "minhalistadevideo.wmv"
se for sequencia de musica "nome.wav"
por exemplo: "minhalistademusica.wav"
6º Em baixo selecionar a opção Guardar com o tipo: todos os arquivos
7º Por fim clica guardar
8º Vai ver onde guardou o bloco de notas e encontrará o icone
do media player com o nome que deu à lista sequencia
9º Abre o seu site de hospedagem de musica video e faça o upload desse ficheiro.
10º Pegue o url que o site lhe der e coloque no media player do seu space.
OBS: Por experiência própria o url que nos fornecem por vezes custa a iniciar
e têm um período curto de duração por serem grátis.
Talvez se o site for pago os resultados poderão ser melhores, não sei(????)
Veja nas minhas listas, no fim do space:
vários sites de hospedagem
sites de musicas e de vídeos
Dica 14 
LISTAS criar mais listas para o space:.
No caso de utilizar muitas listas e ultrapassar o número que o space lhe oferece pode criar mais listas
1 copia o seguinte código (ver dica 1 copiar-colar)
javascript:var l=window.location.href;var p='http://spaces.msn.com/members/';if( l.indexOf(p) != -1 ){ l=l.substring(0+p.length); l=l.substring(0,l.indexOf('/'));Action('addlist','Enter The List Name',new Array('List Name'),null,new Array('128'),p+l+'/PostAcceptor.aspx',null);}
2 No editar space clica início e adicionar entrada no blog
deixa estar o blog aberto mas não fazer nada no blog
3 pegar no código e cola no brosuer(Endereço) logo no princípio onde está código colar aqui|http://spaces....
(às vezes é dificil pegar mas repete até conseguir)
3 clicar Ir para
4 Quem tiver o Windows SP2 vai aparecer um janela a avisar pop up. Clicar permitir
5 Ele vai abrir com uma lista .
6 Dar nome à lista.
Repetir a operação quanta listas quer criar
Dica 15 
Custom HTML PowerToy
É um módulo que podemos usar para colocar imagens, gifs,escrever uma saudação, colocar contador de visitas etc
a instalação dele é semelhante ao do média player.
1 Tal como se faz para o media player no modo editar
2 Em cima lá no fim do endendereço http://space... cola o código: &powertoy=sandbox
3 clicar Ir para
4 Vai a personalisar e módulos. Está lá Power toy Custom
5 clicar adicionar
6 Salvar
7 vai aparecer no seu space com um aspecto de modo a edira. Desloca-o para onde quiser que seja visto no visualisar( geralmente colocamos em cima)
8 Pode colar lá um código com imagem/ gif, escrever até ao limite de 522 caracteres, o código dum contador de visitas etc
9 No name escreve o nome que quer dar a esse módulo
10 No Show Border escolhe se quer que apareça com bordas ou sem bordas
11 Salvar
Exemplo de código para colocar gifs ou escrever
<table width=126
cellpadding=0
cellspacing=0>
<tr>
<td><div
align=center><font
color="#ff6600">"texto endereço da gif("
</div></td>
</tr>
</table>
color= colocar o nº da cor que quiser (consultar tabelas de cores na lista ao lado)
texto, edereço da gif= apaga e escreve ou cola.
Há outros códigos que vc pode lá colocar
Para colocar mais uma imagem tem que colocar <img src="ENDEREÇO DA IMAGEM">
eu por exemplo estou usando de momento no meu Custom HTML este código
<a href=mailto:"endereço do mail"> escrever aqui Meu E-mail ou mande-me um mail</a>
<a href="">
<img src="url de imagem" alt="o meu nome" border=0></a>escrever aqui
<br><a style="font-size:24" href=link permanente do blog Livro de visitas>
escrever aqui
<img src="url de imagem" alt="" border=0></a>escrever aqui
Atenção
O Custom só aceita até 522 caractéres. Não pode escrever muito.
O que estiver a côr de laranja é para apagar e substituir
OBS: Parece que se pode colocar mais que um Custom HTML, veja aqui na dica de NARA
http://spaces.msn.com/members/mundodanaraalternativo/Blog/cns!1p2qbIdzD9V0eksXwLqve3VA!105.entry
Dica 17 
SCROLL Caixas de rolar
vários códigos e modelos:
1. Adicionar entrada no blog STRONG>
2. Colar código Scroll
3.Fechar HTML e salvar/publicar
4. Clicar na borda yma vez para abrir os campos
de alargar ou diminuir o tamanho do scroll
5. Clicar dias vezes para as bordas fcarem sombreadas
e escrever, colar, colocar gif etc.
6. Pode alterar o estilo das caixas scroll:
eliminar as bordas apagando o px ou a cor
- mudar a cor da bordas apagando a cor substituindo-as (ver tabela de cores ou a escrever cor em inglês)
- alterar a espessura aumentando ou diminuindo o px
- pode ainda colocar cor na caixa scroll (ver código mais abaixo
Aqui alguns exemplos utilizando o mesmo código:
borda double de cor #FF0000 (red) com 5 px
<DIV align=center>
<DIV style="BORDER-RIGHT: #ff0000 5px double; BORDER-TOP: #ff0000 5px double; OVERFLOW: scroll; BORDER-LEFT: #ff0000 5px double; WIDTH: 250px; COLOR: #000000; BORDER-BOTTOM: #ff0000 5px double; HEIGHT: 80px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>
borda dotted de cor #0000FF (blue) com 2 px
<DIV align=center>
<DIV style="BORDER-RIGHT: #0000ff 2px dotted; BORDER-TOP: #0000ff 2px dotted; OVERFLOW: scroll; BORDER-LEFT: #0000ff 2px dotted; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: #0000ff 2px dotted; HEIGHT: 80px" align=left>
<DIV align=left></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>
borda dotted de cor #228B22 (green) com 5 px
<DIV align=center>
<DIV style="BORDER-RIGHT: #228b22 5px dotted; BORDER-TOP: #228b22 5px dotted; OVERFLOW: scroll; BORDER-LEFT: #228b22 5px dotted; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: #228b22 5px dotted; HEIGHT: 80px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>
borda dashed de cor #8B4513 (brown) com 4px
<DIV align=center>
<DIV style="BORDER-RIGHT: #8b4513 4px dashed; BORDER-TOP: #8b4513 4px dashed; OVERFLOW: scroll; BORDER-LEFT: #8b4513 4px dashed; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: #8b4513 4px dashed; HEIGHT: 80px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>
borda solid com cor #000000 black com 3px
<DIV align=center>
<DIV style="BORDER-RIGHT: #000000 3px solid; BORDER-TOP: #000000 3px solid; OVERFLOW: scroll; BORDER-LEFT: #000000 3px solid; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: #000000 3px solid; HEIGHT: 80px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>
borda groove de cor #4B0082 (violet) com 10px
<DIV align=center>
<DIV style="BORDER-RIGHT: violet 10px groove; BORDER-TOP: violet 10px groove; OVERFLOW: scroll; BORDER-LEFT: violet 10px groove; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: violet 10px groove; HEIGHT: 80px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>
borda ridge de cor #d2691e (orange) com 10 px
<DIV align=center>
<DIV style="BORDER-RIGHT: #d2691e 10px ridge; BORDER-TOP: #d2691e 10px ridge; OVERFLOW: scroll; BORDER-LEFT: #d2691e 10px ridge; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: #d2691e 10px ridge; HEIGHT: 80px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>
borda inset de cor #FFFF00 (yellow) com 10 px
<DIV align=center>
<DIV style="BORDER-RIGHT: #ffff00 10px inset; BORDER-TOP: #ffff00 10px inset; OVERFLOW: scroll; BORDER-LEFT: #ffff00 10px inset; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: #ffff00 10px inset; HEIGHT: 80px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P>Escreva aqui</P></BLOCKQUOTE></DIV></DIV>
borda outset de cor #DA70D6 (pink) com 10 px
<DIV align=center>
<DIV style="BORDER-RIGHT: #da70d6 10px outset; BORDER-TOP: #da70d6 10px outset; OVERFLOW: scroll; BORDER-LEFT: #da70d6 10px outset; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: #da70d6 10px outset; HEIGHT: 80px" align=left>
<DIV></DIV>
<BLOCKQUOTE>
<P></P></BLOCKQUOTE></DIV></DIV>
Usando o mesmo código mas com cor no interiorda caixa
A cor pode ser alterada como indicado no início
<DIV align=center>
<DIV style="BORDER-RIGHT: #adff2f 5px double; BORDER-TOP: #adff2f 5px double; OVERFLOW: scroll; BORDER-LEFT: #adff2f 5px double; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: #adff2f 5px double; HEIGHT: 80px">
<TABLE style="BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: repeat; BACKGROUND-COLOR: yellow" height="100%" width="100%" align=left>
<TBODY>
<TR>
<TD>
<BLOCKQUOTE></BLOCKQUOTE></TD></TR></TBODY></TABLE></DIV></DIV>
| Este é um código um poco diferente contendo outros campos. Tal como nos anteriores pode alterar o estilo a seu gosto. Abra o HTML, olhe para o código e alter as cores das bordas e do scroll; a espessura px e o estilo das bordas. Ver os estilos das bordas nos exemplos de scrolls anteriores:(double;dotted;dashed;solid;groove;ridge;inset;outset)
<DIV align=center>
<DIV style="BORDER-RIGHT: black 5px double; BORDER-TOP: red 10px inset; SCROLLBAR-FACE-COLOR: black; SCROLLBAR-HIGHLIGHT-COLOR: yellow; OVERFLOW: scroll; BORDER-LEFT: black 6px double; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: red; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: red; BORDER-BOTTOM: yellow 10px outset; SCROLLBAR-DARKSHADOW-COLOR: red; HEIGHT: 80px" align=left>
<TABLE style="BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: repeat; BACKGROUND-COLOR: #e6e6fa" height="100%" width="100%" align=left>
<TBODY>
<TR>
<TD>
<BLOCKQUOTE></BLOCKQUOTE></TD></TR></TBODY></TABLE></DIV></DIV>
|
Dica 18
Tweak UI PowerToy para enfeitar spaces
Este módulo permite personalizar o space usando a imaginação
Tem 9 opções: bordas, fundos coloridos e texto...
Para instalar segue os mesmos passos do Media Player
1 Copiar este código
&powertoy=tweakomatic
2 colar lá em cima no fundo do endereço http://spaces.....
3 ir para
4 vá persnalisar e clic em modulo
lá está Toy=tweak UI
5 adicionar e salvar
FUNÇÔES DO: PowerToy Tweak UI
1º Background Colors
Ineer = cor de fundo do Space.
Outer = cor exterior do Space.
2º Background Image
Imagem de fundo = controlar a imagem de fundo do Space.
Não se pode usar as imagens personalizadas.
3º Font Color
Link/Bullets = Cor dos links.
Text = Cor do texto.
4º Module Background
Color = Cor de fundo dos Módulos.
Transparent = Transparêcia dos Módulos.
5º Module Borders
Width = Largura das bordas.
Style = Estilo das bordas.
Color = cor das bordas.
6º Save = Guardar alterações.
Para alterar as cores: consultar uma Tabela de Cores (dica 40) ou ver outras tabelas nas minhas listas
Dica 19 
Obter imagem de uma página web
Para ter uma imagem ou parte da imagem de uma página
Veja por exemplo:
1. escolhe a página,
2 clica na tecla Print Screen do teclado (fica ao lado da tecla F12)
3 entra no programa Paint (Menu Iniciar;programas; acessórios; Paint )
4 no Paint, lá em cima:
clica Editar e Colar (a imagem aparece)
clica imagem e atribudos (escolhe o tamanho em polegadas, cm ou pixeles)
enfim... pode trabalhar a imagem,recortando partes, pintando etc)
clica ficheiro, pré-visualisa, guardar como...
Dica 20 
FAÇA SEU PRÓPRIO VIDEO para passar no mediaplayer
Uma forma muito fácil de fazer um video com suas imagens, musica, é usando o programa Photo Stort 3 para Windows.
1. É um programa muito fácil de se trabalhar: e basta seguir as indicaçóes que ele vai dando, desde colocar as fotos até colocar a musica.
2. Quando salva o projecto do vídeo ele dá-lhe o íncon do media player. Se clicar ele abre o média player e passa o seu video.
3. Vai ao seu site de hospedagem de musica/video e hospeda esse video.
4. Guarda o link que o site hospedagem der e cola no seu mediaplayer do space, tal como faz com a musica
5. Aguarde que ele coloque em memória e comece a passar
obs: Tudo depende do site de hospedagem. Eu já desisti de passar os videos que fiz e as sequencias de musica porque o site ás vezes não está disponível e deixa de tocar. De qualquer maneira fica com o seu clip de vídeo para mostrar aos amigos no seu pc e até pode gravar em DVD (programa próprio, por exemplo: Pinnacle Hollywood FX for Studio) e ver na televisão
|
 Dica 21 
IMAGEM NO BLOG
Como obter e colocar imagens/fotos no seu BLOG.
O Blog só aceita imagens de endereço JPG e GIF
Se ela tem um destes endereços (url/link) pode colocar no blog por:
*COLAGEM directamente no Blog
*ARRASTAMENTO directamente para o blog
*HOSPEDAR e OBTER O ENDEREÇO/URL/LINK da imagem
*COLOCAR O URL num código HTML
*COPIAR e COLAR IMAGEM no BLOG (copiar/colar ver dica 2)
1. Com o botão direito do rato clica na imagem e clica copiar
2. Vai ao blog e clica nas ferramentas colar e salva
Obs: Pode obter o url clicando em copiar atalho
ou clicando em propriedades e retir o endereço
*ARRASTAR IMAGEM directamente para o BLOG
1. Abra a pasta do PC onde tem a imagem ou abra um site onde ela está alojada
2. No canto superior direito dessa página,(lá no quadradinho) reduza a página onde está a imagem de modo a poder ver essa página e o seu blog
3. Com o esquerdo do rato faça “bloco” na imagem para a selecionar
4. Com o direito do rato arraste a imagem selecionada para o blog e salve.
IMPORTANTE: Algumas imagens do seu PC não ficam no blog porque não têm endereço url, neste caso, tem de as "hospedar" num site de hospedagem ou hospedá-las no seu blog
*HOSPEDAR IMAGEM NO BLOG (ver dica 26)
*HOSPEDAR IMAGEM NUM SITE DE HOSPEDAGEM:(ver dica 26)
COLOCAR O URL da imagem:
1. Use um destes códigos:
<img src="url da imagem">
este é simples e só aceita texto na linha inferior da imagem. É bom para imagens pequenas.
<img src="url da imagem" align="left" hspace="10">texto
este aceita texto no lado esquerdo (left) ou direito (right) da imagem a começar por cima. Bom para imagens grandes.
2. Abra HTML e cole lá o código com o url da imagem. Feche HTML e pode escrever.
3. Pode colocar o url da imagem em qualquer código html desde que tenha lá img scr "url"
Dica 22
TEXTO com IMAGEM de fundo
Aqui em baixo apresento vários códigos. Adicione blog e esprimente-os, porque pode gostar de trabalhar mais com uns doque com outros:
1 Adiciona ou edita blog
2. Copiar um destes códigos em baixo:
3. Onde está url/lik imagem coloque o endereço da sua imagem. Pode alterar cores e espessura das bordas etc. 4. Abrir HTML e colar lá o código.
também pode copiar este código para o seu blog de notas e colocar o url da imagem etc pode alterar o que estiver escrito a preto
exemplo 1 código enviado por "CARLA RODRIGUES"
<TABLE style="WIDTH: 454px; HEIGHT: 922px" cellSpacing=35 borderColorDark=#4a533f cellPadding=0 width=454 align=center borderColorLight=#4a533f background=border=3>
<TBODY>
<TR align=middle>
<TD align=middle width=400 background=url da imagem height=400>
<DIV style="WIDTH: 300px; HEIGHT: 300px" align=center></DIV> aqui o seu texto </TD></TR></TBODY>
<TBODY></TBODY></TABLE>
<DIV> </DIV>
exemplo 2 código enviado por "RAQUEL LEITE"
<TABLE borderColor=#000000 cellSpacing=1 cellPadding=1 border=0>
<TBODY>
<TR>
<TD align=right>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR vAlign=top>
<TD width="100%" background=endereço url da imagem>
<DIV align=center><STRONG><FONT size=6></FONT></STRONG> </DIV>
<DIV align=center><STRONG><FONT size=6>aqui seu texto</FONT></STRONG></DIV>
<DIV align=center> </DIV></TD></TR>
<TR>
<TD height=1>
<DIV></DIV></TD></TR></TBODY></TABLE>
<P align=right> </P></TD></TR></TBODY></TABLE>
<DIV></DIV></FONT></EM>
<DIV></DIV>
exemplo 3
<div align=center>
<DIV style="WIDTH: 150px; HEIGHT: 205px" align=right>
<IMG height="100%" src="URL-IMAGEN" width="100%" align=right>
<DIV align=center>
<DIV style="FLOAT: right; WIDTH: 100%; HEIGHT: 100%" align=center>
<P align=center><FONT face="Times New Roman">aqui o texto
</FONT> </P></DIV></DIV></DIV>
</DIV>
exemplo 4 com tabela
<table border="2" width="100%" id="table1" bordercolor="#CC3300" cellspacing="1" background="url/link da imagem" height="426">
<tr>
<td valign="top"> </td>
</tr>
</table>
exemplo 5 com deslizamento da imagem
<pre></table></table><table>
<table background="URL da imagem"><tr><td>
<div style="overflow:auto;height:500px">
<div><table></pre>
Obs: a imagem pode aparecer muito pequenina, clic em cima e estenda ao tamanho que gostar e escreva em cima
Dica 23 
TEXTO com IMAGEM separados
1 imagem contínua na lateral esquerda
<table border="1" width="100%" height="200" style="background-repeat: repeat-y;
background-color: #003366; background-position: left top" background=AQUI URL DA IMAGEM>
<tr>
<td>AQUI SEU TEXTO</td>
</tr>
</table>
2. imagem na lateral esquerda
<table border="1" width="100%" height="200" style="background-repeat: no-repeat;
background-color: #003366; background-position: left top" background=aqui url imagem>
<tr>
<td>AQUI SEU TEXTO</td>
</tr>
</table>
3. imagem na lateral direita
<table border="1" width="100%" height="200" style="background-repeat: no-repeat;
background-color: #003366; background-position: right top" background=AQUI URL DA IMAGEM>
<tr>
<td>AQUI SEU TEXTO</td>
</tr>
</table>
4. imagem contínua na parte superior
<table border="1" width="100%" height="200" style="background-repeat: repeat-x;
background-color: #003366; background-position: right top" background=endereço da imagem >
<tr>
<td>AQUI SEU TEXTO</td>
</tr>
</table>
5. a imagem contínua
<DIV align=center>
<TABLE height="100%" width="100%" background=endereço da imagem border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<FONT color=#ffffff><FONT size=6>aqui seu texto</P></FONT></FONT></TD></TR></TBODY></TABLE></DIV>
6. imagem contínua com borda.
<DIV align=center><TABLE height="100%" width="100%"
background=aqui endereço da imagem border=5 bordercolor="#FFFFFF">
<TBODY><TR>
<TD width="100%"><P align=center><FONT face=Arial><FONT color=#ffffff>
<FONT size=6>aqui seu texto </P>
</TD></TR></TBODY></TABLE></DIV>
Ver mais códigos de imagem transparente ao lado direito ou dolado esquerdo aqui em CRISTINA BONFORTE
Dica 24 
TEXTO COM EFEITO (pode escolher aqui 3 estilos) 
ARTUR ARTUR
1. Escolha um site que ofereça trabalhar texto, p/ex:
http://www.3dtextmaker.com/cgi-bin/3dtext.pl
2. escolha letra, tamanho, cor e efeito
3. escreve a palavra ou a frazee clic ciar
4. Suba ao início dessa página ver como ficou 5. Se não gostar volta a repetir 6. Salve a na pasta
7. Hospede a imagem no site de hospedagem
indico sites numa lista ao fundo do space ou na dica em cima que diz imagem directamente no blog
indicado por Vanessa. Clique aqui em "O ENIGMA"
Mais efeitos de Palavras: (Bom) 
site: http://cooltext.com/LogoEdit.aspx?LogoID=22371666&Color1=00008B
Logo Text: escreva o texto
Click font to change. click para escolher efeito de letra
Text Size: tamanho da letra
Glow Color: click para escolher efeito na letra
Outer Text Color: click para mais uma cor de efeito
Inner Text Color: cliq em cima outro efeito
Background Color: click escolher cor fundo
Este site dá-lhe a imagem do texto pode arrastar para o blog ou retir o link do para colocar no html
Efeito Glow
3 códigos para exprimentar ARTUR
<FONT style="FILTER:glow(color=#FF0000,strength=0); HEIGHT: 1px" face=Verdana color=#ffffff size=3>seu texto</FONT>
<font face="Verdana" size="2" color="#00FFFF"><SPAN style="filter:glow(color=#054565); height:7">Seu texto</font>
Efeito ShadowARTUR 3 códigos para exprimentar:
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>seu texto</FONT>
<font face="Verdana" size="2" color="#00FFFF"><SPAN style="filter:shadow#054565); height:7">Seu texto</font>
Efeito Neon ARTUR
<FONT style="FILTER: wave(color=#00FFFF,strength=1)shadow(color=#0000FF
,strength=6,direction=135)dropshadow(color=#FF8C00,strength=6)blur(color=#FFFF00
,strength=2)glow(color=#FFF5EE
,strength=6); HEIGHT: 35px" face=mistral color=#ffff00 size=4><I>texto
<P></P></I></FONT>
Frazes ou Mensagens que correm na Tela
utilizando o programa"Jasc Paint Shop Pro"
clic aqui em "Daniela Ashida" para seguir passo a passo
Obtenha um destes programas para editar imagens:
pode alterar o que estiver a encarnado
font face= Tipo de fonte. size= Tamanho.
color= O código da cor (color=#054565): cor para o efeito height: tamanho efeito 3d, sombra
No space de LAINE"cantinho solitário" encontrará códigos com os seguintes efeitos:
Glow e Shadow
Laine matsuno 6
Laine
Efeito Neon
Laine
Dica 25
BLOG COLORIDO
Com cor ou imagem repetida
1. Preciona HTM abrir e cole um deste este código e alterar a gosto
obs: alterar o que está escrito a preto: cor=ver tabela ou escrever a cor em inglês; border pode ser 0 -1- etc ; as imagens podem ser coladas depois de precionar-fechar HTML assim como o texto.
2. Fechar HTML e ver se está a gosto.
(estes 3 códigos foram trabalhados por mim, alterando funções)
1º exemplo: blog colorido sem borda
<TABLE style="BACKGROUND-POSITION: left top;
BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #E9967A"
height=200 width="100%">
<TBODY>
<TR>
<TD><P>escrever aqui</P></TD></TR></TBODY></TABLE>
2º exemplo: blog colorido com borda à volta
<TABLE style="BACKGROUND-POSITION: left top;
BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ADFF2F"
height=200 width="100%" background=url da imagem border=3>
<TBODY>
<TR>
<TD><P>escrever aqui</P></TD></TR></TBODY></TABLE>
3º exemplo: Blog com imagem de fundo que se repete.
Dá um efeito bonito. Escolha uma imagem pequena para melhor ver o efeito.
<TABLE style="BACKGROUND-POSITION: left top; WIDTH: 548px;
BACKGROUND-REPEAT: repeat; HEIGHT: 243px; BACKGROUND-COLOR: #87CEFA"
height=243 width=548 background=url imagem border=1 <TBODY>
<TBODY>
<TR>
<TD>
<P>escrever aqui</P></TD></TR></TBODY></TABLE>
Obs: as cores da letra do texto e a cor do fundo são escritas em inglês.
2. Onde diz cor de texto e cor de fundo deve apagar e escrever a cor em inglês
Red=vermelho, White=branco, Green=verde, Yellow=amarelo, Blue=azul, black=preto, with=branco, orange=laranja, gray=cinza violet ou purple=violeta ou roxo, pink=rosa etc
3. Preciona em HTML para fechar e pode começar a escrever.
4. Não gosta do efeito das cores que escolheu, volta a abrir HTML altera as cores.
Dica 26 
HOSPEDAGENS DE IMAGENS
*HOSPEDAR IMAGEM NO BLOG
Conselho: Utilize um blog Rascunho para hospedar todas as suas imagens. Esse blog depois de salvo aparece sempre no modo editar e tem a vantagem de não aparecer no modo visualizar
Nunca elimine esse blog porque elimina as imagens que hospedou
1. Adicione um blog
2. Dê um nome, (exemplo "meu blog de hospedagem de imagens") e salve como RASCUNHO
3. Clic em baixo no blog, ADICIONAR FOTO
4. Vai aparecer as pastas e escolhe as imagens
5. Seleciona e edita as que quer linkar e clic em CARREGAR AGORA
6. No blog, em baixo, vai aparecer o nº ou nome das fotos/imagens que selecionou . Salva
Agora que tem a imagem hospedade e um endereço url pode utilizá-la por um destes processos:
7. Obter o link da imagem: - ou clica com o direito do rato no nº ou nome da foto/imagem adicionada, e clica copiar atalho.
- ou clica com o direito do rato no nº/nome da imagem adicionada e clica propriedades e copia o endereço
- ou abre o HTML e copia o url que está entre aspas "http:// etc até " (Depois de obtido o link fornecido pelo seu blog, Usa um dos códigos que indiquei no início (ponto III) colando o link onde diz url da imagem.)
8. Arrastar a imagem para o blog: - em cima no seu blog de hospedagem, clica visualisar entrada do blog
- em baixo onde tem a foto adicionada clic no nome da foto
- vai aparecer uma página com a foto/imagem/gif que adicionou
- clic nela e arraste para um blog onde deseja que ela fique, conforme expliquei em cima no arrastamento de imagens
*HOSPEDAR IMAGEM NUM SITE DE HOSPEDAGEM:
Conselho: escolha um site de confiaça porque ele pode ser free e a sua imagem desaparecerá no fim de algum tempo
1. Entre num site de hospedagem. Uns exigem cadastro. Dão um login (senha) enviando-lhe mail.
Guarde esse login para quando quizer lá entrar. Outros dão um link para ter acesso ao site
2. Siga as instruções do site. Por exemplo:
clicando em IMAGE SHAK - pesquisa o ficheiro de imagens do seu PC para escolher
clicando em HOSTING - ele começa a criar o url da imagem
clicando em MY IMAGES - aparecem as imagens que já alojou
3. O site de hospedagem costuma a indicar as seguintes formas para utilizar o url da imagem
1º img src="url da imagem" para copiar e colar directamente no HTML enter< >
2º url direct “http://....” para copiar apenas o link, guardar ou colocar num dos códigos que utilize
4. Pode também utilizar o arrastamento da imagem directamente para o blog como já indiquei anteriormente
Obs:Nas minhas listas indico alguns sites que hospedam imagem, grátis.
Eu tenho usadao o http://imageshack.us/ e o http://photobucket.com/
Dica 27 
MOLDURAS
vários modelos e códigos
como colorir as bordas
como colorir o interior da moldura
como dividir uma moldura em células
Não necessita de ter muitos códigos. Com estes exemplos que apresento pode fazer as alterações a seu gosto, conforme explico em baixo, para obter efeitos lindos. Leia com atenção até ao fim. Ten mais e outros tipos nos exemplos no scroll a seguir.
efeito DARK e LIGHT
pode alterar as cores e espessura das bordas e colocar cor no interior
<TABLE borderColorDark=darkblue borderColorLight=yellow border=10 width=150 height=100>
<TBODY><TR><TD>texto</TD></TR>
</TBODY></TABLE> |
efeito "CELLSPACING"
pode colocar cor nas bordas, aumentar/diminuir espessura; colocar cor no interior; dividir em colunas
|
<TABLE cellSpacing=2 width=200 align=center border=3>
<TBODY><TR>
<TD vAlign=top>
TEXTO
</TD></TR></TBODY></TABLE> |
Utilizando o mesmo código pode colocar cores e dividir em colunas: veja os exemplos seguintes:
1. Colocar cor nas bordas: acrescentar borderColor= dentro da tag <TABLE
2. Colocar cor no interior da célula: acrescentar bgColor= dentro da tag <TD
<TABLE borderColor=black cellSpacing=5 width=200 align=center border=6>
<TBODY>
<TR>
<TD vAlign=top bgColor=#adff2f>TEXTO </TD></TR></TBODY></TABLE |
Também pode |
| dar cor diferente a cada borda acrescenta-se borderColor RIGHT=; borderColor TOP=; borderColor LEFT=; borderColor BOOTOM= ou então sómente borderColor DARK= e borderColor LIGHT=
Para o interior da célula também pode usar o seguinte código dentro da tag <TABLE style="BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: repeat; BACKGROUND-COLOR: # " height="100%" width="100%"
3. Dividir em varias células/colunas: acrescentar tags <TD
| texto
| <TABLE borderColor=black cellSpacing=5 width=200 align=center border=10>
<TBODY>
<TR>
<TD vAlign=top bgcolor=green>texto
<TD bgcolor=yellow>texto</TD>
<TD bgcolor blue>texto </TD> </TD></TR></TBODY></TABLE>
|
texto |
1. acrescentar a Tag <TD>. Neste código pode ver que estão três tags <TD
2. vAlign= é o alinhamento do texto(pode ser =vAlign top; center; righ ou left)
3. border= é a espessura da borda (aumenta ou diminui = 1 até....)
4. cellSpacing=é o espaço de efeito entre a célula e a borda (aumenta ou diminui = 1 a ...)
Informações IMPORTANTES
A borda das Molduras, tal como nas bordas dos Scroll, podem ser alteradas a seu gosto
*Cor: tanto pode escrever a cor em inglês como código das tabela de cores iniciado por #
*border: são as bordas BORDER-RIGHT=borda da direita;BORDER-LEFT=borda da esquerda; BORDER-TOP=borda de cima;BORDER-BOOTOM=borda de baixo.
*pt; px são a espessura da borda. Se aumenta o nº aumenta a borda
*Tamanho da moldura: width é a largura e height é a altura
Para aumentar/diminuir a moldura é mais fácil clicar uma vez na borda e estender pelos quabradinhos na horizontal e na vertical
*Texto ou imagem dentro da moldura: Clicar duas vezes na borda até a moldura ficar sombreada.
Só pode trabalhar dentro da moldura enquanto está sombreada à volta
Se quer ver outros efeitos. a Raquel Leite é especialista em molduras e ela oferece códigos. O Space dela é:
http://spaces.msn.com/members/rachelebrasil/
http://www.rachelebrasil.blogger.com.br/moldurasdeusa.htm
http://raquel.52.sites.uol.com.br/dica2.html
|
Dica 28 
MOLDURAS: (continuação)
vários modelos e códigos
estilo "DOTTED" com 3pt(pode alterar) e cor red #ff1111(podealterar)
|
<TABLE style="BORDER: red 3pt dotted" width=200 border=0>
<TBODY><TR><TD>
TEXTO
</TD></TR></TBODY></TABLE> |
estilo "DASHED" com 3px (pode alterar) e cor blue (pode alterar)
|
<TABLE style="BORDER: blue 1pt dashed" align=center border=0 width=200>
<TBODY><TR><TD>
TEXTO
</TD></TR></TBODY></TABLE> |
estilo "DOUBLE" com 4,5pt (pode alterar) e cor green #55CC00 (pode alterar)
|
<DIV align=center>
<TABLE style="BORDER: green 4.5pt double; WIDTH: 170.8pt; HEIGHT: 134.8pt" border=0>
<TBODY><TR><TD>
TEXTO
</TD></TR></TBODY></TABLE>
</DIV> |
estilo "SOLID" com 3pt (pode alterar) e cor black #000000 (pode alterar)
<TABLE style="BORDER: black 3pt solid"
width=200 border=0>
<TBODY><TR><TD>
TEXTO
</TD></TR></TBODY></TABLE>
|
estilo "GROOVE" com 10pt(pode alterar) cor yellow #FFFF00 (pode alterar)
<TABLE style="BORDER: yellow 10pt groove"
width=200 border=0>
<TBODY><TR><TD>
TEXTO
</TD></TR></TBODY></TABLE>
|
estilo "RIDGE" com 10pt(pode alterar) e cor blue #6699FF (pode alterar)
<TABLE style="BORDER: blue 10pt ridge"
width=200 border=0>
<TBODY><TR><TD>
TEXTO
</TD></TR></TBODY></TABLE>
|
estilo " INSET" com 10pt (pode alterar) e cor orange #FF9933 (pode alterar)
<TABLE style="BORDER: orange 10pt inset"
width=200 border=0>
<TBODY><TR><TD>
TEXTO
</TD></TR></TBODY></TABLE>
|
estilo "OUTSET" com 10pt(pode alterar) e cor gray(pode alterar)
<TABLE style="BORDER: gray 10pt outset"
width=200 border=0>
<TBODY><TR><TD>
TEXTO |
Dica 29
Dica 30 
Redimensionar uma imagem:
Por exemplo tem uma imagem/foto tem 360 de largura
coloca normalmente assim:
<img src="url da imagem">
esta imagem te 360 de largura para reduzir, por exemplo para 230
adicionar width="230" >
fica assim:
<img src="url de imagem" width="230">
Outro exemplo: aumentar ou diminuir
Imagem no tamanho original:
<img src= "url da imagem.gif" alt= "Texto aqui">
1. AMPLIAR IMAGEM:
<img src= "url da imagem.gif" width= "230" height="160" alt= "texto">
2. REDUZIR IMAGEM:
<img src= "url da imagem" width= "80" height="60" alt= "texto">
2. alterar o que está a vermelho
width=largura da imagem; height=altura
com o comando alt não vai aparecer o texto mas se lá apontarem o ponteiro do rato o texto aparece e lê-se.
Obs. A dimensão e diminuição das imagens também se faz clicando sobre elas para selecionar e nos quadradinhos aumenta-se ou diminui
|
|
Dica 31 
TABELAS
Exemplo 1 : tabela com duas linhas e duas colunas.
| Célula 1 |
Célula 2 |
| Célula 3 |
Célula 4 | <TABLE BORDER>
<TR>
<TD>Célula 1</TD> <TD>Célula 2</TD>
</TR>
<TR>
<TD>Célula 3</TD> <TD>Célula 4</TD>
</TR>
</TABLE>
É possível expandir as células para que elas ocupem o espaço de mais de uma coluna ou linha.
Exemplo 2: expansão da célula em colunas
| Célula expandida |
| Célula 1 |
Célula 2 |
| Célula 3 |
Célula 4 | <TABLE BORDER=2>
<TR>
<TD COLSPAN=2>Célula expandida</TD>
</TR>
<TR>
<TD>Célula 1</TD><TD>Célula 2</TD>
</TR>
<TR>
<TD>Célula 3</TD><TD>Célula 4</TD>
</TR>
</TABLE>
Exemplo 3: expansão de uma célula em linhas
| Célula expandida |
Célula 1 |
Célula 2 |
| Célula 3 |
Célula 4 | <TABLE BORDER=3>
<TR>
<TD ROWSPAN=2>Célula expandida</TD>
<TD>Célula 1</TD><TD>Célula 2</TD>
</TR>
<TR>
<TD>Célula 3</TD><TD>Célula 4</TD>
</TR>
</TABLE>
Dimensões da tabela BORDER: alterar a largura da borda WIDTH: para definir a largura da tabela HEIGHT: para definir a altura da tabela CELLPADDING: para definir a margem dentro das células CELLSPACING: para definir o espaço entre as células
Exemplo 4: controlando dimensões e espaçamento da tabela
| Célula expandida |
Célula 1 |
Célula 2 |
| Célula 3 |
Célula 4 | <TABLE BORDER=1 WIDTH=400 HEIGHT=200 CELLPADDING=20 CELLSPACING=20>
<TR>
<TD ROWSPAN=2>Célula expandida</TD>
<TD>Célula 1</TD><TD>Célula 2</TD>
</TR>
<TR>
<TD>Célula 3</TD><TD>Célula 4</TD>
</TR>
</TABLE>
ALIGN Alinhamento horizontal ALIGN=LEFT: alinha o conteúdo à esquerda ALIGN=RIGHT: alinha o conteúdo à direita ALIGN=CENTER: alinha o conteúdo ao centro VALIGN Alinhamento vertical VALIGN=BASELINE: mantém as linhas de texto com o mesmo alinhamento (para ser usado dentro de de
Dica 31 cont. 
TABELAS continuação
Exemplo 5: um texto longo dentro de uma célula
| Título 1 |
Título 2 |
| Célula 1 |
Célula 2
|
<TABLE BORDER>
<TR
<TH> Título 1</TH> <TH> Título 2</TH>
</TR>
<TR>
<TD> Célula 1</TD>
<TD> <B> Célula 2</B> <P>
</TD>
</TR>
</TABLE>
A largura da coluna da direita foi ampliada para que o texto da célula 2 aproveitasse até o final da margem do navegador. Se a largura da janela do navegador for diminuída, também diminui a largura da segunda coluna.
Exemplo 6: controlando a largura das células
| Título 1 |
Título 2 |
| Célula 1 |
Célula 2
|
<TABLE BORDER=3>
<TR>
<TH> Título 1</TH> <TH> Título 2</TH>
</TR>
<TR>
<TD valign=top> Célula 1</TD>
<TD width=300><B> Célula 2</B> <P>
</TD>
</TR>
</TABLE>
Neste caso a largura da célula 2 foi ajustando em 300 pixels. Assim, a largura de toda a segunda coluna será ajustada. Aproveitamos este exemplo para alinhar o texto da célula 1 no topo e mudar a largura da borda da tabela.
Exemplo 7 Cor de fundo das células
O Internet Explorer, navegador da Microsoft, permite atribuir cores diferentes para o fundo de cada célula. Basta acrescentar o atributo BGCOLOR com a cor desejada aos tags de célula. Em algumas combinações de cores será necessário também modificar a cor das letras. Isso é feito com o atributo COLOR dentro do tag .
| nome 1 |
nome 2 |
| nome 3 |
nome 4 |
<TABLE BORDER>
<TR>
<TH Bgcolor=ff7f50> <Font color=FFFFFF> nome 1</FONT> </TH>
<TH Bgcolor=006400> <Font color=FFFFFF>nome 2</FONT> </TH>
</TR>
<TR>
<TD Bgcolor=red> nome 3</TD>
<TD Bgcolor=black> <Font color=WHITE> nome 4</FONT> </TD>
</TR>
</TABLE>
Dica 32 
BARRAS HORIZONTAIS
Para as barras mais largas
<FONT face=Verdana color=#99cc00 size=1><hr style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100);height:10px" color=green></FONT>
Para as barras mais estreitas
<FONT color=#00ffff><HR NOSHADE SIZE="15" color="#00ccff"></FONT>
ALTERAR: os códigos de cor e onde está escrito a cor em inglês
(branco=white;preto=black;cinza=gray;verde=green;amarelo=yellow; vermelho=red;laranja=orange; castanho=brown)
barras com enfeites: entre nesse space e escolha os códigos:
<a href="http://www.brumaximus.blogger.com.br" target="_blank"><img src="http://www.brumaximus.kit.net/Barrinhas/linha_22.gif"></a>
http://www.brumaximus.blogger.com.br/#
Dica 33 
PROTEGER SUAS FOTOS E VIDEOS
Proteger fotos/imagens e vídeos contra cópia
Através de códigos as fotos ou vídeos ficam protegidos com uma película transparente,
quando tentam copiar só copiam a imagem que fica transparente e não conseguem copiar a foto nem o vídeo
Proteger foto:
1. Precione e abra o HTML do blog
2. Copie e cole o código seguinte
3. onde diz url da foto a protejer coloque o link da sua foto
4. onde diz url de qualquer foto, coloque o link de uma foto qualquer que pode ser copiada
5. precione para fechar HTML e salve
6. visualise o blog
7. exprimente copiar a imagem
código para proteger imagem:
<DIV align=center>
<DIV style="WIDTH: 400px; HEIGHT: 300px">
<IMG style="FILTER: alpha(opacity=100, finishOpacity=100,style=0);
WIDTH: 400px; HEIGHT: 305px" src="url imagem a proteger" align=right>
<IMG style="FILTER: alpha(opacity=0, finishOpacity=0,style=0);
WIDTH: 400px; HEIGHT: 305px" src="url qualquer imagem" align=center>
</DIV></DIV>
Proteger um vídeo:
1. Proceder como indicado, ateriormente, para proteger fotos
2. Onde diz url do video a proteger colocar o link do video
3. Onde diz url de qualquer foto colocar o link de uma foto/imagem que pode ser copiada
essa foto/imagem vai servir de capa transparente ao video e só ela pode ser copiada
código para proteger vídeo:
<DIV align=center>
<DIV style="WIDTH: 400px; HEIGHT: 300px">
<IMG style="FILTER: alpha(opacity=100, finishOpacity=100,style=0);
WIDTH: 400px; HEIGHT: 305px" dynsrc="url do video a Proteger" align=right>
<IMG style="FILTER: alpha(opacity=0, finishOpacity=0,style=0);
WIDTH: 400px; HEIGHT: 305px" src="url de qualquer foto" align=center>
</DIV></DIV>
Dica 34 
ALARGAR SEU BLOG e LISTAS
1º Acrescentar no seu space o CUSTOM HTML ( ver dica nº 15)
2º Colocar o seguinte código: </td></table> e salvar
3º Se já tem o Custom HTML com um código então acrescente este no início: </td></table> e acrescente este no fim: <td valign=right></td> e salve
Observação: antes de acrescentar no princípio e no fim estas tags deverá copiar o código que tem no Custom HTML para um bloco de notas (ver dica 2 e 3) para o caso de não gostar do efeito poder voltar a colocar o que tinha.
4. Se não ficar bem vai a personalizar o space e escolha outro Layout, por exemplo o 3º de três colunas ou o 5º de duas colunas, direita estreita ( eu usei o de uma só coluna os outros dois não estavam a ficar bem e esticavam de mais o meu space)
veja o meu space http://spaces.msn.com/arth-wr para ter uma ideia de como ficou com o blog e as listas a toda a largura do space
usei o layout de uma só coluna e o seguinte código com meu e-mail; imagem; fraze:
</td></table> <a href="mailto: seu e-mail@ ">
E-mail</a> <img src="colocar aqui o url da imagem.gif" width=750 height=200 border=0> <a style="font-size:23" href="ur/linkl de um site">"escrever o que quiser"
</a> <br><a style="font-size:12" href=" link/url de um site">escrever se quiser</a>
<td valign=right></td>
Observação: o que está a azul escuro é para ser alterado ou eliminado caso não queira usar.
Se não quer e-mail apague:<a href="mailto: seu e-mail@ ">
E-mail</a>
Se não quer linkar apague: href=" link/url de um site"
Se quer colocar imagem é só acrescentar<img src=" url da imagem.gif" width=750 height=200 border=0>
Há outros códigos para alargar o blog e colocar as listas a toda a largura do space, consultar por exemplo o space de Laine ou Pukka (ver nos paces que ensinam no ultimo blog deste meu space)
Dica 35
Calendários; Relógios; Meteorologia
CALENDÀRIOS e RELÓGIO
clique em cima das figuras para entrar no site, ver outros modelos, copiar os códigos e ver alterações que pode fazer para colocar a hora de acordo com o seu fuso horário
Calendário mês/dia/ano
Relógio Horas/minutos(está com hora de Lisboa)
Relógios decorativos:
http://raquel.52.sites.uol.com.br/relogios.html
CONTADOR DE TEMPO: copie e cole no seu blog. Depois altera o texto e o tamanho clicando na figura.
Relógio com temperatura 
Entre neste site http://www.wunderground.com/ e escolha na lista o seu País/cidade/Região
Vá até onde diz "Free Weather Stickers for your homepage" e clica em Get your weatherolha o modelo e clique em cima dele>
Copie o código e cole no html seu blog ou copie atalho e cole no blog
meteorologia:  Entre neste site: http://www.meteored.com/ e escolha o seu País/cidade/Região
Vá abaixo onde diz "Insert El Tiempo Grátis em tu web
Escolha o modelo copie o código e cole no html do blog
Dica 36
Bandeira dos Países
(BANDEIRA do seu País vista pelo visitante)
Coloca um destes códigos:
<a href="http://www.hostip.info">
My IP Address Lookup
</a>
<A HREF="http://www.hostip.info">
<IMG SRC="http://api.hostip.info/flag.php" BORDER="0" ALT="IP Address Lookup">
</A>
exemplo: Vc está no Brasil, entra no meu blog "Livro de visitas" vai ver, em cima do lado esquerdo a Bandeira do Brasil. Quem vive em França, vai ver a Bandeira de França. Se vive na Itália, vai ver a da Itália etc.
Eu estou em Portugal, entro no seu space e vejo você saudar-me com a minha bandeira
Pode consultar este site e escolher até o Endereço (Your IP Aderess) da sua cidade ou região
Hostip.info http://www.hostip.info/
Dica 38 
Alterar o Idioma dos Spaces
Para alterar o idioma dos spaces, acrescente no fim do endereço código:
Português: /?mkt=pt-br
Espanhol: /?mkt=es-es
Alemão: /?mkt=de-de
Inglês: /?mkt=en-uk
Italiano: /?mkt=it-it
Francês: /?mkt=fr-fr
exemplo: meu space é: http://spaces.msn.com/dicasparapaaalop
alterar o idioma para italiano
ficará : http://spaces.msn.com/dicasparapaaalop/?mkt=it-it
Dica 39 
Dica 40 
|
|
Dica 42 
Como construir borda em volta de uma imagem
use este código: veja os efeitos:
<IMG style="BORDER: cor em inglês 1pt dotted" height=150 src="url imagem" width=200>
alterar a
cor em inglês; 1pt para2p3pt..., dotted (bolinhas) para dashed (quadradinhos) ou double(traço)
veja os resultados em baixo:
exemplo 1
<IMG style="BORDER: cor em inglês 3pt dotted" height=150 src="url da imagem" width=200>
exemplo 2
pode alterar a gosto o que está a preto:
<IMG style="BORDER: cor em inglês 4pt dashed" height=150 src="link da imagem" width=200>
exemplo 3
este caso pode alterar a gosto o que está a preto:
<IMG style="BORDER: cor em inglês 4.5pt double" height=150 src="link da imagem" width=20
OBS: Colocar BORDA A UMA IMAGEM
É só acrescentar um border="número" ao código da imagem.
<img src="url da imagem" alt="pequeno texto" border="5">
Obs: o que está a preto altera:
url da imagem=sua imagem.
alt="pequeno texto" pode utilizar ou apagar
border="5" coloca um número diferente para a borda mais largo ou fino
Dica 44
Como fazer frazes e imagens que correm na tela
utilizando o programa"Jasc Paint Shop Pro"
Obtenha um destes programas para editar imagens:
Dica 45
Dica 46
Dica 47
Dica 50
TABELA DE CORES (trabalhada e modificada por mim no excel) para as cores standarizadas pode colocar o nome em inglês em vez do código
|
|
Tools 
Help
min
seg
tempo de visita
![http://www.brumaximus.kit.net/Barrinhas/linha_22.gif"></a](http://www.brumaximus.kit.net/Barrinhas/linha_22.gif"></a){kind=link}
