Confabulando > Domínio > Layouts
Layouts
Aqui estão todos os layouts publicados no blog, tanto como informações sobre como foi feito e os devidos créditos. Alguns destes layouts foram feitos para o blog enquanto ele ainda não se chamava Confabulando, porém como o blog era o mesmo, decidi permanecer com eles como se fosse parte da história.

Versão 11

Supernaturando com o Jared Padalecki

Nome: Supernaturando com o Jared Padalecki...
Foi ao ar em: 24 de Agosto de 2008.
Informações: Depois de muito tempo sem blogar, resolvi que já era hora de voltar ao mundo virtual. Nesta época, eu estava viciada no seriado "Supernatural", que dá na Warner e como legítima fã de carteirinha do Jared Padalecki (desde os tempos de Gilmore Girls), ele foi escolhido para estrelar minha volta à web. Foi muito difícil encontrar as melhores fotos dele para fazer uma montagem, porque ele tava lindo em todas, mas eu acabei selecionando as que eu achei que ficariam melhores juntas. Esse layout começou a ser feito, foi pausado e depois, finalmente, finalizado. Gostei do visual meio grunge e dos cantos assimétricos arredondados... Bem diferente dos layouts atuais!

Créditos: Cutenews (postagem), Dreamweaver (HTML/conteúdo), CSS (layout), Photoshop (edição de imagens), JustJared.com (imagens), Jared-Padalecki-Fan.com (imagens), 77 Words (pattern), Peachylicious (smiles), Da Font (fontes), Veroweb (contador de visitas), EveryCounter (contador de usuários), Pre-lude (hospedagem).


Versão 10

Love Me

Nome: Love Me
Foi ao ar em: 08 de Fevereiro de 2007.
Informações: Um pouco antes de o livro Harry Potter 7 ser lançado, eu pedi o livro anterior para uma amiga minha e li de cabo a rabo a história. Logo em seguida a pré-venda do livro já estava à venda e eu comprei, lógico. Nesta época eu estava bem viciada em Harry Potter, procurava vídeos na internet, fotos e novidades sobre os filmes... E uma coisa muito fofa na história toda é o romance "não-sabemos-que-estamos-apaixonados" do Rony e da Hermione, que foi a minha inspiração para o layout. Não deu outra! Procurei fotos dos dois na internet e achei muita coisa legal. No fim, fiz um blend de algumas fotos deles e completei com vários brushes decorativos e corações, além de algumas frases de "impacto"... Tudo em tom de rosa, claro! E ficou uma graça... Gostei muito deste layout! Simples, mas bem elaborado!

Créditos: Cutenews (postagem), Dreamweaver (HTML/conteúdo), CSS (layout), Photoshop (edição de imagens), Fireworks (gifs animados), EmmaWatson.ws (imagens), 77 Words (pattern), Peachylicious (smiles), Codegrrl (scripts), WMOnline (script), FastWeb Counter (contador de visitas), FreeOnline Users (usuários online), Vicky's Place (script).


Versão 9

Curious George

Nome: Curious George
Foi ao ar em: 07 de Novembro de 2006.
Informações: Depois de ter assistido o clipe "Upside Down" do Jack Johnson umas trinta mil vezes, eu tive a fantástica idéia de transformar o clipe em layout. Ou pelo menos eu tentei fazer. Saí a busca de imagens e scans do clipe, mas era superdifícil encontrar. Foi então que eu descobri o site do filme Curious George, para qual o Jack Johnson fez a trilha sonora e da qual essa música faz parte. Bom, daí eu fiz a festa!! Juntei o máximo de fotos possíveis, prints do site e alguns scans do clipe (não sei como eu achei) e coloquei o máximo de cor que eu podia! Por isso ele ficou bem alegre assim, com tons fortes de vermelho e amarelo! Bom, era o que tinha no site, eu só adaptei! E deu nisso... Ficou bem diferente! De prache, fiz fotos polaroids e prendi com durex e alfinetes feitos por mim. Mas o mais legal desse layout é realmente o macaquinho, que encanta todo mundo... Muito fofo!

Créditos: Cutenews (postagem), Dreamweaver (HTML/conteúdo), CSS (layout), Photoshop (edição de imagens), Fireworks (gifs animados), Codegrrl (scripts), Site Oficial do filme "Curious George" (imagens), IMDb (imagens), Yahoo! Movies (imagens), WMOnline (script), FastWeb Counter (contador de visitas), FreeOnline Users (usuários online), Vicky's Place (script).


Versão 8

I am Unwritten

Nome: I am Unwritten
Foi ao ar em: 07 de Agosto de 2006.
Informações: Antes de começar a fazer o layout anterior, eu já tinha escrito em um papel idéias para futuro layouts e este era um deles. Conheci a Natasha Bedingfield (cantora) há alguns meses, desde quando o clipe da música "These Words" começou a passar na MTV Hits. Bom, eu viciei na música total! Passava horas escutando! Foi quando eu tive a idéia de fazer um layout com fotos delas. O rosa, por ser uma cor delicada, acabou ficando bem com as fotos. No topo eu fiz um blend, sobrepostas por pedaços das letras de músicas dela e alguns brushes em tom de rosa mais suave. O pattern para o fundo combinou bem com as cores e ficou delicado também! Por fim, eu fiz uma faixa semi-transparente com os links para as seções e nome do blog. Definitivamente, esse é o meu melhor layout! Porém, outros virão…

Créditos: Wordpress (blog), Dreamweaver (HTML/conteúdo), CSS (layout), Photoshop (edição de imagens), Codegrrl (scripts), Official Website of Natasha Bedingfield (imagens), Getty Image (imagens), 77 Words (pattern), Kenekila.net (brushes), FastWebCounter (contador de visitas).


Versão 7.1

Melancia

Nome: Melancia
Foi ao ar em: 28 de Abril de 2006.
Informações: Depois de ler o tão desejável livro "Melancia" da Marian Keyes, eu cheguei à conclusão de que um layout de melancia seria perfeito… E pensei certo!! Muitas pessoas elogiaram e disseram que fui muito criativa em fazer esse layout! Ele é basicamente formado de fotos com alguma coisa a ver com melancia (suco de melancia, fatia de melancia, cubos de melancia, etc) recortadas e coladas uma sobre a outra com "durex". A idéia original, que eu rabisquei em uma folha de papel, não era exatamente assim, mas eu gostei do resultado. Para fechar com chave de ouro, uma "suave" mordida no canto do menu (que eu tirei na atualização), pingos de tinta ao fundo (brushes) e a palavra "melancia" em várias línguas. Nada muito genial, mas algo que sinto muito orgulho porque eu fiz tudo sozinha!!

Créditos: B2 (blog), Dreamweaver (HTML/conteúdo), CSS (layout), Photoshop (edição de imagens), I-Eu.net (humor), Codegrrl (scripts), Getty Image (imagens), Kenekila.net (brushes), MelissaClifton.com (tutoriais), FastOnlineUsers (usuários online), FastWebCounter (contador de visitas), Cammy (hospedagem), MazeGuy (ícones).


Versão 6

I Miss Him!

Nome: I Miss Him!
Foi ao ar em: 18 de Novembro de 2005.
Informações: Fiz uma montagem com duas imagens super meigas que eu achei em um site de desenhos à mão-livre, em homenagem ao meu ex-namorado, porque como nós só podíamos nos ver nos finais de semana, passar a semana longe era complicado, que foi o que deu título ao layout, 'eu sinto falta dele!'. Tinha várias imagens muito boas neste site, mas eu optei por esta, pelo fato de a menina estar segurando um urso, e isso diz muito sobre mim! Todos os objetos que estão presentes na montagem também refletem um pouco de mim… Porta-retratos, cartas, disquetes, etc. Enfim, eu acho que ficou bem cute!

Créditos: B2 (blog), Frontpage (HTML/conteúdo), CSS (layout), Photoshop (edição de imagens), Ok Counter (contador de visitas), I-Eu.net (humor), Script Brasil (usuários online), Codegrrl (scripts), FredArt.com (imagens), Pre-Lude.com (registro/hospedagem do domínio), MazeGuy (ícones).


Versão 5

Mudar é preciso, eu quero tudo novo...

Nome: Mudar é preciso, eu quero tudo novo…
Foi ao ar em: 19 de Julho de 2005.
Informações: Usei a foto do Tatty Teddy Bear, que eu amo de paixão! Queria um layout bem clean, mas que fosse cute! Decidi usar o azul porque é minha cor favorita e acho que combinou com a imagem do lay, por causa do nariz do Teddy! Fiquei em dúvida sobre qual imagem do Teddy colocar (porque tinha várias lindas), mas resolvi por essa porque era uma das que mostrava ele dormindo e que tinha tudo a ver com o 'novo' nome do blog, Only Dreams, que quer dizer 'apenas sonhos'. Esse layout tudo de bom foi bem marcante pro blog. Muitas pessoas me perguntavam depois se eu era a dona do layout fofinho com o ursinho… E o título, realmente, significou isso!! Fase de mudanças!

Créditos: B2 (blog), Frontpage (HTML/conteúdo/layout), Photoshop (edição de imagens), Ok Counter (contador de visitas), I-Eu.net (humor), Script Brasil (usuários online), Codegrrl (scripts), MeToYou.com (imagens), Pre-Lude.com (registro/hospedagem do domínio), MazeGuy (ícones).


Versão 4.1

Lost Without Each Other

Nome: Lost Without Each Other
Foi ao ar em: 19 de Fevereiro de 2005.
Informações: Primeira versão oficial como blog, devidamente com o domínio registrado. Nesta época eu andava ouvindo muito Hanson e amava de paixão a música "Lost Without Each Other", que deu o nome ao layout; então eu resolvi que queria colocar um trecho da música no lay. Coloquei fotos de coisas que eu gosto tanto quanto gosto de Hanson e da música em questão… O que acabou indo parar no lay? Evan Taubenfeld (guitarrista), Rory e Dean de "Gilmore Girls", tintas (eu adoro pintar!), violão e a Avril Lavigne. A versão 4.0 ainda tinha uma foto de sorvete, mas eu tirei quando atualizei. Primeiro layout que eu usei brushes! Porém, nada muito sofisticado…

Créditos: B2 (blog), Frontpage (HTML/conteúdo/layout), Photoshop (edição de imagens), Ok Counter (contador de visitas), I-Eu.net (humor), Script Brasil (usuários online), Codegrrl (scripts), JustLia.com.br (brushes), Pre-Lude.com (registro/hospedagem do domínio), MazeGuy (ícones).


Versão 3

Feliz Natal...

Nome: Feliz Natal…
Foi ao ar em: 18 de Dezembro de 2004.
Informações: Layout comemorativo de Natal, que provavelmente ficou no ar por mais tempo que deveria… Novamente eu coloquei uma foto minha, mas desta vez com um sutil toque natalino! Super simples, sem nenhuma extravagância, bem clean, do jeito que eu gosto. O site foi separado por dois iframes, um com os links e outro com o conteúdo; e o blog ainda não tinha se tornado a página principal do site, sendo apenas um link que redirecionava para minha página do Weblogger.

Créditos: Frontpage (HTML/conteúdo/layout), Photoshop (edição de imagens), Ok Counter (contador de visitas), Vicky’s Place (scripts), I-Eu.net (humor), Dot.tk (redirecionamento), Weblogger (blog), Páginas Pessoais Terra (hospedagem), Script Brasil (usuários online), Link WS (formulários), Anim Factory (imagens), Codegrrl (scripts).


Versão 2

Blog da Fernandinha

Nome: Blog da Fernandinha
Foi ao ar em: 24 de Março de 2004.
Informações: Este layout foi especialmente feito para o novo nome do blog, Blog da Fernandinha, e, portanto, levava única e exclusivamente fotos minhas. Essa idéia de layout usando fotos da própria pessoa não é muito usada, mas já vi alguns bem legais aí pela internet. Enfim, escolhi as minhas fotos preferidas e com um toque de Photoshop dei uma coloração diferente para elas. Não tem muito segredo na composição, são fotos jogadas aleatoriamente e sobrepostas a um fundo de listrinhas. É o primeiro layout feito com o Photoshop, e de fato, um layout de verdade. Eu gosto muito deste layout por causa das fotos e acho que para iniciante eu me saí muito bem… Fiz um belo trabalho!

Créditos: Frontpage (HTML/conteúdo/layout), MS Paint (edição de imagens), Photoshop (edição de imagens), Ok Counter (contador de visitas), Vicky’s Place (scripts), Dot.tk (redirecionamento), Páginas Pessoais Terra (hospedagem), Script Brasil (usuários online), Link WS (formulários).


Versão 1

Cafee BloG

Nome: Cafee BloG
Foi ao ar em: 6 de Janeiro de 2004.
Informações: Este foi o primeiro layout em versão de blog desde o meu antigo site, o Madeline’s Homepage. Na época eu ainda não sabia mexer no Photoshop e não arriscava fazer montagens mais complexas ou qualquer tipo de tratamento e edição de imagens, então o layout e o conteúdo foram feitos no Frontpage, em tabelas, usando apenas figuras, postas lado a lado. O layout se resumia a um copo de café no topo da página junto ao nome do site e por um fundo de sementes de café (nenhum deles feito por mim), numa página em HTML separada por dois quadros: o topo, com o nome do blog, contador de visitas e data; e o conteúdo, logo abaixo, com um menu de links, textos e fotos. A idéia de "apelidar" o blog de Cafee BloG, veio da tentativa de fazer uma referência a cybercafés e algo do tipo, portanto o blog "marrom". Era um layout extremamente simples e ficou no ar por no máximo dois meses, porque eu acabei enjoando do nome e da cor.

Créditos: Frontpage (HTML/conteúdo/layout), MS Paint (edição de imagens), Flash 5 (título do blog), Anim Factory (imagens), Ok Counter (contador de visitas), Vicky’s Place (scripts), Dot.tk (redirecionamento), Páginas Pessoais Terra (hospedagem).
| Layout & Conteúdo © Fernanda N, 2008 |
| Parte de: Confabulando | Patrocínio: Pre-Lude |
Proibida a cópia total ou parcial.