Se for copiar esse tutorial para postar em algum lugar, de os cr?ditos ? pessoa certa!!! ( o c?digo do meu button est? postado abaixo do tutorial )
Primeiro voc? deve escolher uma figura 800x600 ou maior e col?-la no paint (editor de imagens). O meu eu peguei no manga style, mas outro muito bom ? o anime wallpapers. A tela dever? ficar assim:
Ja que a minha imagem tem mais que o tamanho necessario para fazer um template e vou apertar em selecionar tudo e irei arrastar a parte que eu quero que apare?a mais pra cima e pro canto, assim:
Agora voc? deve ir em imagem/ atributos. L? abrir? um quadrinho assim:
Onde voc? dever? trocar a largura que estiver l? por 800 e a altura por 600.
Da? a imagem j? ter? o tamanho correto e voc? poder? come?ar a montar seu template:
Primeiro voc? deve desenhar os ret?ngulos do post do perfil e o que mais voc? quiser...at? o final d? p?gina, sem nenhum espa?o livre embaixo dos ret?ngulos. Assim:
Depois vc poder? escrever as palavras respectivas aos ret?ngulos como, por exemplo (post e perfil):
A? voc? pega essa figura vai em file (arquivo)/ save as (salvar como).., e salva como topo.JPG:
Depois, voc? vai em imagem e em inverter/girar, a? vc vai em inverter verticalmente, a imagem vai fikar de cabe?a pra baixo, a? vc vai em atributos novamente e coloca em 800 de largura e 1 de altura...assim:
OBS: sendo que parte branca nessa imagem, ficar? cinza na sua.
Agora voc? pode at? estranhar, mas deve salvar apenas essa linha como linha.JPG.
Vamos come?ar o trabalho com HTML:
Voc? pode usar o bloco de notas ou um programa pra html mesmo, apenas n?o deve usar o Word, pois ele altera as tags do seu template.
O que interessa ? que voc? deve colar esse c?digo numa p?gina em branco:
Por enquanto n?o deve mexer nesse c?digo...pegue as figuras que voc? salvou e fa?a o upload delas no seu blog (ou entaum hospede-as num host na web, como por exemplo o yahoo, geocities), naum precisa post?-las, apenas fa?a o upload (hospedagem), copie o c?digo da imagem e guarde em algum lugar em que possa estar acess?vel daqui ? pouco.
Depois de ter feito isso, voc? deve alterar exatamente o que eu irei falar:
*Na terceira linha de baixo pra cima, voc? deve substituir onde est? o endere?o de uma imagem (por exemplo: "http://www.alguma blog/topo.jpg") pelo c?digo da imagem que vc fez o upload, mas lembre-se...voc? s? deve substituir o endere?o que est? dentro das aspas (""), por exeplo, se eu fosse substituir a? pelo c?digo dessa imagem:
"http://www.endere?odoseublog.com.br/topo.JPG"
eu iria substituir por
"http://www.templatesbybecca.blogger.com.br/topo.JPG"
*O mesmo deve ser feito com o endere?o http://(dentro das aspas "") na linha 29 do c?digo (de cima pra baixo).
Depois ? s? copiar o c?digo e colar no lugar do seu template.
OBS: as configura??es de posts e perfil podem estar trocadas ou mal configuradas, por isso voc? deve reconhecer a seguinte tag, no c?digo, para que possa fazer as altera??es necess?rias:
OBS: Para facilitar o reconhecimento, ? apropriado que vc copie esse c?digo pra algum lugar (sem ser o word).
( left:532px ) ( top:511px ) ( width:232px ) ? o que voc? dever? mudar caso aconte?a o que foi dito acima. Est? configurado em pixels.(pontos, unidade de medida do paint e da maioria dos editores de imagens de hoje em dia) OBS: Um modo apropriado de vc verifikar a medida necess?ria eh colando a imagem no paint e medindo o ret?ngulo do post da seguinte forma: selecione a ferramenta recortar e fa?a como se fosse recortar a regi?o que quer medir, enquanto vc arrasta a ferramenta vai aparecer a medida em largura x altura, no canto inferior direito da tela, l? estah sua medida.
Ou entaum v? diminuindo ou aumentando at? acertar...hehe...
Left = A dist?ncia da esquerda que o texto vai ter.
Top =A dist?ncia do topo pro texto.
Width = A largura que vai ter o texto.
OBS: Esse tutorial deve ser seguido exatamente como exibido, at? nas letras mai?sculas, porque qualquer erro exigira uma mudan?a no c?digo html completo, para resultar num template.
Tutorial criado por Rebecca Isnard.
0 commentaires :
إرسال تعليق