CSS possibilita definir uma variedade infinita de layouts e efeitos para um link ou um conjunto de links.
Um link visitado, não visitado, ativo ou no estado hover (quando você passa o mouse sobre ele) pode assumir aspectos (cores, fundos, etc…) diferentes através de CSS.
Abordarei neste tutorial as técnicas básicas de manipular os quatro seletores de link.
O Effects é um conjunto de efeitos visuais do Frameworks Spry, que pode ser adicionado em diversos elementos do HTML. No Dreamweaver os efeitos podem ser adicionados no modo Design, sem a necessidade de trabalhar diretamente com código, falicitando ainda mais a adição desses efeitos. O Effects fica localizado no Painel de Behaviors (Windows > Behaviors) como um comportamento normal, podendo ser ativado com diversos eventos.
Appear/ Fade
Esse efeito faz o elemento selecionado ir aparecendo ou surgindo na tela. Continue reading »
Olá a pessoal,
Esse tutorial espero que ajude muitas pessoas, pois tenho visto muito essa dúvida no fórum!
Vamos criar um formulário básico de contato para um site, como o exemplo abaixo:
Este tutorial e uma adaptação do original que escrevi, para publicação no site da DWOnline (uma comunidade Dreamweaver).
Neste artigo abordarei o uso do (FW) Fireworks e (DW) Dreamweaver para obter um efeito de bordas arredondadas em tabelas. O objetivo é “quebrar” aquela apresentação fria, quadrada e padrão do formato retangular das tabelas tão usadas para definir layouts. É uma maneira bastante simples de se obter um visual diferente e o exemplo que vou seguir tem como finalidade apresentar a técnica geral. Com criatividade você conseguirá outros efeitos. ESTE TUTORIAL SUPÕE QUE VOCÊ TEM NOÇÕES BÁSICAS DE MANIPULAÇÃO DAS FERRAMENTAS DO FW e do . Continue reading »
Veja aqui como criar pop-up’s no seu Dreamweaver
Quem é que gosta dos chamadas Janelinhas Pop-up? Os Pop-ups tem se tornado um dos campeões de chateações do mundo da Internet e para driblar essas chateações nada melhor do que criarmos um pop-up bem mais interessante do que uma simples janelinha flutuante. Uma das alternativas bem atraentes é utilizar janelinhas pop-up transparentes. O uso de um Comportamento do DW (behaviors) pode ser adicionado em camadas que as deixam transparente. Poderemos adicionar um botão que ao clicar em fechar , após um tempo determinado ela “vai desaparecendo” (Efeito Fade) para o usuário. Ou podemos fazer com que a camada já apareça transparente. Esse recurso só funcionará se você tiver no seu DW o comportamento “Opacity Suite”. Caso não possua esse comportamento baixe-o
Padding é a quantidade de pontos que o conteúdo de um objeto fica identado no objeto, ou seja é o número de pontos em que o conteúdo está recuado dentro do objeto externo.
Utilização:
padding:10px 2px 15px 0px
padding-left:0px;
padding-right:2px;
padding-bottom:15px;
padding-top:10px;
padding:10px 0px;
Utilizando apenas padding, você deve informar os quatro cantos, sendo eles respectivamente (acima, direita, abaixo, esquerda). Ou como no último caso que o padding será para 10px de padding vertical, 0px de padding horizontal.
Ex.: Continue reading »
Esse artigo é uma tradução de alguns trechos que explica o Nifty Corners criado pelo Alessandro Fulciniti. O Nifty Corners é uma combinação de CSS e Java script para gerar cantos arredondados sem a necessidade de imagens. A técnica é composta de quatro elementos essenciais e que juntos pesam menos de 6kb:
1. Arquivo CSS para screen
2. Arquivo CSS para print
3. Arquivo Java script para gerar o Nifty Corners Continue reading »
Esse tutorial está sendo desenvolvido para ser utilizado em flash MX, logo mais colocarei a versão do tutorial para o flash MX 2004.Olá! Nesta vídeo aula, iremos aprender a desenvolver um slide show de fotos com efeito de transição bem simples de se fazer. Através do Dreamweaver, é criado um controle em flash que você poderá ocultar ou não através das propriedades. Você poderá adicionar quantas fotos quiser, colocar títulos e escolher o tipo de transição. Continue reading »