Olá, bem primeiramente eu gostaria de deixar claro que caso usufruam deste tutorial sem creditar eu descobrirei pois é um tutorial que eu não vi em nenhum tumblr, além do mais, será fácil descobrir. Gostaria de dizer que esse tutorial foi totalmente desenvolvido por mim, já os códigos são de sites externos, somente os códigos. Por isso peço créditos a nós por, encontrarmos, traduzi-los, editar-mos, ensina-los, e etc.O Effect Click Manual é uma espécie de slide que pode ser usada em várias circunstancias, como numa galeria de exposição.
1). Abra este documento, nesse documento eu botei todas as partes do efeito, agora vou explicar como aplica-las.
2). Copie a parte do CSS, que vai até antes de script. Cole essa parte antes de </style>.
3). Copie a parte do Script, essa parte você irá cola-la entre </style> e </head>.
4). Copie a parte do HTML, que são os últimos códigos. Essa parte você deve coloca-la a partir de<body>, no lugar que você desejar que apareça o efeito.
5). Onde tem escrito, IMAGEM, você deve colocar a urr da sua imagem entre as aspas, essa imagem deve conter o tamanho de 440 por 340, para caber no slide.
6). Onde tem escrito, LEGENDA, você colocará o que você deseja que apareça quando a pessoa clicar na foto.
7). Onde está escrito Clique sobre uma das partes acima, é a mensagem que ficará abaixo do slide assim que abrir a página com o mesmo.
Enfim é isso, qualquer dúvida eu retirarei na ask, siga todos os passos a risca caso contrário não dará certo, espero que seja útil. Eu sugiro que você não mexa em nada no CSS, a não ser que você tenha um bom nível em html ok?!