Saturday June 17th 2006
Geral Esta semana serviu para pensar um pouco na minha vida e no rumo que ela precisa de tomar.
Finalmente após 2 anos de espera tenho sinal verde para tirar a carta de condução. Falta-me apenas ir á escola de condução saber os pormenores e inscrever-me.
Depois da carta de condução quero tirar um curso de flash avançado na ETIC, tem sido um pouco deixado de lado devido ao AJAX mas Flash é imprescindivel e cada vez pedem mais e melhores conhecimentos da tecnologia.
Bom digamos que tenho planos em mente suficientes para o budget de este ano.
Hoje fui passear, ainda dei um pulinho no Parque Mayer deu para ver a 2ª parte do jogo e ainda ficar um pouco afonico mas valeu a pena. Com o decorrer do mundial quem iria dizer que Angola é um possivel candidato a passar a fase de grupos juntamente com Portugal? Aqueles bravos guerreiros, quem diria que clubes como o Barreirense, Varzim e Paços de Ferreira tinha jogadores de categoria mundial? E esta hein?
Deixo-vos aqui com 3 presentes, um é a possibilidade de verem os jogos do mundial á borla no computador, li no Adrift e encontrei depois a referencia no Peopleware, para quem não tem Sport TV nem gosta de cafés fica aí a alternativa.
O segundo é uma maneira de demonstrar o apoio á selecção nacional no blog cortesia do Luzo.
Por ultimo, e este é o meu preferido, mais um video do Youtube, desta vez não é comico mas é dos melhores videos que vi por lá. Prodigy’s VS Chemical Brothers.
Já todos sabemos que o Internet Explorer tem problemas com transparência em imagens PNG ( Portable Network Graphics ).
Existem na net varios tutoriais e debates sobre o assunto mas todos acabam por utilizar o mesmo metodo. O AlphaImageLoader, problema é que pelo que vi o script que utilizo na pagina não funciona com imagens de PNG que estejam definidas como fundo ao que sugiro que tentem este script.
O que têm de fazer é o seguinte:
1 - Copiar o script para o servidor, guarda-lo como .js (exemplo pngfix.js)
// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004
function correctPNG()
{
for(var i=0; i
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == “PNG”)
{
var imgID = (img.id) ? “id=’” + img.id + “‘ ” : “”
var imgClass = (img.className) ? “class=’” + img.className + “‘ ” : “”
var imgTitle = (img.title) ? “title=’” + img.title + “‘ ” : “title=’” + img.alt + “‘ ”
var imgStyle = “display:inline-block;” + img.style.cssText
if (img.align == “left”) imgStyle = “float:left;” + imgStyle
if (img.align == “right”) imgStyle = “float:right;” + imgStyle
if (img.parentElement.href) imgStyle = “cursor:hand;” + imgStyle
var strNewHTML = ”
+ ” style=\”" + “width:” + img.width + “px; height:” + img.height + “px;” + imgStyle + “;”
+ “filter:progid:DXImageTransform.Microsoft.AlphaImageLoader”
+ “(src=\’” + img.src + “\’, sizingMethod=’scale’);\”>”
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent(”onload”, correctPNG);
2 - Agora coloquem, dentro das tags <head> </head>, na página que pretendem que o script faça efeito coloquem:
< !–[ if gte IE 5.5000 ] >
<script type=”text/javascript” xsrc=”pngfix.js” mce_src=”pngfix.js” > </ script >
< ! [ endif ] –>
NOTA: devido a problemas com a interpretação do codigo no post eu coloquei espaços a mais entre <> e [ ], tenham atenção a eles.
E pronto, em principio deverá funcionar.
Links que podem ajudar:
À uns dias tive um problema em que queria criar um [tag]menu dropdown[/tag] no [tag]wordpress[/tag], mas como a microsoft não é amiga do web designer, o IE não quis colaborar comigo e fui obrigado a procurar uma alternativa que me permitisse criar um menu dropdown que funcionasse no IE.
A melhor solução que encontrei foi este tutorial http://www.invokemedia.com/category/web-technologies/cms-systems/ mas que contem um erro que não deixava o script funcionar correctamente.
Este artigo é basicamente a tradução do tutorial para português.
Indice
1- Editar a Sidebar
2- Editar o Header
3- O codigo javascript
4- O CSS
5- template-functions-post.php
Editar o sidebar
Dependendo do theme que usam podem ou não passar este passo.
Editem o ficheiro sidebar.php e removam a parte onde está o código wp_list_pages();
Editar o Header
Abram o ficheiro header.php e coloquem o seguinte codigo onde querem que apareça o menu.
<div id=”toolbar”>< ?php wp_list_pages(); ?></div>
O codigo Javascript
<script language=”javascript”>
sfHover = function() {
var sfEls = document.getElementById(”nav”).getElementsByTagName(”LI”);
for (var i=0; i
sfEls[i].onmouseover=function() {
this.className+=” sfhover”;
}
sfEls[i].onmouseout=function() {
this.className-=” sfhover”;
}
}
}
if (window.attachEvent) window.attachEvent(”onload”, sfHover);
</script>
Ainda no header.php coloquem este código mesmo por cima da tag </head>
A diferença do outro tutorial para este é na função do onmouseout. A mim o problema que me deu foi que quando fazia onmouseout o menu não se escondia. A solução foi alterar a função de
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(” sfhover\b”), “”);
Para
sfEls[i].onmouseout=function() { this.className-=” sfhover”; }
E tem funcionado perfeitamente no IE e no Firefox.
Editar o CSS
Neste caso a ideia era colocar a lista de paginas no topo, por baixo do logotipo por isso escolhi um menu horizontal.
Coloquem o código no ficheiro style.css e editem a vosso gosto.
/*menu */
#nav {
margin-left: 295px;
list-style: none;
background: #900;
padding: 0;
border: 1px solid #fff;
border-width: 0px 0px 0px 1px;
}
#nav ul {
margin: 0;
padding: 0;
height: 1em;
}
#toolbar form {
margin: 0;
padding: 0.1em 2em 0.1em 0em;
height: 1em;
}
#toolbar input {
margin: 1px;
}
#nav a {
display: block;
color: #fff;
text-decoration: none;
padding: 0.1em 2em;
}
#nav li {
float: left;
padding: 0;
background: #900;
border: 1px solid #fff;
border-width: 1px 0;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 14.4em;
w\idth: 12.9em;
font-weight: normal;
border: 1px solid #fff;
margin: 0;
list-style: none;
}
#nav li li {
padding-right: 1em;
width: 13.4em;
border: 0px;
}
#nav li ul a {
width: 12em;
w\idth: 9em;
}
#nav li ul ul {
margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
background: #F20000;
}
/* end menu */
Editar o ficheiro template-functions-post.php
Este passo é importante para que tudo funcione como deve ser.
O ficheiro encontra-se na directoria wp-include. Abram o ficheiro e procurem esta linha:
$output .= ‘<li class=”pagenav”>’ . $r['title_li'] . ‘<ul>’;
devem substitui-la por
$output .= ‘<ul id=”nav”>’;
E pronto agora é só criarem as páginas .
Thursday June 08th 2006
Geral 
Pessoalmente fiquei entusiasmado com o projecto domelhor.net. Embora ao inicio me parecesse algo fraco hoje visito o site regularmente e ocasionalmente participo enviando algumas matérias mas ultimamente tenho ficado um pouco desiludido ao ver a qualidade, que inicialmente o domelhor.net conseguiu ter, deminui a cada dia que passa e a grande culpa é de algum egocentrismo dos utilizadores.
Embora não tenha apurado nenhum texto que restrinja as liberdades do utilizador, tem claramente lá a opção de denunciar uma noticia mas o que é que isso faz? Atribui um “mau karma” ao utilizador? Ou apenas denuncia algo?
Há quem envie matérias repetindo matérias que estão na 1ª página, há quem chegue ás matérias pendentes e votam em todas as matérias sem as lerem ou lêem apenas o titulo, há aqueles que “inocentemente” procuram levar mais utilizadores para os seus sites e isso é que me chateia mesmo. Não digo que se tiverem um artigo interessante, útil, etc no vosso site/blog para não enviarem, mas agora fazer como este gajo que fala do artigo do Ivo Gomes, mas o link é provavelmente para o blog dele… para mim é claramente auto-promoção que tem lá a tal opção para denunciar, mas novamente, de que serve isso?
Bom, concluindo acho que devia ser criado um grupo de utilizadores com função de começar a controlar as matérias enviadas, eu sei que todos temos opção de fazer isso mas praticamente ninguém o faz. Não era mau pensado haver um texto que restrinja um pouco a liberdade dos utilizadores em relação ás matérias enviadas. Senão é apenas uma questão de tempo até se tornar um serviço “pimba”.
*Edit 20 de junho*
Retificação
Parece que foi mesmo para me calar que a partir do momento que coloquei este post os artigos dele começaram a ser mais completos, pelo menos no meu intender e deixei de os achar incompletos como achava antes. Com esta calou-me…e ainda bem que o fez 
Wednesday June 07th 2006
Humor Bom, não sei porque mas não consigo colocar os videos directamente no site por isso ficam com este link. É um video que vi na Maxmen TV. Granda moca pá…
