sexta-feira, 9 de dezembro de 2011

Cantos Arredondados com CSS

É muito simples fazer um box com cantos arredondados.
Estilo:
.P { border: solid thick red;
border-radius: 1em }

HTML:
<div class="P">
  <p>Conteúdo da camada</p>
  </div>


Fonte: Maujor

terça-feira, 1 de novembro de 2011

Eliminar tela de login do Windows 7

iniciar,executar digite: control userpasswords2
desmarque: os usuários devem digitar um nome de usuário e senha... Coloque o nome do seu usuário que logará automaticamente e senha se tiver...ok...

Fonte: Babooforum

quarta-feira, 3 de agosto de 2011

quinta-feira, 28 de julho de 2011

Inserir registro em Banco de Dados com ADO ASP

Você precisará de 2 páginas.

Formulário HTML;

Vamos chamá-la de cadastro.html

<form id="form1" name="form1" method="post" action="adicao.asp">
  <p>Usuário:</p>
  <p>
    <label>
      <input type="text" name="usuario" id="usuario" />
    </label>
  </p>
  <p>Senha:</p>
  <p>
    <label>
      <input type="text" name="senha" id="senha" />
    </label>
  </p>
  <p>
    <label>
      <input type="submit" name="button" id="button" value="Senha" />
    </label>
  </p>
</form>

A página ASP chamaremos de adicao.asp

Lembre-se de trocar as informações que estáo em negrito para que funcione perfeitamente.

<%
Dim con
Dim rst
Const adOpenKeyset = 1
Const adLockOptimistic = 3
' Cria os objetos
Set con = Server.CreateObject("ADODB.Connection")
Set rst = Server.CreateObject("ADODB.Recordset")
' Abre a conexão com o banco de dados. Estou usando postgre, mas pode ser o de sua preferência.
con.Open "DRIVER={PostGreSQL ANSI};SERVER=servidoraqui;UID=postgres;PWD=senhadoDBaqui;DATABASE=nomedoDBaqui;OPTION=3"
' Cria um Recordset do tipo keyset baseado na tabela clientes
' usando o bloqueio otimista
rst.Open "SELECT * FROM nomedatabela", con, adOpenKeyset, adLockOptimistic

' Cria um registro em branco
rst.AddNew
  ' Recebe os dados do formulário e os atribui aos campos da tabela. Pode acrescentar linhas para quantos campos quiser
  rst("campo")= Request.Form("campo")
  rst("campo")= Request.Form("campo2")

' Salva o registro
rst.Update

Response.Write "<B>Registro salvo com sucesso !</B>"

rst.Close
con.Close
%>

Se quiser usar banco de dados access, segue exemplo.

DBQ=C:\pasta\nomedoDB.mdb;DRIVER={Microsoft Access Driver (*.mdb)}
Se alguém tiver uma sugestão para melhorar a postagem, fique a vontade para fazê-la.

Fonte: http://www.macoratti.net

terça-feira, 26 de julho de 2011

Envio de arquivos grandes por e-mail

Uma boa solução para quem precisa enviar arquivos pesados por e-mail e não possui um servidor FTP para upar e enviar o link para o destinatário é usar o http://www.sendspace.com/ .

image

Para usar é muito simples. Basta clicar em Browse, escolher o arquovop que vc quer enviar e depois preecnher os campos Para (To), com o e-mail de quem irá recever o arquivo e De (From) com seu e-mail . Pronto. A pessoa irá receber um link do arquivo. Aí é só baixar.

terça-feira, 19 de julho de 2011

Sombra em DIV com CSS

Segue exemplo de código.

<html>
<head>
<title>CSS</title>
<style type="text/css">
<!--
a:link {
    color: #FFF;
}
.box {
    position:absolute;
    width:90px;
    height:90px;
    background-color:#900;
    -moz-box-shadow:10px 10px 8px #555;
    -webkit-box-shadow:10px 10px 8px #555;
    box-shadow:10px 10px 8px #555;

    }
    #shadowbox_info {
border: 0px solid;
}
#shadowbox_title {
border: 0px solid;
}
-->
</style></head>

<body>
<div class="box">Conteúdo da DIV - Camada</div>
</body>
</html>

O IE8 não funcionou, mas no Chrome e no Mozilla é perfeito.

Compatibilidade com Mozilla:
-moz-box-shadow:10px 10px 8px #555;

Compatibilidade com Chrome e Safari:
-webkit-box-shadow:10px 10px 8px #555;

image

Assim que tiver a solução para o IE8 eu posto.

Verificar se um campo do Banco de Dados contém informação

Mais uma dúvida que encontrei poucos resultados na internet.

Se você precisa fazer uma verificação para saber se o campo contém ou não registro, segue o código ASP

<%
sql = Recordset("campododb")
if isnull(sql) then
response.write "Não contém informação"
Else
response.write ""&sql&""
end if
%>

Caso você não queira mostrar informação quando não tiver dados no campo, o código sofre uma pequena alteração no primeiro response.write. Veja:

<%
sql = Recordset("campododb")
if isnull(sql) then
response.write " "
Else
response.write ""&sql&""
end if
%>

segunda-feira, 18 de julho de 2011

Sombra com CSS

Para quem deseja colocar sombra em texto com CSS é muito simples.

image

O TEXT-SHADOW é fantástico e muito fácil de usar.

No exemplo acima, tem três vezes repetidos o “1px”. O primeiro e o segundo se referem ao direcionamento da sombra X e Y, enquanto o terceiro se refere a difusão da cor definida.

O #000 é uma que escolhemos para sombra.

MySQL Workbench

Para quem deseja administrar MYSQL via interface gráfica essa é uma excelente ferramenta.

Ele permite administrar remotamente seu Banco de dados. Uma maravilha que adianta  muito o serviço.

Para usar é bem simples.

Instale o MYSQL (aqui no blog tem uma opção para você instalar inclusive com o Apache para Windows 7).

Depois instale o Workbench e pronto.

Ao abrir o aplicativo clique em Database – > Query Database

image

Depois clique em OK na janela que aparece.

image

Na próxima tela, você terá acesso aos bancos locais que estão listados em SCHEMAS.

image

Caso alguém tenha alguma correção ou algo que melhore as colocações é só deixar comentário.

Clique para fazer download do WORKBENCH

sexta-feira, 15 de julho de 2011

Mudar senha padrão do MYSQL

Após a instalação do MySQL (se você não fizer nada), o usuário padrão será o “root” e a senha será vazia… E isso não é nada seguro, mesmo quando se desenvolve localmente… Hoje vou ensinar como mudar essa senha tanto no Windows quanto no Linux.

Mudando a senha do root no Windows

1. Iniciar > Executar, digite CMD e aperte enter

2. Navegue até o diretório bin dentro da pasta onde o MySQL está instalado, pode serC:\mysql\bin ou se você estiver usando o XAMPP será C:\xampp\mysql\bin

3. Digite os seguintes comandos:

mysql -u root mysql

SET PASSWORD FOR root@localhost=PASSWORD('NOVASENHA');

Pronto, a senha foi modificada… Não se esqueça de mudar a senha do phpMyAdmin (no arquivo config.inc.php).

Fonte: Thiago Belém

Postgre psqlODBC para Windows 64 bits

Escrevo este post para anunciar algo que há muito é esperado por desenvolvedores que utilizam PostgreSQL através de ODBC: uma versão 64 bits do driver mantido pelo próprio grupo de desenvolvimento do PG, mais conhecido como PostgreSQL Global Development Group.

http://wwwmaster.postgresql.org/download/mirrors-ftp/odbc/versions/msi/psqlodbc_09_00_0101-x64.zip.

Os processos de instalação e criação são exatamente iguais à versão tradicional para 32 bits.

Fonte: Baú de DEV

WAMPSERVER: servidor local no Windows 7

Sempre tive curiosidade para trabalhar com PHP mas sempre esbarrei no servidor local. Agora consegui o WAMPSERVER. Em poucos cliques um servidor para fazer testes.

A versão mais atual vem com:

  • Apache 2.2.11;
  • PHP 5.3.0;
  • MySQL 5.1.36;
  • phpMyAdmin.

Fonte: @winajuda

Se quisr ajuda para configurar pode usar a apostila a seguir.

http://apostilando.com/download.php?cod=3260&categoria=

Caso instale e o status do servidor fique como offline, você precisará reiniciar o servidor. É só clicar com o botão esquerdo sobre o ícone e depois em Reiniciar Todos os Serviços.

image

Se tiver outro servidor web instalado será necessário alterar a porta também.

Vá até C:\wamp\bin\apache\Apache2.2.17\conf

Abra o httpd.conf e altere de 80 para 82

image

Espero ajudar. Se alguém quiser acrescentar ou corrigir alguma informação é só deixar comentário.

quinta-feira, 14 de julho de 2011

Alinhar pelo meio da DIV com CSS

 
As vezes a gente usa vertical-align: middle e o conteúdo não fica no centro por nada. Então aqui está a solução.
O display: table-cell faz a diferença.
Veja o exemplo:
CSS:
div#nomedacamada {
width: 200px;
height: 150px;
border: 1px solid #c30;
background: #ffe;
vertical-align: middle;
display: table-cell;
}

HTML:
<div id="nomedacamada">
Texto no meio da DIV
</div>
Fonte: Blog do Maujor

Nivo Slider

Caracteristicas:

# 9 efeitos únicos de transição
# Marcação simples e facil

Nivo Slider foi testado com os seguintes navegadores:

* Internet Explorer v7 +
* Firefox v3 +
* O Google Chrome v4
* Safari v4

Como usar

Para usar o Nivo Slider você tem que incluir jQuery e o script Nivo Slider CSS em sua página:

<link rel=”stylesheet” href=”nivo-slider.css” type=”text/css” media=”screen” />
<script src=”jquery.min.js” type=”text/javascript”></script>
<script src=”jquery.nivo.slider.js” type=”text/javascript”></script>

Em seguida, você precisa adicionar alguns códigos HTML.
Note-se que para adicionar uma legenda que você simplesmente precisa adicionar um atributo de título para a imagem:

<div id=”slider”>
<img src=”images/slide1.jpg” alt=”" />
<img src=”images/slide2.jpg” alt=”" />
<img src=”images/slide3.jpg” alt=”" title=”This is an example of a caption” />
<img src=”images/slide4.jpg” alt=”" />
</div>

Finalmente você precisa para montar o seu script usando a função $(window).load():

<script type=”text/javascript”>


$(window).load(function() {
$(‘#slider’).nivoSlider();

});


</script>

O Nivo Slider tem muitas opções para mexer com seus efeitos e transições.
Abaixo está um exemplo do código com todas as opções disponíveis e seus padrões:

<script type=”text/javascript”>


$(window).load(function() {
$(‘#slider’).nivoSlider({
effect:’random’,
slices:15,
animSpeed:500,
pauseTime:3000,
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3…
beforeChange: function(){},
afterChange: function(){}
});
});


</script>

Os parâmetro de efeito pode ser qualquer um dos seguintes:

* sliceDown
* sliceDownLeft
* sliceUp
* sliceUpLeft
* sliceUpDown
* sliceUpDownLeft
* fold
* fade
* random

Fonte: Diego Galvão e Dev7Studios

terça-feira, 5 de julho de 2011

IIS Parou de funcionar

Segue uma solução para o caso de o IIS parar de fuuncionar.

Pessoal, obrigado pela atenção mas jah solucionei o caso.

Realmente havia um processo na porta 80.

Quando você dá um netstat ele tem ao lado um PID (Process ID) para descobrir quem é e derrubalo basta ir no Gerenciador de Tarefas e ir em Exibir -> Colunas e selecionar a coluna PID e comparar o PID do Netstat com o PID do processo.

Fonte: Site da Microsoft

O comando netstat é extremamente importante para saber se uma determinada porta está sendo utilizada:

netstat -an

Será apresentado o resultado:
TCP 127.0.0.1:3398 127.0.0.1:4105 ESTABLISHED
TCP 127.0.0.1:3399 127.0.0.1:4105 ESTABLISHED
TCP 127.0.0.1:3400 127.0.0.1:4105 ESTABLISHED
TCP 127.0.0.1:3401 127.0.0.1:4105 ESTABLISHED

Caso seja necessário saber o número do processo (pid) que está utilizando uma determinada porta, é necessário utilizar o comando:

netstat -ano

Onde será exibido o resultado:
TCP 127.0.0.1:3394 127.0.0.1:4105 ESTABLISHED 2808
TCP 127.0.0.1:3395 127.0.0.1:4105 ESTABLISHED 544
TCP 127.0.0.1:3396 127.0.0.1:4105 ESTABLISHED 2808
TCP 127.0.0.1:3397 127.0.0.1:4105 ESTABLISHED 3176

Obs.: Os valores em negrito representam o número do processo.

É possível fazer outras combinações, como por exemplo saber somente qual processo está utilizando a porta 1099 (porta padrão do jboss):

netstat -ano | find "1099"

Será apresentado o resultado:

TCP 127.0.0.1:1099 0.0.0.0:0 LISTENING 4232

quinta-feira, 28 de abril de 2011

A síndica na contramão

Há poucos dias me deparei com uma situação estranha. Uma síndica que não deixa guardar bicicletas na garagem do prédio. Mas você pode perguntar: estranha por quê?
Vou explicar. Ao ligar a TV, ler em jornal e revista ou acessar a internet, a gente vê muitas campanhas de conscientização que trata do assunto do meio ambiente. Inclusive, o incentivo ao uso das bicicletas como lazer ou meio de transporte. Isso por vários motivos. Pode ser por uma vida mais saudável, para melhorar o trânsito, etc.
De acordo com a Abraciclo (Associação Brasileira de Fabricantes de Bicicletas), no Brasil são vendidas por ano, 5 milhões de bicicletas. Para você ter ideia, em São Paulo, são 220 mil ciclistas, destes 50% usam como meio de transporte.
Ao serem entrevistadas, várias delas dizem possuir carro, mas optaram pelo uso das bicicletas, pois o trânsito está cada dia mais lento. Outros, porque não suportam a superlotação dos metrôs e ônibus. Há ainda aqueles que dizem ser por causa de bem-estar e mais qualidade de vida.
Em síntese, podemos perceber que há dois pensamentos. De um lado estão os que fazem campanhas de conscientização e do outro estão os que se intitulam “cultos”. Mas, que na prática se passam de lobos vestidos de cordeiros.
Enquanto, nós gestores de marketing, desenvolvemos ideias para tornar as empresas sustentáveis, pessoas que deveriam ser os maiores incentivadores criam regras que vão totalmente, na contramão do mundo. Todos querem salvar o planeta com ideias e planos geniais. Menos a nossa amiga síndica e alguns poucos que teimam em não deixar nada para as futuras gerações.
Querida síndica, saia da sua zona de conforto. Venha para o mundo sustentável.

quarta-feira, 5 de janeiro de 2011

Tutoriais para desenvolvimento web

Pessoal, encontrei um site com alguns tutoriais muito legais.

http://www.webtuts.com.br

Em especial quero compartilhar o que fala de Postgre.

Parte 1
http://www.webtuts.com.br/2010/09/curso-postgresql-%E2%80%93-parte-i-introducao-instalacao/

Parte2
http://www.webtuts.com.br/2010/09/curso-postgresql-%E2%80%93-parte-ii-tipos-de-dados/

Mais um site no ar

image

Esse é o novo site da Folha da Cidade.

Usei banco de dados Postgre + ASP.

Espero que gostem. Estou colocando novas funções.

http://www.folhadacidade.inf.br/

Como programar no ambiente ASP usando Perl

Para quem deseja uma experiência nova na área de programação, vale a pena conhecer esse site. http://www.superaspl.com.br/

Aí tem desde de a instalação, passando por configuração do dreamweaver, até exemplos da integração ASP + Perl.

Enfim, o site é muito completo. E estão atualizando permanentemente.

Ícones para redes sociais

Para qum deseja ícones diferentes, quer sejam em imagem ou em vetor esses links abaixo podem ajudar.

Todos free.

Vetor:
http://icondock.com/free/vector-social-media-icons

 

O link abaixo apresenta algumas variações muito legais dos ícones. Caso esteja criando um layout diferenciado, certamente um deles se encaixará ao design.
http://www.bonstutoriais.com.br/28-icones-de-rede-sociais-gratis

Um exemplo: