Tabela com linhas de cores alternadas(zebrada) bem simples

2009-06-18T05:42:00.001-07:00

Tem um jeito muito simples de se "zebrar" uma tabela:

Empresas que desenvolvem sites em Maringá

2009-02-19T09:16:00.000-08:00

Essa lista é para você que está procurando um emprego na área de internet, ou quer desenvolver um site para sua empresa, e que é de Maringá:Ápice InternetBS2BuscaTechdOdiEFlex InernetHozt InternetImagineiMaringaenseMedia SystemsMonte WebOdara InternetOliver MediaPremium ArtRecapsula.comRodrigo MoraesSG SistemasSó EmpresasStudio 37Sub100Tiago A.VivawebWNetEsqueci de alguma? Comente.

Efeito link ativo

2008-12-02T12:32:00.000-08:00

Sabe aquele efeito de link ativo? Tipo esse: http://patriciafigueira.com.br/ . Então é fácil.Suponha que seu site tenha 4 sessões. Em cada sessão na tag body você cria uma classe. Depois você formata com CSS.body.home #menu a{ background: url(img/ativo.gif); font: bolder 0.8em sans-serf;}body.clientes #menu a{ background: url(img/ativo.gif); font: bolder 0.8em sans-serf; }

Marcadores de lista personalizados

2008-06-20T21:22:00.000-07:00

Para se ter um marcador de lista personalizado no CSS, é só usar: list-style-image. Mas daí vem a incompatibilidade do Internet Explorer, que deixa seu marcador no topo. Usando a propriedade background, temos total controle sobre o marcador.Muito simples: é só por a background no li e um padding-left.li{background: url(pasta/imagem.gif) no-repeat left center;padding-left: 15px;}E pronto.

Novo portfolio

2008-06-14T13:21:00.000-07:00

Está aqui meu novo portfolio. Mais limpo e organizado. Agora só falta por uns trabalhos labs.

Enriqueça seu portfolio

2008-05-17T14:54:00.000-07:00

A ABPK(Associação Brasileira de Parkour), está precisando de um novo layout. Acho que não terá uma remuneração. Eles pedem no site que os interessados enviem um layout em uma imagem. Isso não é nada ético. Mas para os iniciantes da área, está de bom tamanho. Fazer um layout para esse site, irá dar uma melhorada no seu portfolio. É como ajudar uma ONG. Ajude você também.

Como fazer um efeito rollover com uma só imagem

2008-05-03T13:16:00.000-07:00

CSS Sprite, consiste em fazer um efeito rollover com uma só imagem.Uma técnica que eu acho boa. Ela é muito usada para fazer efeitos de roll-over, nos links. Boa, porque só usa uma imagem para fazer esse efeito. Imagine só: você tem duas imagens para fazer o efeito roll-over nos seus links, e a imagem que seria da pseudo-classe :hover, está faltando, com o mapeamento, só irá usar uma imagem. Boa

Como fazer um box com sombra e cantos arredondados

2008-05-03T11:59:00.000-07:00

Este é o primeiro post sobre CSS. Neste post iremos fazer um box, quadro seja lá como você chama, com bordas arredondadas, com sombra e com a cor interna independente. Como assim independente? É que nas imagens que compõe o nosso box, ela só vai ter a sombra e a borda arredondada.Se dermos uma ampliada, veremos que as bordas não são suavizadas (anti-aliasing), elas são duras. Isso porque, estamos

Informações de Acesso

2008-04-28T20:42:00.000-07:00

No post anterior, eu publiquei uma das muitas vantagens que o PHP nos oferece, que são as variáveis de servidor. Naquele post,eu mencionei um dos usos para essas variáveis: montar um banco de dados com informações de acesso. Para isso seránecessário ter uma tabela somente para inserir esses dados. À lógica:1º Obter IP;2º Obter a referencia(de onde o usuário veio);3º Obter o User-Agent;4º Obter a

De onde o usuário veio?

2008-04-26T11:51:00.000-07:00

Se vc usa um sistema de paginação e que cada página mostre algum link e esse link saia desse sistema, e vc precisa que quando for voltar para o sistema volte para a página anterior que o usuário estava, por exemplo: ele estava vendo a página de resultado número 3, clicou e voltou para o sitema na página 1. Isso pode causar frustração para o usuário. Para issó é simples:

Sistema de Paginação com números

2008-04-26T11:10:00.000-07:00

Mais PHP. Hoje vou mostrar como fazer um sistema de paginação. O código é muito simples. Seguindo a lógica então é melhor ainda. Para isso precisamos de um banco de dados.Para fazer esse sistema, eu não peguei referência em nenhum outro sistema que existe pela web. Fiz seguindo a lógica:1º Conectar ao banco de dados;2º Selecionar no limite de 10;3º Exibir resultado;4º Calcular número páginas;5º

Semântica nos formularios

2008-04-26T11:08:00.000-07:00

Muitas vezes lidamos com formulários. Contato, login e etc. Quando eu vejo um formulário em alguns sites que aparecem na comunidade "Avaliem meu site", geralmente não seguem a semântica. Não só nesses sites mas também em muitos outros. Para se fazer um formulário semântico é preciso: um fieldset, que é como se fosse um div que agrupa tudo; legend, que é o título do fieldset; label que é a

Lidando com Textarea

2008-04-19T10:28:00.000-07:00

Um pouco de PHP.Vou compartilhar uma coisa que acabei descobrindo. Não sei se já fizeram isso antes mas, vou mostrar assim mesmo.Quando temos um

, precisamos usar a função nl2br() para substituir as quebras de linha para <br />, caso tenhamos que exibir o conteúdo desse <textarea> em HTML. Mas às vezes precisamos que essa mensagem não contenha nenhuma tag HTML. Sendo assim nem <br />
</article>
<article>
<h1>Sobrinhos</h1>
<p>2008-04-18T00:47:00.000-07:00</p>
Hoje em dia qualquer um pode fazer um site. Basta apenas ter um programa WYSIWYG e um "fotoxopi", hospedar no geocities e depois usar o cjb.net para redirecionamento. "Pronto eu já sou um Web Design!". A idéia de se ter um site só seu é empolgante. Assim como qualquer um hoje pode ser um diretor com apenas uma câmera digital e uma conta no youtube. Mas esses sites, o que são? Do que eles irão
</article>
<article>
<h1>Hello World!</h1>
<p>2008-04-15T20:38:00.000-07:00</p>
Não podia faltar. Essa é a primeira postagem do Rascuim. Vamos a uma breve apresentação: Meu nome é Tiago Alves, tenho 17 anos e pretendo seguir a carreira de Web Designer.Neste blog irei postar minhas idéias(caso eu tenha uma) e opiniões. Não prometo escrever todos os dias, por não poder mesmo. Mas quando tiver algo de interessante para falar, estará aqui.Devidamente apresentados, sinta-se em
</article>
</main></body></html>

ID	Nome	Telefone	Email