Tips Cute

Encomendas fechadas

2012-04-27T19:58:00.001-03:00

Trabalho Entregue - Vícios de Beleza

2012-02-26T13:36:00.001-03:00

Gostaram? Foi um Layout completo, visitem o blog e me digam ;) Beijos!

Promoção - Divulgou, diminuiu!

2012-01-05T16:06:00.005-02:00

Oi ! *-* Que nome de promoção louco o.O ~~HSAUISHA~~, mas vou explicar, você que quer fazer seu layout, mas tá sem grana para comprar um novo, agora você pode perder divulgando, não.. não perder sua graninha, e sim perder 5% no valor da encomenda a cada divulgação que der certo...

Exemplo:

- Você quer um layout (R$47.00)

- Indicou para duas pessoas e essas duas fizeram o layout (-10%)

- O valor do seu layout cairá para: R$ 42.30 !

- Lembre-se de pedir para a pessoa que você indicou, para dizer que foi você, o desconto só é dado após ela ter fechado negócio conosco!

* Atenção essa promoção só vale para layouts COMPLETOS! Se você divulgar e 'a cliente' quiser o layout simples (R$23.00) não irá diminuir em nada. *
* Essa promoção terá um tempo limitado! *
* A pessoa que você indicou não recebe desconto, apenas você! *

Dúvidas/Encomendas na página Contato, ou pelo email: contato@sorvetedepistache.com
Conheçam meu outro blog \O/ www.sorvetedepistache.com

Ah, e um muito obrigada pelas encomendas, tenho 3 em andamento (na correria para acabar até na última semana de janeiro), vamos ver, à medida que eu for fazendo, vou postando aqui para vocês! *-*

Layout entregue! Blog do Balaio

2011-12-22T19:32:00.004-02:00

Nem tenho passado muito aqui não é mesmo? Em breve vou postar sobre Tabelas - HTML, parte #tensaaaa do curso de HTML! #OMG
Mas enfim, antes de tirar as férias peguei esse trabalho e termineeei! Vim compartilhar super feliz :D

www.balaiodelivros.blogspot.com

Eu e a Aline fizemos tudo pra ela, perfil, favicon, barra divisória, cabeçalho, link-me, fundo, nomes dos gadgets, numeração de páginas, assinatura automática, organizei o blog dela pra ela, enfim, deu trabalho mas o resultado foi satisfatório :D

E que tal encomendar o seu para Janeiro? Corre *-* Clica em CONTATO, aí em cima no menu e pronto :D

Layout entregue! Innovare Acessori

2011-12-11T23:36:00.001-02:00

http://innovareacessori.blogspot.com/

Finalmente entregue o blog da Luiza :D Bom, acho que ela gostou bastante do resultado, assim como eu! Ficou bem o que ela pediu! Ela foi super participativa na criação de tudo!!

Encomende o seu! *-* Leia a F.A.Q. para sanar todas as dúvidas e entre em contato!

Atributos da tag IMG - HTML

2011-12-06T22:12:00.000-02:00

ALT

Indica um texto alternativo, descrevendo brevemente a imagem, que é apresentado no lugar da imagem nos browsers texto, ou quando se desabilita o carregamento de imagens em browsers gráficos. É recomendável que esteja sempre presente. Também aparecerá ao “passar o mouse sobre a imagem”.

Vamos ao exemplo:

HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

  <IMG SRC="URL_imagem" ALT="descrição_da_imagem">

       EXEMPLO: <IMG SRC="mar.gif" ALT="Lindo!">

</BODY>
</HTML>

WIDTH e HEIGHT

Atributos de dimensão da imagem.

EXEMPLO:

HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

  <IMG SRC="URL_imagem" ALT="descrição" WIDTH="largura" HEIGHT="altura">

       EXEMPLO: <IMG SRC="mar.gif" ALT="Lindo!" WIDTH="6" HEIGHT="4">

</BODY>
</HTML>

Alinhamento

HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

<IMG SRC="imagem.extensão" ALT="descrição" ALIGN="alinhamento_desejado">

</BODY>
</HTML>

NOTAS:

ALIGN=TOP
Alinha o texto adjacente com o topo da imagem, embora com linhas compridas o resultado não seja muito bom.

ALIGN=MIDDLE
Alinha o texto adjacente com o meio da imagem, embora com linhas compridas o resultado não seja muito bom.

ALIGN=BOTTOM
Alinha o texto adjacente com a parte de baixo da imagem (default).

ALIGN=RIGHT
Alinha imagem à direita, e tudo o que houver ao redor (texto, outras imagens) a partir do topo da imagem.

ALIGN=LEFT
Alinha imagem à esquerda, e tudo o que houver ao redor (texto, outras imagens) a partir do topo da imagem.

Molduras de Imagem

Para melhorar ainda mais a apresentação das imagens junto com os textos, foram desenvolvidos atributos de moldura. Estes atributos definem o espaço - vertical e horizontal - deixado entre as imagens e os textos circundantes.

HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

<IMG SRC="imagem.extensão" VSPACE="espaço_vertical">
<IMG SRC=" imagem.extensão" HSPACE="espaço_horizontal">

</BODY>
</HTML>

Layout free #001

2011-12-06T21:20:00.000-02:00

Inserção de Imagens - HTML

2011-12-06T21:14:00.000-02:00

<HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

  <IMG SRC = "nome_da_figura.extensão">

EXEMPLO: <IMG SRC = "arvore.gif">

</BODY>
</HTML>

Inserção de imagens localizadas dentro de pastas:

<HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

  <IMG SRC = "nome_da_pasta/nome_da_figura.extensão">

       EXEMPLO: <IMG SRC = "Novas Imagens/arvore.gif">

</BODY>
</HTML>

Alinhamento - HTML

2011-12-03T22:23:00.000-02:00

Acrescentando alinhamento centralizado:

<HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

<P align="center" >Corpo da sua página</P>


</BODY>
</HTML>

Acrescentando alinhamento à direita:

<HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

<P align="right"> Corpo da sua página</P>


</BODY>
</HTML>

Acrescentando alinhamento à esquerda (PADRÃO) :

<HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

<P align="left" >Corpo da sua página</P>


</BODY>
</HTML>

NOTAS:

No caso do alinhamento à esquerda não é preciso usar os comandos, pois já é de padrão do browser alinhar à esquerda.

Atributos da tag BODY - HTML

2011-12-03T22:00:00.000-02:00

<HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY BGCOLOR="hexadecimal" LINK="hexadecimal" ALINK="hexadecimal" VLINK="hexadecimal">

Corpo da sua página

</BODY>
</HTML>

NOTAS:

BGCOLOR: Background Color, ou seja, cor de fundo da página. Quando não é indicada a cor de
fundo, o browser irá mostrar uma cor padrão, geralmente cinza ou branco.

HEXADECIMAL: Forma em que as cores devem ser colocadas.

LINK: Cor dos links (padrão: azul).

ALINK: Cor dos links quando acionados, clicados (padrão: vermelho).

VLINK: Cor dos links depois de visitados (padrão: azul escuro ou roxo).

Ligações - O famoso LINK - HTML

2011-12-03T21:31:00.000-02:00

<HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>

Corpo da sua página<br>
<A HREF = "arquivo_destino"> âncora </A>

</BODY>
</HTML>

NOTAS:

arquivo_destino: é o endereço do documento de destino, da página ou imagem a qual queremos abrir.

âncora: é o texto ou imagem que servirá de ligação hipertexto do documento sendo apresentado para o
documento de destino.

Níveis de Cabeçalhos - HTML

2011-12-03T18:31:00.000-02:00

Como montar seu código usando os Headings:

<HTML>

<HEAD><TITLE> Minha página. </TITLE></HEAD>

<BODY>

<H1> Este é um cabeçalho de nível 1 </H1> <H2> Este é um cabeçalho de nível 2 </H2>

<H3> Este é um cabeçalho de nível 3 </H3> <H4> Este é um cabeçalho de nível 4 </H4>

<H5> Este é um cabeçalho de nível 5 </H5> <H6> Este é um cabeçalho de nível 6 </H6>

</BODY>

</HTML>

Esses cabeçalhos são mostrados no browser da seguinte forma:

Este é um cabeçalho de nível 1

Este é um cabeçalho de nível 2

Este é um cabeçalho de nível 3

Este é um cabeçalho de nível 4

Este é um cabeçalho de nível 5

Este é um cabeçalho de nível 6

Fonte, tamanho, cor - HTML

2011-12-03T17:26:00.000-02:00

Agora vamos aprender a modificar a fonte:

Acrescentando a fonte:

<HTML>
<HEAD><TITLE> Minha pagina </TITLE></HEAD>
<BODY><FONT face="Comic Sans MS">

<P> Canção de exílio <br></P>

<P>Minha terra tem palmeiras,<br>
Onde canta o Sabiá;<br>
As aves, que aqui gorjeiam,<br>
Não gorjeiam como lá.<br></P></FONT>

</BODY>
</HTML>

Observe a parte em vermelho!

Agora mudando o tamanho:

<HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY><FONT face="Comic Sans MS" size="5">

<P>Canção de exílio.</P>
<P>Minha terra tem palmeiras,<br>
Onde canta o Sabiá;<br>
As aves, que aqui gorjeiam,<br>
Não gorjeiam como lá.<br></P></FONT>
</BODY>
</HTML>

* Os valores da fonte variam de 1 à 10, não passa disso*

Agora como colocar cor:

<HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY><FONT face="Comic Sans MS" size="5" color="FA8072">

<P>Canção de exílio.</P>
<P>Minha terra tem palmeiras,<br>
Onde canta o Sabiá;<br>
As aves, que aqui gorjeiam,<br>
Não gorjeiam como lá.<br></P></FONT>
</BODY>
</HTML>

Os valores da cor tem que ser em hexadecimal, você pode encontrar uma tabela aqui.

Extras:

<I> Itálico, necessitam fechar a TAG </I>

<U> Sublinhado </U>

<B> Negrito </B>

<S> ~~Tachado~~ </S>

Resultado do que aprendemos:

Canção de exílio.

Minha terra tem palmeiras,
Onde canta o Sabiá;
As aves, que aqui gorjeiam,
Não gorjeiam como lá.

Parágrafo e Quebra de Linha - HTML

2011-12-03T16:39:00.000-02:00

Para iniciar, pegue o básico:

<HTML>

<HEAD><TITLE> Canção de Exílio </TITLE></HEAD>

<BODY>

<P>Minha terra tem palmeiras,<br>
Onde canta o Sabiá;<br>
As aves, que aqui gorjeiam,<br>
Não gorjeiam como lá.<br></P>

</BODY>

</HTML>

Lembrando que:
<br> Quebra de linha
<P> Parágrafo

Na quebra de linha não existe necessidade em fechá-la, já no parágrafo é preciso usar </P>

Uma forma de testa seu trabalho é abrir o bloco de notas, digitar e salvar como "nomedoarquivo.htm" é muito importante colocar HTM!

Montando seu código HTML

2011-12-03T16:33:00.000-02:00

Antes de tudo seu código deverá ser assim: (O BÁSICO)

<HTML>

<HEAD><TITLE> Título de sua página. </TITLE></HEAD>

<BODY>

Aqui fica o corpo da sua página.

</BODY>

</HTML>