Postado por Agência Kairós em 23/06/2009
Centralizar uma página com DIVs usando CSS não é difícil, veja um exemplo:
body{
padding: 0;
margin: 0;
}
#div-centro{
margin: 0 auto;
width: 830px;
height: 650px;
border: 1px solid #333;
}
Seu html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Teste Centralização"</title>
</head>
<body>
<div id="div-centro">
<h1> <q>Página Centralizada</q> </h1>
</div>
</body>
</html>
Postado por Agência Kairós em 09/06/2009
Um simples contador de visitas para seu site.
1 - Crie um arquivo txt chamado contador.txt
2 - Use o script abaixo:
$txt = "contador.txt"; // Arquivo txt(Você deve dar permissao de escrita para esse arquivo)
$arquivo = fopen($txt,"r");
$visitas = fgets($arquivo,1024);
fclose($arquivo);
$arquivo = fopen($txt,"r+");
$visitas = $visitas + 1;
fwrite($arquivo,$visitas);
fclose($arquivo);
echo "<p>Visitas: <b>".$visitas."</b></p>"; //Mostrando o resultado na tela
Este exemplo de contador não registra IPs e sua contagem é a cada refrech de página.
Postado por Agência Kairós em 09/06/2009
Simples forma de conexão PHP ao Banco de dados Mysql:
$host = "SEU_SERVIDOR";
$user = "USUARIO";
$senha = "SENHA";
$bdados = "NOME_DO_BANCO";
if(!($con = mysql_connect($host,$user,$senha))){
echo "Erro na conexão com o DB";
exit;
}
if(!( $bd = mysql_select_db($bdados,$con))){
echo "Erro na seleção do banco";
exit;
}
Postado por Agência Kairós em 09/06/2009
Para alterar a cor de fundo do Os-commerce v2.2 , localize o arquivo stylesheet.css e edite a linha:
BODY {
background: #ffffff; /* <- Aqui você define uma cor para o fundo do site, tente colocar #EAF2FA */
color: #000000;
margin: 0px;
}
PS. Claro que não se pode alterar todas as cores do site apenas na linha mostrada acima, você deve localizar neste arquivo as cores, estilos de fontes e o que mais o for preciso para deixar a loja ao seu gosto, alterando suas propriedades.
Postado por Agência Kairós em 09/06/2009
Mostrarei como instalar o Oscommerce e um servidor local, o WampServer.
Aconselho testar a loja localmente, para aqueles que estão começando, e para isso deve-se instalar um servidor local. Como o processo de instalação e configuração de um servidor é um pouco complexo, vamos usar o WampServer pois sua instalação é bem simples e já vem com Apache 2.2.8 - MySQL 5.0.51b - PHP 5.2.6.
Primeiramente, baixe o WampServer. Se você já o tenha instalado, pule essa parte.
1 - Execute o arquivo - Clique em Next>
Continue lendo »
Postado por Agência Kairós em 05/06/2009
Para todos os inputs:
$(function(){
$("input").attr('autocomplete','off');
});
Para uma classe de inputs:
$(function(){
$(".NOME_DA_CLASSE").attr('autocomplete','off');
});
PS. precisa da biblioteca do Jquery pra funcionar, ok.
Postado por Agência Kairós em 05/06/2009
Para se exibir cores alternadas, o famoso “cor sim cor não“, podemos usar o pequeno esquema:
$cor1 = "fundo-1";
$cor2 = "fundo-2";
$cor = ($coralternada++ %2 ? $cor2 : $cor1);
Exemplo prático:
while($r = mysql_fetch_assoc($SEU_SQL))
{
$cor1 = "fundo-1";
$cor2 = "fundo-2";
$cor = ($coralternada++ %2 ? $cor2 : $cor1);
echo "<div class='$cor'>";
echo $m["sua_coluna"] ;
echo "</div>";
}
Lembrando que nesse exemplo, fundo-1 e fundo-2 são duas classes de cores configuradas no CSS*.
*
.fundo-1{
background: #aaa;
}
.fundo-2{
background: #f1f1f1;
}
Postado por Agência Kairós em 04/06/2009
Neste Tutorial vamos criar um efeito bastante interessante…efeito gota d´agua.
1 - Vamos pegar essa imagem como exemplo:
Continue lendo »
Postado por Agência Kairós em 04/06/2009
Uso brushes em quase todos os meus projetos. E pra quem gosta de abusar e ter um infinidade deles, vale a pena conferir essa relação.
Link : http://abduzeedo.com/1000-great-ps-free-brushes-paulw
Postado por Agência Kairós em 04/06/2009
Aprenda a criar de maneira fácil lindos tooltips usando Prototype javascript framework.
Tooltips, são aqueles balões que quando paramos o mouse em cima de um link, aparecem de imediato com algum texto.
Link : http://www.nickstakenburg.com/projects/prototip2/
Últimos comentários