Geradores e sites úteis para blogueiras

Ora, vamos lá começar: alguém sabe o que são geradores? 

Também conhecidos por generators, são sites que ajudam quem trabalha com html por providenciarem combinações de cores, bordas, margens, e coisas do género. São basicamente uma ferramenta útil para quem não percebe muito de html ainda, ou tem preguiça de estar a pensar, mas não quer depender demasiado dos modelos disponibilizados por outras blogueiras, preferindo criar algo só seu. Pessoalmente, eu dou explicações sobre os "básicos" - porque sim, geradores ajudam a dar conta só disso - no blog, como podem ver pelo {mapa} usando Ctrl + F para procurar pela área "básicos". O que trago é uma lista de geradores ordenados por função que eu mesma testei e que acredito que poderão gostar. Aliás, não só trago geradores como uma lista infinita de sites úteis, fazendo os devidos comentários. E eu aposto que vocês vão adorar esta lista gigante ;)

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.

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 ^^

Bases para avatares

E desta vez trago goodies, mais especificamente, bases para avatares 100 x 100. Quem olhar para isto assim do nada pode não lhe ver grande utilidade, mas são bases que podem ser usadas a par com um efeito que já ensinei aqui, na parte final deste post» {www}. Sem mais delongas, estes avatares foram feitas a partir de imagens grandee, focando em vários dos detalhes delas. Cada fileira corresponde a uma imagem, então pode-se dizer que cada sequência funciona como um conjunto diferente. Espero que gostem. 

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

Agendas de outros blogs

Olá ^^ Sim, cá estou de novo, e agora vim trazer alguns tutoriais que adoro ver, mesmo usando tão pouco. Fiz recentemente um post com modelos exclusivos de agendas, mas os que trago hoje são de certa forma reblogados e tirei, por ordem, dos blogs The moon reverse, Garotas no mundo HTML e Kawaii world. PORÉM, antes que reclamem, eu alterei algumas coisinhas para ficarem mais organizadinhos e menos "cópia", nada que torne os modelos irreconhecíveis, mas para mostrar um mínimo de trabalho. Achei boa ideia fazer isto pois estes modelos são bastante conhecidos, ou já foram e é uma pena deixá-los cair em desuso, então aproveitei para reunir todos num lugar só e com um CSS mais uniforme, mais semelhante. Também podem ser usados facilmente como status ou menu, isso é com vocês. Espero que gostem, mesmo assim demorei um bom tempo a fazer este post. [NOTA] As minhas previews do TMV ficaram um bocado afastadas (ao visualizar vão perceber), mas ficam direitinhos num gadget.

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:

Dicas para aprender melhor HTML

Sim, este será um post menos prático e mais do tipo explicativo, mas creio que é necessário. Hoje em dia, a maioria das blogueiras (com algumas e notórias excepções) faz os seus próprios layouts, mas cada coisa personalizada é quase sempre um modelo disponibilizado por blogs de tutoriais famosos, por vezes reblogados em montanhas de outros blogs. Na verdade, eu gosto de ver tutoriais serem usados, até porque na minha opinião, mais vale personalizar de forma semelhante do que não personalizar (algo que também tem aumentado). Mas não com esse EXAGERO. Antigamente, quando pouca gente compartilhava o que sabia de HTML, qualquer pequena edição já era um encanto, mas após o Kawaii World, aquele blog de tutoriais da Clara que foi extremamente útil e famoso, o mundo do HTML expandiu consideravelmente e tirar cursos de Web design poucas novidades deve trazer. E então? E então é que, apesar das consequências positivas, há também negativas, entre as quais muita gente que usa tutoriais sem nem entender o que está à sua frente. Vim trazer algumas dicas para compreender melhor os códigos e sobre como começar a inventar os seus próprios, espero que seja útil.

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.

Cabeçalhos anime

Okaeri ^^ Não se preocupem, não pretendo deixar o chuva de html sem posts mais vezes! E como prova disso, decidi trazer alguns cabeçalhos de anime. Na verdade, pretendia trazer apenas 6, mas eu gosto imenso de criar cabeçalhos e utilitários, e quando as ideias chegam, é difícil parar, portanto acabei por fazer 10 >.< Apesar de tudo, os últimos 4 são de um tipo um pouco diferente, porque têm background. São daqueles que se adequariam para usar com a sidebar e a área de post juntas, ou para uma área de post largas. 

[RE-EDITEI O POST E MUDEI A DATA PARA UMA MAIS RECENTE. AGORA HÁ IMENSOS CABEÇALHOS]