Layout SAO

Okaeri ^^

Eu até usava aquele texto do lorem ipsum, mas não sei, e não me apetece procurar. Este é apenas um post de teste. Daqueles, cheios de blá blá blá, onde a postadora/postador testa negrito, itálico, sublinhado e tachado. E muitas outras coisas. Também há um esforço por escrever o máximo de linhas possível. Não, não colocarei imagem, pois se o fizesse, não poderia visualizar na home o aspeto da imagem que estipulei para os posts feios e pouco ilustrados. É óbvio que quero o texto justificado.

Okaeri, meus origamis. Estou a pensar seriamente em abrir um blog de tutos e HTML só para postar estes meus códigos e outras coisas, acho que ultimamente me tenho apaixonado por códigos >.< Se o fizer, avisarei aqui ;)

Enfim, o que trago hoje também não é nenhum efeito original, mas eu gostei dele. Misturei o efeito "moderadoras" com "afiliados numa só imagem", e ainda acrescentei alterações na coloração, sépia e saturação da imagem. Não deu nada muito especial, mas ficou lindíssimo no lay de natal que estou a fazer. Então, mesmo que não dê para entender muito bem aqui, cá vai a prévia - lembrando que as imagens rodam antes de ficaram em hover, e em conjunto, fica muito bonito (ao contrário do que mostra o gif):

Oyahou!

Tá, eu sei que ainda há muita gente atarefada com os layouts de halloween e tudo o mais, mas embora eu goste do halloween, cá em Portugal não se festeja. Portanto, eu já comecei a preparar o lay de natal. Acontece que eu andava a ver uns lays free bastante antigos do blog Chá e cupcake, até que visualizo o template "anjos em guerra"» www. Estão a notar o menuzinho em cima? Quando eu comecei a navegar na blogosfera, eu era apaixonada por ele, mas não entendia nada de html nem de layouts. 

Agora que entendo, decidi começar a usar esse menu. Apesar de tudo, eu não sei o nome dele, nem como é criado. Daí eu gastei algum tempinho a criar algo assim, e não é que é bem simples? Pelo menos o que eu inventei, pode ser usado exatamente como o efeito anns, que eu ensinei ainda há pouco. Eu coloquei no topo, mas você também pode usar como lateral. É perfeito! *.* Prévia?

Okaeri, minnas! Mesmo sabendo que este blog é apenas meu e que ninguém vê isto, reconheço que tenho andado sumida, principalmente porque este blog serve apenas para os meus testes. Mesmo assim, eu tento deixá-lo apresentável para o caso de alguém o encontrar e quiser usar os tutos daqui. Já que eles têm sempre um toque exclusivo...

Desta vez eu trouxe um novo modelo para comentários inventado por mim. Admito, estou muito orgulhosa dele. Tudo porque, apesar de me basear num modelo normal, fiz tantas alterações que ele ficou irreconhecível. Por exemplo? Bem abaixo deixo o gif com os hovers e uma lista de personalizações de que me orgulho:

Okaeri ^^ O que trarei agora é um menu - talvez já o tenham visto algures - mas como não sei o nome dele, chamei-lhe "Menu coração". É aquele menu que fica ao lado da sidebar, onde normalmente só se vê um coraçãozinho dentro de um quadrado, e ao passar o rato o quadrado estica e vê-se o nome do link, como se fosse uma etiqueta. ~Péssima explicação~ Enfim, o resultado é esse:

Tadaima, minnas. Trago outro tutorial, bastante diferente dos modelos que pesquisei e um dos poucos que resultou comigo sem prejudicar os outros códigos. É uma forma de personalizar as mensagens antigas, home e mensagens recentes. É bem fácil, não se deixem enganar pelo tamanho - Relembro que esse modelo foi inventado por mim, mas pode colocar bordas coloridas, outline, tirar a sombra interna, colocar sombra externa, e mudar as cores claro. Enfim, tenho mais personalizações aqui» www «agora vamos ao tuto.

Resultado: 

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:

www

Então, eu sei que este tuto é conhecido, mas eu coloquei aqui no meu blog porque nunca achei nenhuma personalização do linkwithin perfeita. Ou seja: alguns não davam para colocar borda APENAS na caixinha em hover, porque a imagem do post era personalizada junta; Noutros, as alterações não funcionavam porque não tinham escrito "!important"; Outros ainda tinha pouco para personalizar...  

Bem, decidi fazer o meu próprio modelo, que provavelmente usarei com tudo. Tem montes de coisas personalizadas, indico que só altere as cores mesmo, ou se entender bem HTML, pode mudar as bordas e assim... Usa à vontade, mas credite!

Não sabe o que é o linkwithin? É o gadget de "poderá gostar de". Para quem não chegou lá, aproveite para ver na minha preview:

www

O modelo em si não é totalmente exclusivo, mas tive de deixar aqui porque deu trabalho - tá, confesso, misturei vários modelos e deu nisso. #Enjoy, mas usem com créditos

Oyahou, minna-san. Hoje trouxe vários modelos para post footer, como sempre você pode trocar as cores (ou seja, o que tem "#" antes), mas se quiser usar os modelos para base então convém que saiba personalizar mais coisas. Eu dou uma grande explicação aqui» www Todos estes modelos são meus, dê os créditos não a este blog mas ao meu blog de verdade, o Forever Sapo, se não eu fico brava