Archive for abril, 2008

abr200820

Diego Couto

0

Mensagens Instantâneas com Ajax

Ajax im não é simplesmente um utilitário de chat, e sim um mensageiro instântaneo online, onde você pode adicionar seus amigos, criar contas, criar salas para chat e até mesmo enviar emotions.

Ajax im

Instalação

Possui uma instalação extremamente simples, que consiste em:

  1. Enviar os arquivos para seu servidor web;
  2. Configurar as informações de seu banco de dados no arquivo config.php;
  3. Configurar as opções gerais (nome, pasta..) no arquivo config.js;
  4. Acessar o aquivo install.php pelo navegador;
  5. Após concluída a instalação, deletar o arquivo install.php.

» Demonstração
» Download
» Tradução Português (Brasil)

abr200816

Diego Couto

0

Resolução de Banner Web

Óbvio que a criatividade sempre fala mais alto, mas como tudo, há padrões para isso também, padrões estes que podem ser verificados nesta tabela:

Padrões de Resoluções para Banners Web

Referências  -  Designers Toolbox

abr200808

Diego Couto

0

Scroll com Javascript

Para quem busca um script para gerar um efeito de scroll diferenciado e totalmente acessível, com certeza a melhor opção é o Easy Scroll.

Com o Easy Scroll você pode gerar uma nevegação via botões… “Para Baixo”, “Para Cima”, “Resetar”. Ao passar com o cursor sobre estes botões, a Div selecionada já realiza a tarefa desejada, ao clicar, ocorre o aumento de velocidade na ação.

Instalação

Entre as tags ‘<head></head>’ insira:

<script type="text/javascript" src="easyscroll/
easyscroll.js"></script>

Agora vamos inserir a Div que desejamos que possua o scroll:

<div id=”nosso_scroll”>
<!– AQUI O CONTEÚDO –>
</div>

Agora, no arquivo ‘easyscroll.js’, vamos editar os seguintes parâmetros:

var id = "nosso_scroll"; // O id usado no HTML
var nav = ["Scroll Up", "Scroll Down", "Reset"];
//Nomes dos botões de navegacão
var navId = ["btnUp", "btnDown", "btnReset"];
// ID's dos botões
var speed = 5; //Velocidade do movimiento do scroll.
//(1 = lento, 10 = rápido).
var height = 200; //Tamanho do elemento visivel, isto é,
//quantidade de texto vísivel sem scroll.

» Demonstração
» Download do Script