Layout SAO

Okaeri, minna-chan. Hoje vim ensinar outro efeito que eu mesma inventei, onde as imagens parecem ser inseridas num botão que fica pressionado ao passar o rato - daí o nome, né? Você pode fazer com ou sem texto, sendo que o texto deverá fazer parte da imagem. Com texto é mais complicado, mas mesmo assim não faz parte do efeito da imagem, isso irá depender do que colocar no gadget. O efeito em si é bem simples, o resultado será este:

Oyahou, minna-san, agora trago um efeito para imagens que eu mesma criei. No entanto, não tem nada assim de especial, pois consiste em juntar partes de vários efeitos ~dái o nome mixture. Só post aqui para o caso voltar a precisar.

Tadaima, minna-san, hoje trago um tutorial que nunca vi em lado nenhum e que na minha opinião deixa um blog extremamente original. É o tutorial de puxar o layout mais para o lado, para a esquerda ou para a direita - ficará algo assim (o print é de um fan-blog meu do ciclo da herança). Está a ver a sidebar quase colada à barra de rolagem? E ainda pode aproximar mais! Também funciona para o outro lado, claro.

www

Okaeri, minnas, eu avisei que para completar este» www «tuto iria indicar todas as áreas que me lembro onde se pode aplicar personalizações. Tipo, área de comentários, fundo do blog, criar hovers, e outros tutos que você pode adicionar e assim. Ou seja... bem, você já vê.

www

Okaeri, okaeri, suponho que este post neste blog que só uso para testes meus seja grande o suficiente para excluir uma saudação. É sobre as personalizações que se deve saber aplicar em tudo - sombras, bordas, fundos... Boa sorte às principiantes para decorar, mas não desanimem, não há nada como prática para aprender isto tudo de vez xD

Todos estes códigos não servem de nada se não os souber aplicar na área certa. Pode fazê-lo neste post aqui» www « Não se esqueça que essas áreas devem estar sempre seguidas de {}, e que os códigos que ensinarei aqui devem ser colocados dentro dessas chavetas, ou não funcionarão. O mesmo para hovers, mas explico melhor nesse post.

Nota: Se faltar um único sinal de pontuação que seja, os códigos já não dão, então fiquem atentos a isso. A única coisa que não faz diferença são espaços, parágrafos e maiúsculas/minúsculas.

Tadaima, minnas, relembro que este é um blog de testes só para eu planear o layout e postar tutos criados por mim. Ou seja, se pegarem algo, créditos. Desta vez trouxe um menu que não mexe com HTML, simplesmente precisa que se adicione um gadgets de HTML/Javascript e se adicione lá dois códigos. Foi adaptado do Menu Halloween criado pelo Byel.

Para ver como fica, aqui está a preview: