É 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
Sabe quando surge aquela dúvida e ninguém ajuda? Pois é... aqui eu posto todas que eu tive, ninguém respondeu e eu encontrei a solução sozinho.
É 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
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
Como desenhar uma flor com Gradient Tool do Illustrator - PhotoPro TV #48
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
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/ .
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.
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;
Assim que tiver a solução para o IE8 eu posto.
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:
<%Para quem deseja colocar sombra em texto com CSS é muito simples.
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.
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
Depois clique em OK na janela que aparece.
Na próxima tela, você terá acesso aos bancos locais que estão listados em SCHEMAS.
Caso alguém tenha alguma correção ou algo que melhore as colocações é só deixar comentário.
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.
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
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
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:
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.
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
Espero ajudar. Se alguém quiser acrescentar ou corrigir alguma informação é só deixar comentário.
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
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
Pessoal, encontrei um site com alguns tutoriais muito legais.
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/
Esse é o novo site da Folha da Cidade.
Usei banco de dados Postgre + ASP.
Espero que gostem. Estou colocando novas funções.
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.
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: