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.

Scroll automático

Oh meu deus, acabei de notar que tinha publicado este post sem querer! [estou a editar 9/12, e publiquei acidentalmente ontem].

Bem, pelo menos o tutorial estava perceptível, mas explicações nem vê-las. Nem introdução o post tinha >.< Bom, scroll automático é basicamente uma maneira de fazer passar o conteúdo de uma caixinha (gadgets, postagem) automaticamente, pois esse conteúdo é grande demais para caber no espaço e assim está sempre em movimento. Quando a pessoa faz over em cima do conteúdo, este pára de mexer e é possível ler/clicar com calma no que contém. Mais ou menos o que tenho no gadget "Lost" deste blog.

Modelo para comentários #small planet

Hoje parece que estou incansável, mas na verdade, estou apenas a postar tutoriais que tenho guardados há imenso tempo >.< Desta vez trago um novo modelo para comentários, que usei num layout free chamado Small Planet, que podem pegar como base e editar à vontade (com os devidos créditos). Eu pessoalmente considero-o muito fofo, pela fonte, bordas e outline, além de que as cores são bem suaves, mesmo que vocês as possam mudar. Aproveitem ^^

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:

Modelos para status #novi

Segundo tutorial de hoje, minna-san! 

Digamos que eu estive a estudar diversos modelos para status, mas que achei todos muito semelhantes entre si, então praticamente misturei vários deles e ainda um efeito chamado "novi", para fazer um modelo meu. Indico que mudem apenas as cores, e talvez as bordas, mas se souberem como mudar algo mais, à vontade, desde que creditem a base. Pessoalmente, adorei o resultado, mas só clicando em Ler mais para ver ;)

Menu double [adaptado]

Para quem tinha prometido postar ontem, nem dei as caras, não foi? Ah, e comentadoras recentes - eu tenho lido tudo, só ainda não respondi, mas fico contente por estarem a gostar do meu trabalho e vou já visitar os vossos blogs ;) O menu de hoje, estou também a usar no meu blog principal. Para fazer misturei o menu double do Diário de uma otome - cliquem no nome para ir ao tutorial original - e um modelo que não consegui achar de novo, mas tenho quase a certeza que era do The moon reverse ou do GNMH. Então quem eventualmente reconhecer o modelo (adaptei ligeiramente, porém), por favor avise-me para colocar os créditos devidos :) Trago dois modos de ele ser usado no gadget, um mais elaborado e que é a graça do menu, e um outro muito mais simples. O código para adicionar no HTML do blog é igual para ambos

40 icons de D.Gray man + como fazer o efeito galaxy

E cá estou de novo ^^ Amanhã tenciono postar uns 3 posts, mais coisa menos coisa, para compensar a ausência. Mas no momento,  o que trago são utilitários - ícones/avatares 100 por 100 de D. Gray man, um anime e mangá que prezo imenso, mais especificamente das personagens Allen e Kanda ~em separado, 10 de cada. Os avatares têm sobreposto uma textura galaxy, e como imagino que nem toda a gente goste do tema mas goste do efeito, no final ensinarei a fazer, é facílimo. Confesso que não sei o que dizer na introdução, haha, normamente guardo a tagarelisse para o meu blog principal, o Forever Sapo, então vamos à postagem.

Aviso sobre códigos que dão erro

Olá, vim só dizer uma coisa importante sobre os tutoriais: como a fonte silkscreen deixou de funcionar, e eu a usava em quase todos os menus e modelos de comentários, terei de mudar os tutoriais um a um, o que ainda leva o seu tempo. Por isso não tenho estado a postar. 

Por enquanto, ainda só mudei os modelos de comentários, mas caso você queira usar um tutorial em que ainda não fiz a mudança, pode fazê-la você mesmo facilmente. Trago aqui o tutorial :)

Menu colchete

Já há muito tempo que andava à procura deste tutorial, mas mesmo não o tendo encontrado em lado nenhum, consegui retirá-lo de um blog (que já não recordo) utilizando Ctrl + U. Menu colchete - ou chaveta, como são chamadas em Portugal: Consiste num menu simples em que as palavras/itens estão pousadas em cima de uma imagem de fundo ou de uma barrinha, e em que, ao passar o mouse, aparece uma chaveta de cada lado das palavras. A chaveta aparece vinda por trás das mesmas, e vai adquirindo maior opacidade. É um menu que trabalha com as palavras-chave before e after, portanto talvez seja melhor não mudarem nada além das cores e da largura do menu.

[adicionado mais tarde: CRÉDITOS AO GNMH! Não sabia quando postei, gómen! Parece então que só o modelo final é meu]

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 :)

Modelo para comentários #galaxy

Bem, para segundo e último tutorial de hoje, trago ainda um modelo para comentários, este com uma base ligeiramente diferente da que eu normalmente uso para criar os meus modelos de comentários - aqui, o espaço para nome dos autores do comentário fica fora da caixinha e não dentro, e admito que demorei imenso a descobrir como fazê-lo. Usei no layout anterior do FS, o meu blog principal, e tem como modelo o tema galaxy :)

Tudo sobre o rodapé do post

Então... Olá ^^ Para terceiro e último tutorial de hoje, decidi trazer mais uma coisinha que diz respeiro a rodapés, nomeadamente, ao rodapé da postagem. Há vários modelos lindinhos por aí, e eu mesma tenciono trazer alguns dos meus em breve. Mas por hora, vou ensinar apenas um modelo mais geral e depois ensinar a colocar alguns ícones atrás de cada tópico, à semelhança do blog The moon reverse: [print respetivo]. E ensinarei ainda umas outras coisas, mas demora a explicar em que consiste e não sei se será útil assim a tanta gente, embora eu lhe ache um interesse enorme. Cá vamos:

Modelo para comentários #delicado

Ohayou! Não se livraram de mim ainda, pelo contrário, agora finalmente estou de férias e, se possível, trarei um tutorial por dia, já que não é algo que demore tanto assim. Neste momento trago um modelo para a área de comentários que já usei num layout, disponibilizado no meu portfólio {Blue design}. O modelo é simples, mas bonitinho, delicado, e acho que combinaria na perfeição com layouts assim. Como sempre, sintam-se livres para mudar as cores.

Modelos para barra de rolagem

Aha, julgavam que se livravam de mim? Nap ^^ Tenho estado mesmo muito ocupada, e caso alguém aí ainda não saiba, já é difícil manter a quantidade enorme de blogs que tenho, assim como todos os meus outros projetos. Mas apareço em cada um deles sempre que a escola me permite :) O que trago hoje é um post sobre a barra de rolagem. É uma coisa fácil de personalizar, mas como parece que nem toda a gente se lembra disso, cá estão alguns modelinhos diferenciados, dos quais podem mudar facilmente as cores. Cliquem no link para visualizar a imagem. A personalização mais simples, assim como o tutorial, estão {NESTE POST}

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.

Juntar ou separar gadgets/sidebar à postagem {nível: profissional}

Ora bem... Primeiro, visitem o meu portfólio de layouts: www ^^

Para hoje, trago um tutorial que nunca vi em lado nenhum. Ou melhor, já vi tutos a ensinar a colocar as postagens em "caixinhas", e afins, mas nunca vi ninguém a explicar devidamente como é que isso funciona, que palavras no html é que estão a fazer a diferença e como é que se pode aplicar o mesmo a outras áreas. Não dá para explicar muito bem sem mostrar, então simplesmente cliquem em ler mais, pois garanto que é um tutorial importante. A postagem é relativamente longa, porém - não leia se estiver cansado.

Avatar do autor ao lado do post

Ora bem, o tutorial do momento não funcionou comigo.

Porquê que o trago? Porque montes de blogs o usam, e em todos os sites que encontrei, o tutorial é sempre idêntico, então parto do princípio que esteja tudo certo nele. Só não tenho qual é o problema com o meu computador, já é o segundo tutorial que não tem efeito nenhum. Enfim, como não funcionou comigo, não há muito a dizer. É totalmente reblogado do blog Blazing HTML. Ah, e caso alguém ainda não tenha lido o título, vou ensinar a colocar o avatar ao lado da postagem.

Caixas de pesquisa

E cá está mais um tutorial, que espero que vos seja útil. Trouxe modelos para caixa de pesquisa, bastante distintos entre si, e no caso de alguns até fiz por fazer o modelo combinar com certos tutoriais muito comuns. Deram um quanto trabalho, mas tenho quase a certeza de que irão gostar, e são fáceis de personalizar. São 5 modelos diferentes.

Caixinhas para postagem ou link-me

Então, aqui está um post curto e que provavelmente será útil a muita gente, para esconder eventuais spoilers ou fazer informações muito longas ocupar pouco espaço. São caixinhas que se colocam na área de post, para escrever informação dentro, e com barra de rolagem. A personalização é simples - você pode trocar as dimensões e as cores facilmente. Daí eu só trazer um modelo, que você poderá alterar conforme bem entender.