Menu

Living Sobre Afiliações Regras Contatos Selinhos Goodies Créditos Playlist
2

Como mapear uma imagem


Holla!!! Como vão?
Por um tempo vou estar postando tutoriais para concluir a aba de Goodies no menu.
Então, um tutorial muito útil é o de como mapear uma imagem. O que é mapear uma imagem? É colocar, vamos dizer, "link" em uma imagem. Que quando você clica em determinado lugar na imagem, abre outra janela específica. O mapeamento de imagens pode ser usado para criar menus por exemplo.

Isso! Clica!

Viu? Isso é uma função muito útil de aprender porque é muito usada na interface em geral.
O melhor site para mapear uma imagem é o Image maps. É bem fácil de utilizar e fica certinho! Mas recentemente, mudaram a configuração do site e agora é preciso ter Facebook para utilizar. Bendito Facebook! Aff! Como eu não tenho, aí a coisa complica um pouco. Se você tem, maravilha! Vá no site, faça login, e procure algum outro lugar onde ensina a mexer nele (Recomendo: Aqui. A postadora explicou muitíssimo bem! Antes de mudarem a configuração eu consegui mexer no site com esse tutorial.).
Para quem também não tem Facebook, o Facebook travou, não gosta, não quer utilizar nesse site, teve amnésia e esqueceu a senha (Brincadeira!)... Tem outros meios de mapear a imagem. Dá pra até usar o Paint! O Cherry Bomb até ensinou a fazer isso, mas como eu não achei como usar o Paint pra mapear a imagem, eu encontrei outro site de mapeamento.

O Image Mapper. Os nomes são parecidos mas não são os mesmos de jeito nenhum, viu? Esse site não é TÃO completo, é uma coisa bem básica na verdade, mas deu pro gasto. Gostei da simplicidade. Está em inglês, mas não tem problema. Então primeiro você vai colocar o código da sua imagem no espaço de Image URL. Pra sua imagem ser aceita.
Sugiro você hospedar ela em outro site. Aqui Por exemplo. É só criar um nome uma senha, é rápido e fácil. Depois que você criar a conta, clique em Upload (O botão grande e laranja), Depois em Choose photos & videos, coloque a foto que você salvou, depois de carregar, clique em Library lá em cima, você logo vai ver sua imagem clique nela e aí é só clicar com o botão esquerdo do mouse, e "Copiar URL da imagem". A explicação é meio longa, mas isso você faz em segundos!

Feito isso, volte no Image Mapper e:









2

Como dividir os gadgets em caixas


Holla! Tudo bem?
Dividir a Sidebar é um tutorial bem procurado.
É aquele jeito em que os gadgets ficam em forma de "caixinhas". Não é tão difícil de fazer e fica bem bonito no blog.

Então, antes de tudo, vá em Design > Modelo > Personalizar e coloque Transparente no Plano de fundo da barra lateral:

Desse jeito, quando você separar os gadgets, o espaço entre um e o outro não ficará cinza ou a outra cor que estava selecionada.
Depois de salvar as alterações, vá em Modelo > Editar HTML. Aperte Ctrl F para abrir a barra de pesquisa, e nela coloque /* Widgets.  Vai estar mais ou menos assim: