Grande anúncio publicitário do Visa Master Card, que acabou por não passar nas televisões. Wonder why?

Antes de mais quero desde já sublinhar que os meus conhecimentos de php são ainda bastante rudimentares.
Ora para este pequeno “how-to”, ou dica só é necessário saber que o string php que trata da data (e hora) nos posts do wordpress (não é exclusivo do wordpress, é um string php específico, mas neste caso estou a falar do wordpress) dá pelo nome de “the_time” (sem as aspas). No meu caso a linha de código que interessa está da seguinte forma :

< ?php the_time('M,d') ?>

O ‘M’ é relativo ao mês, o ‘d’ ao dia, e se quiserem podem acrescentar ‘Y’, relativo ao ano. Agora para aparecer como eu tenho é muito simples. Primeiro temos que dividir em duas partes, uma com o mês e outra com o dia:

 < ?php the_time('M') ?> , < ?php the_time('d') ?>

Agora que temos isto separado, criamos um novo estilo no CSS para definir todo o bloco da data:

.date {
float:left;
height:32px;
width:32px;
margin-right:20px;
padding-top:11px;
background:url(./images/icon-calendar.png) no-repeat;
}
.date p {
text-align:center;
color:#9b9b8e;
margin:0 0 0 -2px;
text-transform:uppercase;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
.date span.day {
font-size:16px;
display:block;
}
.date span.month {
font-size:9px;
height:10px;
display:block;
}

A imagem de fundo “icon-calendar” é facultativa, e podem escolher outra imagem qualquer a gosto, mas penso que se adapta perfeitamente neste caso. Depois é só colocar no sítio onde querem que a data apareça o seguinte código:

 < ?php the_time('M') ?>
< ?php the_time('d') ?>

E voilá. Espero que esta dica possa ser útil para alguém e em caso de dúvida já sabem …

Agradece-se a todos que dêm uma vista de olhos à página Disclamer. E já agora que se siga o que lá está escrito.

Obrigado.

A propósito deste artigo que eu escrevi, onde referia que quando queria “sacar” uma cor de um site qualquer faço um screenshot e colo no Photoshop (quando a trabalhar, em windows, está sempre aberto ).
Alguns podem dizer que isto não é prático, não sei muito bem porquê, mas podem-no fazer. O Mário Lopes aconcelhou a extensão Colorpicker, que agora se chama ColorZilla, a qual decidi experimentar, just in case. É tudo muito bonito, e tal, para sabermos os valores das cores em vários formatos e tal, mas por exemplo, ao tentar saber a cor de um link, se esse link tiver o atributo :hover numa cor diferente que o estado normal, com esta ferramente só conseguimos saber a cor do estado :hover.
Ora ora, afinal tem os seus handicaps, esta extensão, e não me poupa ao trabalho de ter o Photoshop aberto na mesma …
Foi então que descobri uma feature maravilhosa do Photoshop. Se seleccionarmos o “Eyedropper”, clicarmos no botão do rato e mantivermos o botão clicado, podemos arrastar esta ferramenta para fora do ambiente do Photoshop e “apanhar” qualquer cor no desktop, em janelas web, you name it. Fantástico, não é?

Fonte.

Ora como podem ver, o novo layout está concluído. Uma vez que não dormi nada esta noite, em vez de estar a olhar para o tecto na cama decidi meter mãos á obra.
Falemos das “inspirações” para o layout. O layout é baseado no tema Simpla. Achei que era de facto, como o nome indica, um bom tema para se construir uma base sólida. Não tinha muito código esquisito de origem, o que facilitou muito as coisas. O header é inspirado no blog foogaming, com permissão do s autores do blog.
Para as cores é que já não posso especificar uma inspiração … Foram várias, mas sempre com um olho no fantástico blog da Veerle.
Depois foi inserir os Sweet-titles (os balõezinhos que aparecem em vez dos titles), as Nice-Forms e os Gravatars.
Pesonalizei também o “sidebar” com código de vários sítios, como os meus links no del.icio.us, um “badge” das minhas últimas fotos no Flickr e o plugin Brian’s Latest Comments.
Falta somente modificar o modo como as datas aparecem (tenho que mexer no php, e já não tenho mais paciência de momento). Faltam também links no menú superior, mas depois tratarei disso. E quando tiver mais tempo prometo que dou uma limpeza ao CSS. E está com um erro qualquer de javascript no niceform.js …

E pronto. Espero que gostem.
Críticas são muito bem vindas, assim como report de bugs e afins.