MT : Mapeando uma imagem

Bonjour ! Venho ensinar o último tutorial da maratona, o de mapear uma imagem. Uma imagem mapeada é quando clicamos num certo sítio e vamos para outro link não entenderam nada. Experimentem, apenas. 

1- Vai a este site. Escolhe uma imagem do computador ou de um link. Clica no "Start mapping your image".

2- Serás redirecionada a uma nova página, clica no "Continue to next step".

3- Clica no "Rectangle". Mete-o onde quiseres. Onde diz "Link for this map" mete o link onde queres que a pessoa vá ter ao clicar ali. Deixa o espaço em baixo em branco. Clica no "Save".

4- Clica no "Get your code" e deverás copiar o código da barra "Html code".

5- Vai ao esquema, adiciona um novo "html/javascript" e mete o código aí. Mete o gadget onde quiseres.

Espero que tenham gostado, estou quase de férias e aí vou ter mais tempo para o blog :)

MT : Menu Shadow

Oi ! Mais um tutorial da maratona, desta vez um menu bem lindo. Os créditos vão para o BC e BT. Se quiserem ver o menu, cliquem e vão até ao gadget "menu shadow".

Se quiseres meter o menu, vai ao html, pesquisa por /b:skin e cola o seguinte código acima disso :

mh {color: #eeeeee; font-family: 'verdana'; font-size: 10px; background: #CORDEFUNDO; padding: 20px; display: inline-block; -webkit-transition-duration: .80s; -o-transition-duration: .80s; -moz-transition-duration: .80s; -ms-transition-duration: .80s; cursor: size; border: 0px solid #000; box-shadow: inset 0 0 75px 75px #CORDEFUNDODOMENU, 0 0 0 #CORDEFUNDODOMENU;}

mh:hover {box-shadow:inset 0 0 35px 35px transparent, 0 0 75px 50px transparent;}

Altera o que está a negrito, podes utilizar estas cores.

Depois, adiciona um gadget html/javascript e cola quantas vezes precisares :

<a href="LINKAQUI">mh>NOME</mh></a>

Espero que tenham gostado, o menu é fácil de fazer e dá vontade de passar o rato a toda a hora. Bom sábado :)

MT : Efeito para autores

Hi, trago mais um tutorial, desta vez é um efeito para autores, para verem cliquem e vão até ao gadget "Efeito autores". 

Se quiseres meter, vai ao html e cola este código gigante acima de ]]></b:skin>