Dreamweaver CS3 - Dê adeus aos iframes e faça scrolls nos padrões web
Arquivo de (Dreamweaver) por Felipe Cardozo em 06-04-2008 - 6,632 visualizações
Tags: Dreamweaver CS3, Iframe nos padrões web, overflow
Certamente você algum dia já deve ter trabalhado com iframe e passou por algum problema. Porém, nesta vídeo aula iremos aprender a utilizar scroll sem a utilização de um iframe, que está em desuso por conta dos padrões web.
Iremos trabalhar com overflow e além do efeito scroll, podemos ocultar a barra de rolagem do box usando overflow-x ou overflow-y (para ocultar horizontal e vertical, respectivamente)
Para tirar a barra de rolagem do site todo, basta aplicar : overflow-x ou overflow-y na tag body
Assista à vídeo aula
Clique aqui para visualizar o resultado final
Abaixo, o código do efeito:
<style type="text/css">
<!--
body {
background-color: #333333;
}
p {
height: 200px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding: 8px;
overflow:scroll;
overflow-x: hidden;
text-align:justify;
}
-->
</style>
Era o que eu estava procurando!
Abçs
Pena que estou sem o dreamweaver e o fireworks aqui, pois formatei o pc, mas logo vou instalar todos os programas cs3 de novo ;]
Obrigado pela atenção!!!!
Abraço
Neste caso o essencial é fazer com include em php (falarei nas próximas vídeo aulas).
Mas como o overflow tem como fazer usando âncoras…
Fique atento que falarei disso nas próximas vídeo aulas…
Abçs
Não tenho palavras certas para descrever o trabalho tão bacana que o site proporciona, já estou no quarto dia em que não saio do PC para poder ver o site e a dinamica de cada aula dada, tenho algumas observações mas deixarei para uma proxima ocasião. A minha pergunta é a seguinte, como foi feito antes o processo de preparativo do codigo fonte da imagem inserida?
Um forte abraço a equipe
Obrigado pelas gentis palavras!
Você diz a imagem de background?
Se for ela, foi colocada como BG pelo Dream.
abçs
bom.. vc ensinou o overflow em tabela.. porem segundo a w3c, é desaconselhavel o use de tabelas… naos eria melhor fazer em uma div???
outra pergunta.. tem alguma video aula sobrea javascript e ou action script??
valeu pela força, parabens.. aquele abraço
Sem dúvidas, tabelas é desaconselhado pelo w3C, mas muita gente ainda trabalha com tabelas e tento de alguma forma, ensiná-las mas sempre conscientizando de que o caminho é o tableless.
Mas se eu so falar de tableless, muita gente que ainda esta aprendendo a trabalhar com o DW, fica a ver navios.
Não temos nenhum artigo falando exatamente de Java Script, mas na categoria Flash, você acha alguma coisa de A.S
Abçs
Desde já agradeço…
At.
Adriano
Essa página externa, você puxa por um include em php.
Irei providenciar uma vídeo aula falando sobre isso!
Forte abraço!
Kra, sua didática é perfeita, e vc tem um ótimo conteúdo, PARABÉNS.
Bom, eu aprendi como usar a formatação CSS, porém eu gostaria de aplicar a mesma em uma página que eu criei depois de já ter o meu site pronto…. para anexá-la a mesma, e não estou conseguindo usar a mesma formatação. Vc também pode me dizer se tem como eu usar o “OverFlow-x” em uma formatação CSS?
desde já sou grato.
e mais uma vez, PARABÉNS PELA SUA INICIATIVA.
Aplicar o CSS em um site já criado é um processo muito difícil e complexo. Se o site for dinâmico, facilita bastante
Sobre o overflow-x, você aplica dentro do próprio CSS.
Vc cria um bloco, define altura e dimensão e aplica o overflow no arquivo CSS e no seletor deste bloco.
Espero ter esclarecido suas dúvidas.
Abçs
abçs
Gostaria de saber se isso Funciona no Dreamweaver 8. Tentei fazer mas a barra de rolagem se duplica. Estou fazendo algo de errado ou funciona somente na versão CS3?
Por favor se puder me ajudar agradeço muito!!
Abraços!!
Graci
Tenho uma dúvida com relação ao Dreamweaver CS3. Eu consigo com o uso do Spry FrameWork do DW CS3 trabalhar com combos dinâmicas em Ajax e ASP? Preciso com urgência desta resposta…Obrigado e parabéns para o time MXMasters…
Bom, independente da versão do DW o código funciona.
Creio que você esteja esquecendo de algo.
Dê uma verificada aí!
[]´s
como faço essa barra de rolagem no flash mx, pois não estou conseguindo fazer?????
gostaria de saber como faço essa barra de rolagem no flash mx, pois não estou conseguindo fazer..
preciso de ajuda !!!
Obrigado
Irei desenvolver esta vídeo aula em muito breve.
[]´s
tem mta diferença do cs3 para o mx para fazer a barra?
preciso fazer essa barra com urgência.
Obrigado
preciso fazer essa barra com urgência.
Obrigado
gostaria de saber como faço um link no flash mx que quando clica em cima do e-mail aparece outlook.
Obrigado
Bom, basta você usar a seguinte linha:
[]´s
eu fiz dessa forma, mas não aconteceu nada.
eu fiz isso mas não aconteceu nada..
Ou então mande os arquivos para contato[@]mxmasters.com.br
[]´s
vlw!!!!!!!!
Rogério.
Olá Carlos, tudo bem?
Use o Overflow: http://www.mxmasters.com.br/macromedia-dreamweaver/dreamweaver-cs3-de-adeus-aos-iframes-e-faca-scrolls-nos-padroes-web/
[]´s
Mto obrigado pelo Tuto. Perfeito veio. Cara, soh uma duvida, tem como personalizar a barra de rolagem?! Ou ela soh fina na forma padrao mesmo?! Desde jah agradeco a atencao.
Como se faz pra configurar cores e estilos da barra de rolagem criada nesse tutorial? é possível somente com DW?
se não é possível onde encontro como fazer?
Obrigado e parabéns pelo trabalho.
atraves do youtube encontrei o site
ja tem dois dias que nao sai oda frente do pc suas videos aulas estao realmente me salvando mesmooo!
bom ja fiz cursos so que o que sei de web eh pouco… e o pouco que sei aprendi sozinho pelos rumos mesmo … dos meus conhecimentos do curso sao 5% do que aprendi o resto que sei aprendi correndo atras…
mas entao… tentei… nao sei se eh burrice minha… mas nao deu certo… ainda!!
coloquei o codigo… e depois coloquei “” na parte da tabela que queria que aparecece a rolagem … mas non deu!! =S
queria perguntar tbm se tem como eu colocar a rolagem e dentro dela fazer uma tabela com o conteudo do site…
nao sei se me entendeu…
tem como me ajudar ae por favor???
desde ja agradeço…
estou adorando suas aulas… super bem explicadas!!!
Vlw
agora vem o problema maior!
criei uma layer e adicionei o efeito dentro da layer
ateh ae tudo bem!
mas eu uso meu pc na resoluçao 1024 X 1280
e o meu cliente usa a resoluçao 1024X768
pra mim a layer fika em uma posiçao
pra ele a layer fika no meio da pagina
ajude-me por favor…
tens como:)
brigadaooo
Lucas, não recomendo muito trabalhar com layers, mas tente colocar o posicionamento (X e Y) ou (L e T) como “%” - Porcentagem.
[]´s