Aqui você verá artigos sobre JavaScript
Moderador: web
por web Offline » Dom Out 05, 2008 12:37 pm
|
|
Vou explicar aqui como criar bordas arredondadas com o Nifty
Basicamente você precisa de 2 arquivos bases: http://www.html.it/articoli/niftycube/niftycube.js e http://www.html.it/articoli/niftycube/niftyCorners.css
Após colocar ambos arquivos em um diretório você pode usar esse HTML como base:
- Código: Selecionar todos
<html>
<head>
<style type="text/css">
div#box{
width: 18em;
padding: 20px;
margin:0 auto;
background:#E6E6E6;color:#000
}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}
h1,p{margin:0;padding:10px 20px}
</style>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#box","big");
}
</script>
</head>
<body>
<div id="box">
<h1>Nifty Corners Cube™</h1>
<p>One call. Two parameters. Three sizes.</p>
</div>
</body>
</html>
Existe uma série de configurações que podem ser aplicadas, como definir onde a borda será arredondada, etc...
Quem por exemplo, quer mudar somente as bordas superiores de uma div, troque o
Nifty("div#box","big");
por
Nifty("div#box","tltr");
Tudo é explicado no seguinte link
http://www.html.it/articoli/niftycube/index.html
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11904
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre JavaScript
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
