.

22 julho 2012

Aprendendo Html- Aula #2 + Como colocar nuvens andando pelo cabeçalho.


Até que emfim chegou a aula 2! [êeeeeba.]
E nessa aula a professora Cacau aqui, vai ensinar.....[mini-suspense#]
COMANDOS!!  cri.. cri..cri.. , Oi? Que isso?  ,  ou melhor, os efeitos que as tags causam.Juntando as tags certas você chega num resultado, isso se chama Scripts,  Mas o que é scripts Cacau ? Scripts são um monte de comando[tags] junto.
Nessa aula vamos aprender efeitos básicos com tags básicos (ou não).
Coisas que você precisa saber antes:

  • Scripts não podem ser colocados em qualquer lugar do html, porque eles aparecerão no lugar errado ex: Se você quer por o cabeçalho pelo html não dá pra vc adicionar a script de colocar imagem do cabeçalho pelo html no footer(rodapé), porque vai aparecer lá embaixão do blog, no rodapé e não no cabeçalho, header (cabeçalho)
  • Scripts com tags que não combinam entre si sempre dão errado então antes de modificar o html, salve ele no bloco de notas no computador
Ok,  vamos começar com um efeito bem simples:
Como colocar nuvens pelo cabeçalho do blog:
  Nesse efeito você vai precisar daquela tag que eu ensinei na aula anterior, <marquee> </marquee> , responsável por fazer um texto mover de um lado para o outro e aquele comando de colocar imagem que todos conhecem: <img src="URL DA IMAGEM" />  , ou seja, usando os dois juntos você vai ter o seguinte resultado:
<marquee> <img src="URL DA IMAGEM" /> </marquee>


Mas, como eu havia dito anteriormente, se colocado em qualquer lugar do html pode dar errado.Se você quiser colocar ele no cabeçalho procure no html por: <div class='fauxcolumn-outer body-fauxcolumn-outer'> e cole o código em cima. 



8 comentários:

  1. Ola quero virar afiliado do seu blog meu blog é sobre tutorial,pedidos e muito mais.

    Aqui estar o link dele.http://revistamf1.blogspot.com.br/

    ResponderExcluir
  2. Amei essa aula, e eu que pensava que HTML era um bicho de 7 cabeças.(Risos)
    Beijinhos
    http://universoteengirl-porlarissa.blogspot.com.br/

    ResponderExcluir
  3. OOi n estou conseguindo colocar o efeito!

    Mais eu adoro seu blog!

    ResponderExcluir
  4. Respostas
    1. é pelo HTML {: ,
      você vai no html do seu blog > procura por: Header e coloca logo abaixo dele o código que eu mencionei no post.

      Excluir
  5. Muito obrigada pelo tuto e por essa explicação maravilhosa. deu super certo no meu, coloquei coraçõesinhos.
    http://joycinhalioness.blogspot.com

    ResponderExcluir
  6. É pra colocar esse código: <img src="URL DA IMAGEM".. acima desse: <div class='fauxcolumn-..? Por eu tentei mais não consegui, o URL da imagem é enorme.. HELP!

    ResponderExcluir
    Respostas
    1. Floor, é pra colocar o codigo < img src... acima de: <div class='fauxcolumn-...
      C: beijoos e espero ter ajudado

      Excluir

Queremos muito saber sua opinião, comente e diga o que você achou!