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

Quem desenvolve para web deve conhecer o site do Coda, uma ferramente para desenvolvedores que usem MAC.

O site além de ser de um excelente software, é conhecido por ser um dos mais bem feitos até hoje.

Em vários locais pode se ver cópias de suas funcionalidades. Inclusive para a nova versão do Meu-Retrato, utilizei das “bubbles” para alguns efeitos.

Porém hoje recebo por e-mail da Camilla a indicação do tema WP-Coda, que nada mais é que uma cópia do site acima citado.

Decidi retomar esta série, que fez bastante sucesso aqui no DK. Tentarei como sempre manter a periodicidade dela, porém infelizmente não posso garantir nada.

Semana que vem na quinta-feira tem mais.

Já não basta o carro ser apenas o que mais admiro desde que foi criada a Diablo Sv, agora com a Gallardo LP560-4 minha paixão só aumentou, ainda mais depois de assistir este vídeo abaixo, do carro que chega apenas a 325km/h.

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”.

 

Semana que vem na quinta-feira tem mais.