Image Map
  • Pullips
    http://i25.photobucket.com/albums/c98/nanadorough/teste000001_zps3f1d850a.png
    Clique e conheça mais sobre estas encantadoras dolls! Leia Mais...
  • Rainbow Cupcake
    http://i25.photobucket.com/albums/c98/nanadorough/teste000002copy_zps036529c7.png
    Aprenda aqui como fazer a lendária receita de cupcake arco-íris! Leia Mais...
  • Backstreet Boys
    http://i25.photobucket.com/albums/c98/nanadorough/teste000005_zpsb518dd09.png
    Leia neste post como esta incrível banda faz parte da minha vida há mais de uma década e a minha saga para conhecê-los! Leia Mais...
  • Britney em imagens raras
    http://i25.photobucket.com/albums/c98/nanadorough/teste000004_zps8cfbd2dd.png
    Veja aqui imagens raras de Britney Spears em sua trajetória pessoal e profissional. Leia Mais...
  • Salvador
    http://i25.photobucket.com/albums/c98/nanadorough/teste000006_zpscada8fdb.png
    Veja aqui imagens desta terra encantadora e cheia de luz! Leia Mais...

Mostrando postagens com marcador mapeamento de imagem. Mostrar todas as postagens
Mostrando postagens com marcador mapeamento de imagem. Mostrar todas as postagens

31 janeiro 2013

Notícias do mundo de cá (Parte 3).

Ooooi, galerë!

Sumi!

É, sumi mesmo.

Meus queridos alunos estavam em época de matrícula, por isso fiquei mais afastada daqui.

Além do mais, não é todo dia que tenho assunto pra postar aqui. Principalmente pelo fato de que tudo que eu escrevo é de minha autoria, com base em pesquisas ou em minhas experiências pessoais.

(Fazer blog dando "ctrl+c crtl+v" em texto pronto dos outros e copiando foto com desculpa de que é "inspiração" é moleza, né?! Não me presto a isso.).

Falando no blog, já faz uns dias que mudei (pela 982019892734 vez o cabeçalho). Gostaram?!

Mudei totalmente porque não queria nada parecido com os padrões que vejo por aí. Tem os elementos de design "das modinhas", mas os condensei na head, dando a ela a aparência de um layout de mini-blog.



Mini-blog?!

Aham! Por isso meu cabeçalho ocupa a tela toda!

É mesmo um mini-blog dentro do blog. Passe o mouse lá em cima e verás que ele é todo clicável! Além do menu incorporado (que você pode aprender a fazer aqui), coloquei outros links para postagens que gosto aqui no blog e que gostaria que lessem! *_* (E quem já leu, reler! Hehehehe)

Tem links em cada foto e em nosso slogan! Basta passar o mouse e clicar pra ver!

E por que fiz isso?!

Quero meu blog sempre parecidinho comigo, original e sem cópias.

Entendo que ninguém copia aquilo que não gosta (ou seja, se copia não é inveja e sim admiração). Porém, acho que não devemos imitar quem admiramos e sim superar. Já passei o tutô sobre o mapeamento do blog, só colocar a mão na massa e deixar a criatividade rolar!

Bom, falando de coisa boa, a família de plástico tem mais uma integrante. É a Demétria Maria!

Mary Kay+doll = Pessoa feliz que gosta de ganhar presentes!

Da esquerda pra direita: Tchutchuca, Demi e Penny!

Mas podem chamar de Demi! Foi a filha da minha madrinha que deu e demos a ela o nome de Demi, por causa da Demi Lovato (de quem ela é fã! heheheheh!). Consegui arrebatar mais duas pro mundo bonequeiro! Elas vieram aqui em casa e amaram as Pullips! *_*

Viram os presentes do dia: Mary Kay da minha madrinha e Demi da filha dela! Amei!

Falando em bonecas lindas, a Anahí lançou o lyric video de seu novo hit: Absurda. Não consigo ler este título e não lembrar daquele óculos de creyço! kkkk

http://www.anahibrasil.com/wp-content/uploads/2013/01/post13.png


Não é lindinho como o do Justin, nem tampouco a música me encantou como "Suit & Tie", mas... É Anahí, é a fadinha mais linda do mundo... Merece crédito!

Clique aqui para ver o lyric video!

E aí, gostaram?!

Falando em gostar, faltam poucos dias pra fevereiro e, pela primeira vez em anos não estou estressada nem tensa com a volta às aulas e a expectativa de como serão as minhas turmas, colegas docentes e escola!

Por quê?


Simplesmente porque eu não vou dar aula! Creio que a decisão por não voltar mais pra sala de aula de Ensino Fundamental e Médio tenha sido uma das mais acertadas de minha vida. Tive medo, adoro a área da Educação, mas aquilo não me fazia mais bem... Era necessário eu dizer "não" e reconhecer que a minha visão/concepção de Educação passa muito longe do que vi na maioria dos lugares onde trabalhei.

Vejam este video do Diego que vocês vão entender:



Felizmente, à cada dia, meus alunos da Letras me mostram que a Educação pode sim ser da forma que acredito: parceria, cooperação, troca de experiências e vivências, além da amizade e respeito mútuos!  E isso para mim é Educação!

Falando em alunos da Letras, deixa eu acabar de ver o jogo do São Paulo (perdendo de virada pro Bolívar - oh, shit!), porque amanhã acordo cedo pra trabalhar!

Beijos a todos!

Com carinho,

26 novembro 2012

Tutorial: Menu no cabeçalho

Ooooi, gente!

O nosso post de número 102 vai ser um tutorial.

Isso mesmo!

E um tutorial bem útil pra quem quer dar um up no visual do blog e baixar a "Taxa de Rejeição" do blog (cujas dicas você confere aqui), já que você colocará as opções de navegação (menus) já no cabeçalho (primeira coisa que o seu leitor vê ao acessar seu blog)!

Pra quem não entendeu como funciona o menu no cabeçalho, basta voltar ao cabeçalho do meu blog! Vou colocar o print mastigadinho pra você não ter nem que subir a barrinha de rolagem!

Note que eu "subi" e incorporei ao cabeçalho as páginas do blog.Você pode incorporar outros links como fiz com a Fan Page do Facebook, Instagram, Flickr e link pro meu outro blog!

Vamos à construção deste cabeçalho?!

Digamos que os passos em si são bem simples. Trabalhoso mesmo é o processo!

Mas vale a pena!

Este será um tutorial beeeeem explicadinho, passo a passo sobre como fazer o cabeçalho com menu!

Se seguir direitinho o que eu vou falar aqui, tem erro não!

Well... Primeiramente, você vai ter que construir seu cabeçalho no Photoshop ou em qualquer outro programa decente de edição de imagem! (Não me vem com Paint, pelo amor de Jesus!)

As dimensões do meu cabeçalho são: 1874 X 913. (Daí você me pergunta: Como ela chegou a este número? Justo este número? E eu respondo: Depois dos testes que eu fiz, ia ser 1800 X 900. Porém, enfiei tanta coisa no cabeçalho que resolvi aumentá-lo. Simples assim!

Não se esqueça: Seu cabeçalho deve conter todos os itens presentes no seu já existente menu! E onde que você olha isto? Lá nas páginas que você criou (e que já estão publicadas no blog).


Na verdade, você vai "deslocar" as páginas, atualmente distribuídas em abas, acima da postagem, lá pra cima, no cabeçalho, sacou?!

Lembre-se: Quando estiver compondo o Menu dentro da imagem no cabeçalho, relacione todas as páginas. Lá na frente, você vai entender como colocar o link pra cada uma delas, ok?!

Uma dica: Crie sua imagem com fundo transparente.

Por quê? Porque aí aparecerá o fundo do blog e não dá aquela aparência "cortada", parecendo que o blog é um grande "puxadinho" que você foi encaixando elementos.

O fundo transparente dá a aprência de sobreposição. De que seu cabeçalho faz parte do blog, mas sem "brigar" com o fundo!


Daí você me pergunta: Por que salvar a imagem do cabeçalho em PNG e não em JPEG?

A grossíssimo modo, te respondo: Porque em PNG há a preservação da transparência (que a gente tanto quer pro cabeçalho), em JPEG não.

Enfim, salva a imagem, vamos à hospedagem dela.

E aí você me pergunta de novo? Pra quê hospedá-la em um site?! E eu te responderei mais adiante.

Por agora: acesse: http://beta.photobucket.com/ (ou qualquer site que hospede imagens), faça seu login (caso não tenha conta lá, crie uma, é rapidinho) e faça o upload do seu cabeçalho!

Guarde por enquanto o link que você obteve no Photobucket, pois você precisará dele agora mesmo!

Agora vamos à "mágica": Como fazer pra colocar link dentro do cabeçalho?! Pode isso, Arnaldo?!

Pode sim e se chama: Mapeamento de Imagem!


Com este recurso, você torna os itens de seu menu "clicáveis" já que ele alia as partes selecionadas da imagem do cabeçalho aos links que você desejar!

Achou "daora"?

Bora fazer então!

Acesse: http://www.image-maps.com/ (O trem é tão bom, que precisa nem criar conta!)

Você vai encontrar esta interface aqui. Siga as minhas instruções!


DICA: O link que você tem que pegar da imagem no photobucket é o "Direct link" (ou seja, o segundo das opções que aparecem à direita da tela). Qualquer dúvida, mande uma mensagem pela aba "contato", que eu esclareço!

Após clicar no botão, indicado, aparecerá esta tela aqui:



Fim de upload, clique onde indica a "setinha" e comecemos de vez o mapeamento!

 

 Bom, vai abrir esta tela aqui: Na maior parte dela, a imagem do seu cabeçalho, no canto direito, as opções do mapeamento.

Vamos a elas!


A primeira coisa a se fazer, quando ver esta tela é desmarcar todas as opções e deixar marcadas apenas as duas a seguir:



E agora começa o mapeamento em si. Basta seguir o que eu disser nas imagens. Para ver em tamanho maior, clique nelas.


Preste bem atenção nestes passos a seguir!


Terminou?

Hora de pegar seu código! Clique no local indicado:


E depois neste campo que indiquei com a seta.


Copie e cole o código em seu bloco de notas e vamos à parte final: A instalação de seu cabeçalho no blog!

Primeiramente, você precisa retirar o cabeçalho do seu blog. Como?

Há duas maneiras!

A primeira:




Pronto, você não tem mais cabeçalho!

Ah, teu cabeçalho não aceitou ser excluído desta forma?!

O que fazer agora?!

Relaxa, venha para esta etapa aqui (segunda maneira):




Repito: NÃO DEIXE DE SALVAR UMA CÓPIA DO CÓDIGO DE SEU LAYOUT, OK?! Fazendo isso, você pode mexer com segurança, sabendo que poderá voltar o blog ao que era antes, caso algo dê errado!

Aberta a edição, faça o que está descrito a seguir:

Pode ser que apareça a mensagem de que não é possível prosseguir a edição sem o cabeçalho. Dá nada não, clique confirmando a alteração que dá certo sim. O cabeçalho é removido!

Sem cabeçalho (por uma das duas maneiras de se retirar) vamos à inserção do novo cabeçalho:


Adicione o gadget "HTML/Java Script" e siga os passos abaixo:



 Prontinho!

Você agora tem um cabeçalho com menu integrado!

Gostaram?!

Espero que sim!

Dúvidas?! Mande um "alô" que eu esclareço!

Com carinho,

Real Time Web Analytics