E vamos de layout novo, de novo (versão 3.0)

Tem um mês que esse layout tá pronto, mas eu tava esperando chegar dezembro pra fechar pelo menos 3 meses desde a última mudança. Obviamente não consegui esperar virar o mês. To tentando me convencer que é pra compensar eu não ter preparado o layout de halloween com antecedência e demais projetos pra época. 

Eu gosto muito de fazer esses posts bem detalhados sobre os layouts a cada vez que eu troco. Vira um momento de me gabar do que eu fiz e de deixar registrado o processo, o resultado e as lacunas. Sem falar que eu costumo pegar códigos e ideias dos lugares mais aleatórios, então concentrar o máximo de coisa que eu puder num lugar só, me ajuda caso precise recorrer aos recursos novamente. Por exemplo, eu sinto falta de ter colocado a paleta de cores no primeiro post que fiz sobre layout, porque eu queria usá-la novamente agora.

Além disso, eu consigo fazer um comparativo das minhas habilidades em codificar e das minhas preferências estéticas ao longo dos anos. 

Eu escrevi no post anterior, que esse período de fim de ano é necessário se rodear de coisas confortáveis, então foi nessa estado de mente que montei esse layout. O conceito era preparar algo aconchegante e bem rosa. Como eu não tenho criatividade pra nome de layout, esse foi intitulado Pink Christmas, que vai ficar por aqui até depois do natal, pq eu não sou cachorra de mudar todo mês 🤡.

O processo de feitura aconteceu conforme o gif ao lado. Um misto de "que porra é essa", com "deixa de mão", porque nada tava funcionando, nem cores, nem texturas, nem efeitos. Mas ainda assim, foi o layout mais rápido que eu fiz, só foi demorado pra me acostumar com a mudança. 

Acabei voltando pras cores iniciais do primeiríssimo layout, que já são minhas queridas: rosa, verde e amarelo. Tentei pegar o tom de rosa do fundo e o amarelo das pérolas na cortina, que foram as primeiras coisas que defini pro layout (fundo listrado e cortinas no topo e no rodapé), mas o ponto alto dessa vez foram as texturas que eu soquei em todo buraco. 

Não tem muita novidade, pois a estrutura permanece a mesma de três colunas. Mantive o efeito do hiperlink num amarelo menos saturado, o mesmo tom das pérolas. Inseri a fonte Georgia em alguns lugares, mas não consegui me desfazer das fontes Consolas e Courier, acho que é algo que não vou conseguir nunca. Visualmente é a única fonte que faz sentido, pra mim, nenhuma outra combina. Então que esteja decretado: se eu fosse uma fonte tipográfica, seria a Consolas ou Courier. 

Das mudanças, temos os efeitos do menu e das tags na lateral esquerda. Cada widget da sidebar esquerda tem uma configuração diferente. A primeira widget tem um efeito hover de rotação, que eu queria manter fixa mas fica muito ruim de ler o texto, então ficou como hover. Adicionei uma sessão com abas para agrupar algumas informações (inspirado nesse blog) e no mais, arredondei todas as arestas. 

Ainda tem muita coisa sendo retocada: o jump-link ainda não tá do jeito que eu quero, os títulos e subtítulos estão em teste, as páginas estáticas estão todas em construção porque eu to aprendendo a montar um código padrão fixo pra que elas não mudem tanto a cada layout novo. Além disso, tem algumas páginas que vão precisar ser refeitas e atualizadas... Mas por hora, é isso.

Visão geral

Créditos

• Menu com abas, por Nyah! Anime Forever
• Texturas transparentes
• Tutorial para inserir cortinas no blog, por Chuva de HTML
• Borda do blockquote
• + informações na página de créditos
• Não lembro de onde saiu o background... Sempre vou esquecer de creditar algo

Inspiração