Dkcell Design Tendências, inspiração e novidades do design

Sempre tive vontade de tirar fotos em Macro, mas a falta de técnica e recursos ($$) tem atrapalhado em todo tipo de fotografia que tento realizar.

Porém ao contrário de mim temos o Cyrus Khamak, o qual em seu set no flickr tem umas das melhores fotos usando este estilo que já encontrei:

Faz um tempo atrás eu utilizava aqui no Dk Design o plugin “The Featured Content Gallery” do site WpElements, porém queria utilzar algo visualmente mais customizável e remover o uso de descrições direto do painel, o qual seria incluido direto na imagem.

 

E como muitos devem ter percebido, o usado acima é nada menos que uma réplica do usado no site de Barack Obama. Quando entrei no site dele, pois sinceramente é muito bem feito, tinha reparado que usava Jquery e tentei fazer a cópia, porém não sou um grande programador. Até o dia que o pessoal do DevThought desenvolveu exatamente o que eu queria, uma cópia, e coincidentemente usava Mootools, assim como o plugin anterior que eu usava.

 

A criação do plugin se tornou fácil, pois foram necessárias algumas mudanças no plugin usando antes. Com isso pude aproveitar a página de opções e a garantia que o plugin funcionaria perfeitamente. Assumo que foi um processo muito mais simples do que criar do zero, porém acho besteira recriar um código que já estava correto.

Instalação:

• Baixe o arquivo “dkobama.zip“  para sua máquina.
• Extraia e envie a pasta dkobama para a “wp-content/plugins” (NÃO MUDE NENHUM NOME INTERNO OU DA PASTA).
• Ative o plugin Dk Obama no painel administrativo
• Adicione o seguinte código nos arquivos de seu template, no local onde desejar que a galeria apareça:

<?php include (ABSPATH . '/wp-content/plugins/dkobama/galeria.php'); ?>

 

Agora para utilizar a galeria depois de instalada, dentro da aba opções (settings) do painel administrativo basta acessar a aba Dk Obama. Os campos são auto-explicativos, portanto não deverão ter maiores problemas.

Customizando a galeria (opcional):

Para alterar as dimensões basta alterar o arquivo slideshow.css dentro da pasta “Css” do plugin. Os itens responsáveis pela largura e altura principalmente são:

#slideshow { background: url('images/fundo.gif') no-repeat top; position: relative; padding: 0px 0 0px; width: 603px; height: 306px; }
#slideshow #pictures { background: url(’images/intro.jpg’); width: 437px; height: 300px; left: 0; overflow: hidden; }
#slideshow #menu { background: url(’images/lateral.jpg’); list-style-type: none; width: 166px; height: 240px; right: 0; padding-top: 60px; }

Também pode baixar o arquivo (template-slide.zip) que contém o psd que criei para as imagens internas. Todas as imagens estão dentro da pasta “Css/images”.

 

Depois de um bom tempo sem mudar de tema (e não pretendo tão cedo), decidi fazer algumas melhorias.

Todas foram feitas com base nos comentários que recebi por e-mails e sei que ainda devem existir bugs, os quais peço que me avisem, pois passaram por mim sem perceber.

Destaques Dk Design:

Decidi tirar o excelente plugin “Featured Content Gallery“ e adaptar um novo, o qual será disponibilizado gratuitamente esta semana ainda.

Com este novo plugin tenho o acesso ainda pelo painel administrativo, porém de uma forma mais simplificada, removendo a opção de descrição. Foi escolhido este plugin pois o título aparece na lateral facilitando ao usuário ver o que interesa e não ser obrigado a passar por todos os outros items.

Topo e fundo:

Decidi colocar um background (ainda sem logo) no topo do blog, e também troquei a tipografia por uma mais legível.

Também foi alterado o ícone de busca e a cor de fundo para não destoar tanto do topo.

No fundo alterei o pattern, por algo mais suave, tirando aquela cara de “papel de parede americano” (pronto Dimitri!).

IE6:

Não sei se foi aqui, mas a maioria dos problemas com png e posicionamento foram resolvidos, caso contrário peço que me alertem, pois não tenho muita experiência com esta versão do software (*sucks*).

O que mais vem daqui pra frente?

Espero terminar o tema e deixar ele com todos os recursos realmente necessários e da forma mais prática e confortável para nossos visitantes.

Também (sem prazos) pretendo adaptar novos plugins pada download gratuito, ou até mesmo criando de acordo com o tempo.

Portanto acompanhem que sempre teremos novidades por aqui.

Ilustrações criadas por Chris Parks para a Pale Horse Design, empresa própria com clientes como Red Bull, Nike, Cartoon Network, X Games, Hurley e muitas outras.

Pale Horse Design

Incriveis pinturas de Josh Keyes, que além de parecerem realistas colocam os animais selvagens em situações e ambientes que não esperavamos. Principalmente pelos recortes criados no solo.

Josh Keyes