Menu de natal

Sim, eu sei que o natal já passou, e este menu baseia-se essencialmente em dois tutoriais que já postei aqui: o {push} e o {change}. Contudo, houve quem gostasse dele e me pedisse para trazer o modelo, pelo que o faço. Não darei grandes explicações - estão à vontade para mudar as imagens, e não se esqueçam de subtituir os títulos. Cada uma das imagens pode ser encontrada no código dos gadgets, e deve ser editada uma a uma. Tenham cuidado com as margens.

Tooltip com efeito hover

Segundo e último tutorial de hoje, ok?

Achei este tutorial num blog que credito pouco à frente, e embora tenha adaptado grande parte das explicações, a Melodie merece reconhecimento porque eu NEM SABIA que era possível a tooltip ter hover, ninguém usa, embora faça todo o sentido. Eu tenho usado muito nos meus layout ultimamente, acho que fica engraçado, e decidi dar uma ajudinha a divulgar este efeito giríssimo. Sem mais delongas...

Menu fixo retrátil (menu escondido)

Eu realmente poderia ter passado muito tempo sem postar, simplesmente deixando acumular tutoriais, mas não é que milagrosamente estou a conseguir não o fazer? 

O que trago hoje são dois modelos para um menu fixo retrátil, acompanhado de menus e um efeito engraçadinho para não deixar isto tão oco. O primeiro modelo é uma adaptação nem tão modificada (a não ser pelos extras) do "menu escondido", que podia ser achado aqui e sei lá porquê que agora a página está a dar erro [créditos]: www. Portanto, o primeiro modelo tem espaço para texto, coisa que o segundo, no topo do blog, não tem, mas o segundo é feito por mim e integra o menu colchete e o fundo é editado como imagem, então usem a imaginação ;) 

Páginas do blog com layouts diferentes entre si

Este é provavelmente o último tutorial de hoje, e já postei uns quantos.

Usei recentemente um tuto que permitia dar às várias páginas do blog um layout diferenciado. Tive de procurar imenso para conseguir achá-lo, pois a maioria que encontrava explicava apenas o que eram as páginas e como funcionavam, e ainda tentei organizar e acrescentar as minhas próprias coisas - ou seja, permiti que essa diferença se desse ao nível do fundo, da área de postagem, e ainda ocultar a sidebar. Claro, isso significa ter trabalho duplo a editar o layout, mas pessoalmente eu até achei prático e simples. A segunda parte do post, mais explicativa, retirei de um site, então está creditada lá.

Texto em degradê

Sinceramente? Eu não achei o tutorial para este efeito, adicionado em textos, em lado nenhum. 

Mas achei um blog, o Black Words, que andava a usá-lo e ainda usa no título das postagens, e eu decidi tomar a liberdade de o codificar, creditanto claro a autora pelo tuto que permite colocar degradê no texto. Simplesmente usei Ctrl + U no blog dela e procurei pela área respetiva. Já vão ver a prévia, e eu vou ensinar a colocar o efeito noutras áreas para além do título da postagem, de uma forma rápida e simples.

Ilustração de post acima do título da postagem

Ohayou ^^

Para segundo post de hoje, não diria propriamente que trago algo fácil ou rápido, mas pelo menos é original. Testei no meu layout de natal e deu certo, e como foi todo feito por conta própria, é com orgulho que venho postá-lo aqui: é uma maneira de colocar o título do post abaixo da ilustração. Para quem não tiver paciência para tudo, trago mesmo uma versão alternativa que não é tão eficaz mas poupa imenso tempo. Cá está:

Efeito polígono (sem máscara)

Ohayou, minna-san!

Após tanto tempo sem dar sinais de vida, finalmente trago tutoriais novinhos em folha, muitos deles em uso no meu novo layou de natal do FS (www). Este em particular é chamado, de uma maneira geral, "polygon", e vi-o pela primeira vez num tumblr, só mais tarde me lembrando de tentar passá-lo para o blogger. Peguei os códigos, só ajustando um pouco, aqui: www. É realmente fácil de fazer, e por ordem, os códigos que vou fornecer permitem colocar a imagem com 5, 6, 7, 8 e 9 pontas. OH, e eu vou ensinar apenas por html, não com máscara, ao contrário de {aqui} ou {aqui}. Espero que gostem:

Cabeçalho que muda ao recarregar a página

Ohayou! Não, não abandonei este blog, nem nada do género. Mas como não me apetece perder tempo com desculpas, vou diretamente à explicação desta postagem. No meu layout atual, e num free que disponilizei há algum tempo, recorri a um tutorial exclusivo meu que permite ter um blog com vários cabeçalhos. Não em simultâneo, claro, mas eles mudam (sendo a ordem aleatória) sempre que se recarrega a página. É muito simples, só se trabalha com gadgets e com urls, e o número de cabeçalhos que podem colocar não tem limites. Cliquem em ler mais para ver a prévia :)

Alternar fundos ou cabeçalhos

Então... Gostaram do novo layout?

O que vim trazer hoje é precisamente um tutorial relativo ao novo layout. Estão a ver o gadget Choose your sky? Demorei umas quantas horas à procura do tuto, e quando o achei, só ensinava a personalizar o cabeçalho de largura total, ou seja, o fundo 1. Então fiz a minha dose de alterações, atualizei a organização e, satisfeita com o resultado, vim trazer este gadget fora de moda, na esperança de que ele propague novamente, pois embora seja inútil, é muito belo e divertido de usar.

Efeito view

Então...

Para segundo tutorial de hoje, deixem-me começar por dizer uma coisa: este tutorial não é originalmente meu, mas nunca vi ninguém usá-lo, e é das maiores relíquias que já encontrei. Créditos ao blog Sonho mais profundo, a única coisa que eu alterei no tuto foi uma das fontes e cores e a organização. Uma coisa importantíssima para fazer o tutorial funcionar: TEM DE SER TUDO ESCRITO EM MAIÚSCULAS!!! Uma única letra minúscula, e já era. Demorei imenso tempo a compreendê-lo e é por isso que o estou a salientar aqui, vou até ensinar um truque para passar a url da imagem para maiúsculas sem terem de o fazer letra a letra. Em suma, o tuto está cheio de dicas importantes, portanto leiam tudo.

Personalizar a legenda das imagens

Ohayou, minnas ^^

O que venho ensinar hoje (após séculos sem postar) é um tutorial que mostra como personalizar a legenda das imagens. Aprendi-o graças ao blog Black words, recentemente, e modifiquei-o de modo a aparecer como na prévia, que poderão ver clicando em ler mais. É muito simples, e podem personalizá-lo de forma a combinar com o vosso blog. Vamos ao tuto:

Efeito wow

Ohayou, minnas!

Não, desta vez quando avisei que voltaria, não estava a mentir. As postagens não serão parcitularmente frequentes, mas ainda assim, há muita coisa que tenho de compartilhar aqui, não é? Desde efeitos a tutoriais mais básicos, e personalizações só minhas. Também estava a pensar em criar uma página para organizar devidamente os meus layouts todos, e arranjar os lays antigos. Vou ver se venço a preguiça de fazer isso :) Entretanto, espero que se contentem com este tutorial bem simples, mas que caiu em deduso, o que é uma pena, pois dá uma certa vida aos blogs. Eu gosto de layouts simples - embora o CdH tenha um lay demasiado complexo, é apenas porque já tem mais de um ano e na altura complicar estava na moda, se é que posso dizer assim. Mas agora os lays são excessivamente simples, não custa nada acrescentar um efeito aqui e ali. 

Modelo para afiliados

Imitando uma blogueira que conheço: bom dia, lasanhas ;)

Mais outro tutorial. Este aqui foi uma combinação de efeitos que me deu imenso trabalho, tudo pelo meu gadget de afiliados. Então, o código é extenso o suficiente para fazer algumas pessoas desistir de o usar, mas como eu já tratei dos alinhamentos e já organizei tudo, não será tão complicado para vocês usá-lo como foi para mim. Sei que a maior parte das pessoas não precisa de... quê? 30 afiliados? É algo por aí, mas por favor não apaguem nenhuma linha nem troquem a ordem, ou acabarão por perder imenso tempo a alinhar tudo à vossa maneira. Eu misturei um menu adaptado do blog garotas no mundo html com um efeito exclusivo meu, o efeito mixture, e um efeito exclusivo criado por mim que até já postei aqui, o confused. 

Efeitos de halloween

Ohayou, pessoinhas ^^

Hoje supostamente era dia de postar no meu outro blog, o forever sapo, mas por algum motivo fiquei com uma vontade tremenda de atualizar este cantinho. Bem, confesso que a preguiça ajudou - é muito mais fácil postar tutoriais do que resenhas, principamente se as resenhas forem extensas, como as minhas, e se já estivermos um bocado enjoados por termos feito várias seguidas. Que, sim, está a ser o caso no FS, embora em breve vá retomar as postagens variadas. 

Tanto faz, o que importa é que estamos no halloween e decidi dar dicas de efeitos para decorar o blog, mesmo quem não faz layouts de halloween pode usar isto temporariamente, para ajudar a criar o clima certo. São daqueles pngs pequeninos que caem do topo do blog, créditos totais ao blog Bunny Crazy, e um agradecimento à Bunny do animes espetaculares por me lembrar que estas coisinhas adoráveis existem.

Efeito push

Ohayou ^^

Este efeito na verdade não é assim tão simples e conhecido, mas eu adoro-o. Tirei do Kawaii World, a diferença está apenas na organização, e ter mudado as imagens - porque eu sinto um carinho especial em deixar tudo "à minha maneira". Mas enfim, os créditos estão aí, mas se reblogarem ou pegarem o tuto do meu blog, então por favor creditem-me a mim, tá? O efeito consiste em imagens que se deslocam, basicamente. Entenderão melhor pela prévia.

Efeito light cube

Olá novamente :)

Notei que o blog tem muitos efeitos exclusivos de mim, mas tem poucos tutoriais conhecidos que se vê por aí, e convém em certos layouts. Claro que isso pode parecer mais um motivo para não os postar, mas eu gosto de organizar os tutoriais à minha maneira, e ter as minhas próprias personalizações. Então, hoje vou postar o efeito light cube, ligeiramente modificado por mim e já pronto para funcionar em todos os navegadores. Limitem-se a trocar as cores e dimensões da imagem, pode ser?

Efeito zooming

Ohayou ^^

De volta com um tutorial, também a pedido de uma leitora, ensinarei um efeito chamado zooming. Consiste numa imagem que, ao passar o rato, aumenta ligeiramente e fica tão translúcida que deixa ver o texto por trás, tipo uma legenda. Lembro-me que aprendi o tutorial no blog Bunny Crazy, modifiquei ligeiramente as cores e a organização, mas é justo eu colocar os créditos aqui. Pode parecer um pouco extenso, mas é simples de usar.

Inclinar gadgets

Tadaima ^^

Uma leitora do meu outro blog fez um pedido de um tutorial, mas como este é que é o blog onde eu posto tutos, vou colocá-los aqui. O pedido foi para eu ensinar a fazer a sidebar - ou gadgets, no caso - como eu uso no layout, e eu deduzi que fosse a inclinação deles. É muito simples, e na verdade, eu aplico em imensas coisas, gadgets, efeitos, tudo. Consiste apenas na adição de uma linha com e sem hover, já ensinei vários tipos de webkits aqui(www), mas cá vai:

Efeito outline

Okaeri :)

Este tutorial tem sido bastante propagado nos blogs atuais: o efeito outline. Não sei se o blog Having Cherry, de onde o adaptei, foi o primeiro a criá-lo, mas foi daí que tirei, portanto cá estão os créditos - embora eu tenha alterado bastante, principalmente em termos de filtros, opacidade, cores e organização. É simples, consiste apenas numa imagem com borda e outline, onde ao passar o mouse a outline se junta à borda e a imagem ganha opacidade. Fiz ainda uma outra versão, onde acontece o contrário: a outline junta-se até desaparecer.

Efeito fluffy

Tadaima ^^

O tutorial que trago hoje não é exclusivo, aliás, é do blog Having Cherry, um dos mais bonitinhos, se alguém aqui se interessa pela minha opinião. Não mudei as cores nem nada, poderão visualizar o efeito na prévia, mas o tutorial está ligeiramente adaptado por mim, já que organizei o código e retirei as linhas que restringiam o tuto a apenas um tamanho. Creio que assim está bem mais prático. Bem, mas vejam então: