Fazedor de Site » 2007

Arquivo do mes August, 2007

FS Preloader - Pré carregamento de páginas

August 21, 2007 12:13 pm

Bom imagino que tenham notado que agora quando vocês clicam para abrir uma página no site, ou mesmo fazem o primeiro acesso, tem uma telinha com o logo do site e um texto de carregando.

Pois é, chamam de preloader esse tipo de coisa porque mostra o conteúdo somente depois de ser totalmente carregado, nada mais é que um div com uma imagem e um texto dentro por cima de tudo, quem comem quando a página é carregada.

Para inserir esse efeitinho no seu site/blog primeiro baixe o FS Preloader 1.0.1. (4kb).

Dentro existem 2 arquivos, um chamado fs_preloader.js que é o que vai ser usado em vosso site, e o fs_preloader_estudo.js para quem quer estudar o código.

Para quem nunca mexeu com isso na vida, o arquivo pode ser aberto no bloco de notas mesmo para ser editado.

Editar é simples, logo após os créditos que tenho esperança que serão mantidos temos 4 linhas.

Onde vêem escrito var logo=""; apague o que estiver dentro destas aspas e coloquem o caminho para uma imagem que desejarem.
Aconselho uma imagem de altura máxima 55px, pode ser maior, mas creio que será necessário neste caso editar o script a mão, pelo menos por enquanto
Logo abaixo na segunda linha temos var texto="";, dentro das aspas escreva o texto que quer escrito abaixo da imagem enquanto o site é carregado.
Continuando, na terceira linha teremos var corTexto="";, neste local deve inserir uma cor seguindo o padrão da web, hexadecimal, ou algo como: #000000, isso exibirá o texto em preto, ainda pode inserir o que é aceito em CSS como red, blue, white, yellow, green, orange….
E na última linha a ser editada temos var corFundo="";, aqui vão inserir uma cor nos mesmos padrões que servem para a cor do texto, esta é a cor de fundo.

Conselho meramente estético:
Tenha o cuidado de inserir uma imagem que se relacione bem com a cor de fundo, ou com fundo transparente, como um GIF ou PNG, ambas são suportadas pelo script.

Uma vez com os arquivos personalizados com um cliente de FTP, ou o gerenciador de arquivos da sua hospedagem envie os mesmos para o seu servidor.

Depois de enviados os arquivos, localize o arquivo inicial do seu site, normalmente o index.php.

Abra este arquivo e após a tag <body> insira o seguinte código:
<script src="http://www.seusite.com/pastaondevccolocou/fspreloader.js" type="text/javascript"></script>

Como percebe-se no exemplo acima dentro do atributo src="" deve colocar o caminho para onde esta o arquivo no seu servidor.

Caso você use um blog como Wordpress por exemplo, o código acima deve ser inserido na index.php do template que estiver usando.
No caso do Wordpress pode entrar no editor de temas, em Main Index Template e inserir o código logo abaixo de <body>, caso não tenha isso, insira logo abaixo de <?php get_header(); ?>, se não tiver nada disso, coloque na primeira linha.

Feito isso cruze os dedos pois deve funcionar, se não funcionar venha reclamar!

Temos o fórum para isso também agora, sinta-se a vontade para usa-lo!

Atualizado:

BAIXEM a versão 1.0.1 pois corrigi um bug que incomodava bastante e vi depois de postar.

Categories: Javascript
10 Comentarios »

Google Analytics com PHPBB

7:40 am

Bom com perdi bons minutos procurando como fazer isso, e encontrei muita coisa que não corresponde com a realidade, e tudo em site gringo, vou passar onde colocar o código do Google Analytics para monitorar um fórum com PHPBB utilizando o tema subSilver.

Não testei em outros temas, portanto não tenho como garantir que funcione, embora acredite que seja parecido.

O procedimento é simples, procure a pasta do seu template subSilver dentro da pasta do fórum, normalmente o caminho é seuforum/templates/subSilver/.

Dentro desta pasta entre vários arquivos você vai encontrar 2 que nos interessam:

overall_footer.tpl
simple_footer.tpl

Baixe estes arquivos para seu computador e os abra com um editor de texto ou HTML normal.

Dentro deles logo acima do </body> insira o código fornecido pelo Google Analytics que deve ser algo como:

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">_uacct = "UA-0000000-1";
urchinTracker();
</script>

Atenção o código acima é apenas um exemplo, para conseguir seu código pessoal deve acessar a pagina do Google Analytics e se cadastrar no serviço.

Categories: Desenvolvimento
6 Comentarios »

Fórum Fazedor de Site

6:22 am

Bom percebi muita gente enviando, pedindo, avaliando código via o email de contato do Blog, e outros que tentam postar alguma observação nos comentários do próprio blog, que é um lugar excelente para mensagens curtas, textos, troca de idéias, mas para trocar códigos e outros tipos de informações deixa um pouco a desejar.

Logo abri um fórum para podermos trocar idéias informalmente, de forma descontraída, assim quando alguém tiver alguma dúvida mais especifica sintam-se a vontade para utilizar aquele meio.

Sempre passarei pelo fórum, logo, se alguém tem um script no trabalho dando erro, um código que emperrou e não quer andar, posta no fórum, assim tem a possibilidade de qualquer um que frequentar o fórum responder a sua dúvida, o que agiliza muito o processo.

Muitos devem usar orkut para postar dúvidas, eu sinceramente desisti daquilo, tentei muitas vezes ajudar e ser ajudado, mas é patada pra todo lado, e gente que começou ontem se achando o dono do mundo, e fórum deixo aqui uma mensagem, quer ser arrogante, não quer ajudar? acha a pergunta dos outros boba? vai pro orkut

O sistema do fórum é o PHPBB, pois é o que conheço, e o que tinha na hospedagem do meu site pronto para se auto-instalar fui pela praticidade mesmo.

Está em inglês, sinceramente não procurei nada que o passe para português ainda, pretendo procurar, se alguém tiver alguma indicação ou sugestão, como sempre, fique a vontade.

De inicio criei 2 categorias, uma Geral, onde esta um fórum falando sobre o blog, qualquer coisa relacionada ao mesmo, e dentro desta categoria Geral, ainda temos Administração, caso tenha algum recado a passar sobre o fórum especificamente colocarei ali.

A outra categoria é Sobre fazer sites, criei dentro quatro fóruns, Javascript, PHP, CSS, Design.

Pode ser que uma apenas seja usada, que surja necessidade de mais, vamos ver o retorno que teremos, de inicio serão essas, e claro, novamente fica aberto a sugestões.

Bom acho que é isso, espero de verdade que ajude a todos este fórum, espero que seja um sucesso e vá adiante, e conto com a colaboração de todos.

Para acessarem e se cadastrarem no fórum cliquem no link abaixo:

Fórum Fazedor de Site

Categories: Desenvolvimento, Geral, Javascript
8 Comentarios »

Controle de erros no Javascript

August 20, 2007 7:49 am

Antigamente se utilizava muito o método onerror para pegar ocorrências de erro e depura-las, porém este método hoje é pouco utilizado, e por este motivo não entrarei em detalhes.

Atualmente a forma mais utilizada e sugerida pela W3C para o controle de erros no Javascript é utilizando os indicadores Try e Catch.

O Try como pode parecer óbvio para quem entende inglês serve justamente para tentar executar um bloco de código.

O Catch serve para pegar, em caso de erros, o retorno do erro, com maiores detalhes.

Como exemplo pegamos o código abaixo que poderia estar inserido em qualquer lugar de qualquer script:



try{

 document.getElementbyId("iddadiv").style.background="#FFF";

}catch(erro){

 alert("Erro: "+erro);

}

O erro ali é a forma como escrevi getElementbyId com o B minúsculo, em caixa baixa para ficar mais bonito.

O que fiz ali? Abri o indicador Try, e tudo que vem dentro dele, ele tenta executar, se correr sem erros, segue tudo no fluxo normal, sem paradas.

Agora caso ele encontre um erro, ele para, e manda para o Catch que vem logo abaixo, a variável erro é justamente o erro retornado pelo Try, no caso ali gerei um alert para exibir o erro, mas poderia ter um condicional pegando o erro e fazendo outras ações.

Um código com este erro proposital que inseri ali me retorna a seguinte saida do alert:

Try

Ou seja, retorna primeiro que ocorreu um erro de escrita, ou de inserção do código, diz ainda que o erro ocorrido especificamente é que getElementbyId não é uma função reconhecida, o que de fato é verdade como disse acima, o correto seria getElementById com o B em caixa alta.

Bom por enquanto é isso…

Categories: Javascript
14 Comentarios »

Site sugere o bloqueio do Firefox por conta do AdBlocker

6:16 am

O site WhyFirefoxisBlocked.com sugere que todos bloqueiem o Firefox por conta do AdBlocker.

Segundo diz o editor do site esta extensão do firefox prejudica os desenvolvedores de site, ao lhes tirar o direito de exibir sua publicidade.

Eu na posição de dono de um site claro que posso incluir nele quanta publicidade quero, o site, que está hospedado no servidor é meu, aliás, se eu quiser, eu coloco um controle de acesso, e bloqueio todos que usam o Internet Explorer porque não seguem os padrões, ou todos que usam Firefox, porque o AdBlocker vai bloquear a publicidade, ou ainda o Opera, pois nunca gostei dele mesmo.

Eu na condição de dono do site posso fazer o que quiser, e claro, pagarei um preço por isso, bloqueio o IE, perco 40% dos meus acessos, bloqueio o Firefox, perco outros 55%, bloqueio o Opera porque é feio, bobo e chato, perco mais 3%, ainda vão me restar uns 2% que acessam de Safari, mas dai bloqueio a metade deles porque o Safari para Windows não deveria nem ter surgido, pronto, tem meia dúzia lendo meu site, mas é meu, faço dele o que quiser não é mesmo?

Agora ironia a parte, eu tenho para mim que um site é feito para o cliente, e para o maior número de acessos, melhor, o meu site posso inserir publicidade, afinal, todos somos filhos de Deus, também mereço um lugar ao sol, porém, após descarregado no computador do cliente, eu não tenho mais controle, ele pode ter uma extensão que deixa meu site todo verde, tinha uma que estilizava o orkut, me lembro bem, ele pode ter uma como o AdBlocker que bloqueia publicidade, é um direito dele, pois ele neste momento está no computador dele, e faz o que quiser no mesmo.

É o mesmo que a globo amanhã chegasse nos obrigasse a ver a publicidade, ora essa, eu estou na minha casa, no meu aparelho, comprado com meu dinheiro suado, faço o que quero, desde que não infrinja nenhuma lei, logo, se não gosto da publicidade da Globo mudo de canal, saio da frente da TV, e mais, não pulo o comercial porque a televisão como é hoje é linear, não nos permite isso, por deficiência tecnológica, a televisão digital vem ai, e nela, tecnologicamente é possível, espero que não surtem como o rapaz que criou este site.

Muita gente ainda não percebeu que serviços que bloqueiam o usuário, que o controlam, que o induzem, estão fadados ao limbo, ao nada eterno.

Hoje o usuário quer usar o navegador que mais lhe agrada, e acessar todos os sites plenamente, com todas suas funções.

Qual será a próxima proposta de bloqueio? Acesso por PDA, celular? afinal suas telas pequenas estragam todo o layout do meu site, é isso, ou o usuário acessa o site de onde eu quero, e como eu quero ou não acessa, afinal, eu adoro escrever para a barra de endereços, é uma excelente leitora, somente eu e ela fazemos do mundo um paraíso.

Por favor gente, vamos olhar pro alto, pra frente, acessibilidade é um direito de todos, inclusive, no Brasil é um direito garantido por lei, se é que a lei ainda vale alguma coisa.

Para finalizar o autor ainda chama todos os usuários do AdBlocker e Firefox de ladrões!

Espero sinceramente que todos repudiem uma idéia louca como essa, la no fundo eu sei que o cara só quer publicidade, mas precisava escrever e repudiar uma idéia maluca como essa.

Claro o link para o site dele contém o nofollow, jamais daria link a um maluco como esse.

Abraço a todos e boa semana.

Categories: Extensões Firefox, Geral
9 Comentarios »