agradeço a quem visitou este tópico e respondeu
valeu!
Bara De Rolagem No Meio Do Site
Started By DigaoX, 23/01/2005, 16:24
13 replies to this topic
#1
DigaoX
-
- Usuários
-
- 8 posts
Novato no fórum
- Sexo:Não informado
- Localidade:Itauna.Minas Gerais
- Interesses:RPG,animê,mangá,cinema,música(metal,rock e clássico)senhor dos anáis,Tibia,tudo que tem aver com a terra mádia e games.
Posted 23/01/2005, 16:24
oi estou arrumando um site e estou querendo colocar uma barra de rolagem no meio do site como visto em muitos sites...mas não sei como se faz isso usando o frontpage 2002 por favor alguem poderia me ajudar????
agradeço a quem visitou este tópico e respondeu
valeu!
agradeço a quem visitou este tópico e respondeu
valeu!
DigaoX
#2
Klaus
-
- Ex-Admins
-
- 7924 posts
@ ubuntu jaunty
- Sexo:Masculino
- Localidade:127.0.0.1
Posted 23/01/2005, 16:26
#3
Tash
-
- Usuários
-
- 315 posts
Alexandre Gomes Gaigalas
- Sexo:Não informado
- Localidade:Mauá - SP
- Interesses:Desenvolvimento para Web, Web Standards, Tableless, XHTML, CSS, PHP, MySQL, JavaScript, XML
Posted 23/01/2005, 16:33
Não Use iframes... use um div com tamanho pré estabelecido e coloque a propriedade overflow: auto;
Por que?
Os iframes não são mais recomendados pelo W3C
Os div's são cross-browser
Exemplo:
Por que?
Os iframes não são mais recomendados pelo W3C
Os div's são cross-browser
Exemplo:
<div style="height: 200px; width: 200px; overflow: auto;">Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Tutorials, books, mailing lists for users, etc. can be found on the “learning CSS” page. For background information on style sheets, see the Web style sheets page. Discussions about CSS are carried out on the (archived) www-style@w3.org mailing list and on comp.infosystems.www.authoring.stylesheets. </div>
Alexandre Gomes Gaigalas
http://alexandre.gaigalas.net
http://alexandre.gaigalas.net
#4
DigaoX
-
- Usuários
-
- 8 posts
Novato no fórum
- Sexo:Não informado
- Localidade:Itauna.Minas Gerais
- Interesses:RPG,animê,mangá,cinema,música(metal,rock e clássico)senhor dos anáis,Tibia,tudo que tem aver com a terra mádia e games.
Posted 23/01/2005, 16:51
Desculpe gente mas sou novato no ramo e num entendo nada disso por favor me ajudem! 
mas sou novato no ramo e num entendo nada disso por favor me ajudem!
DigaoX
#5
Klaus
-
- Ex-Admins
-
- 7924 posts
@ ubuntu jaunty
- Sexo:Masculino
- Localidade:127.0.0.1
Posted 23/01/2005, 16:55
hehehehehe ajudar mais? Só se nós aprendermos pra você...
#6
Without a Nick
-
- Usuários
-
- 2378 posts
Sem culpa no cartório
- Sexo:Não informado
- Localidade:Guarulhos
Posted 23/01/2005, 16:59
<iframe src="suapagina.html" width="400" height="300"></iframe>
é iframe isso.
o div olha o exemplo acima.
é iframe isso.
o div olha o exemplo acima.
#7
DigaoX
-
- Usuários
-
- 8 posts
Novato no fórum
- Sexo:Não informado
- Localidade:Itauna.Minas Gerais
- Interesses:RPG,animê,mangá,cinema,música(metal,rock e clássico)senhor dos anáis,Tibia,tudo que tem aver com a terra mádia e games.
Posted 23/01/2005, 17:00
ah desculpa é só colocar esse código no html do site???? valeu!!!
é só colocar esse código no html do site???? valeu!!!
Edição feita por: DigaoX, 23/01/2005, 17:01.
DigaoX
#8
Without a Nick
-
- Usuários
-
- 2378 posts
Sem culpa no cartório
- Sexo:Não informado
- Localidade:Guarulhos
Posted 23/01/2005, 17:05
sim... veja qual dos dois se encaixa melhor na sua necessidade, ok?
[]'s
[]'s
#9
DigaoX
-
- Usuários
-
- 8 posts
Novato no fórum
- Sexo:Não informado
- Localidade:Itauna.Minas Gerais
- Interesses:RPG,animê,mangá,cinema,música(metal,rock e clássico)senhor dos anáis,Tibia,tudo que tem aver com a terra mádia e games.
Posted 23/01/2005, 17:13
mas eu num quero abrir uma pagina do meu site dentro da caixa, quero apenas fazer uma caixa com uma barra de rolar com um conteudo ex:texto eu escreva a qulquert momento 
valeu!!!
valeu!!!
DigaoX
#10
Klaus
-
- Ex-Admins
-
- 7924 posts
@ ubuntu jaunty
- Sexo:Masculino
- Localidade:127.0.0.1
#11
DigaoX
-
- Usuários
-
- 8 posts
Novato no fórum
- Sexo:Não informado
- Localidade:Itauna.Minas Gerais
- Interesses:RPG,animê,mangá,cinema,música(metal,rock e clássico)senhor dos anáis,Tibia,tudo que tem aver com a terra mádia e games.
Posted 23/01/2005, 17:18
vou dar um exemplo de um site....por favor me ajudem
site
site
Edição feita por: DigaoX, 23/01/2005, 17:19.
DigaoX
#12
Tash
-
- Usuários
-
- 315 posts
Alexandre Gomes Gaigalas
- Sexo:Não informado
- Localidade:Mauá - SP
- Interesses:Desenvolvimento para Web, Web Standards, Tableless, XHTML, CSS, PHP, MySQL, JavaScript, XML
Posted 23/01/2005, 17:32
cara, não vi nada de especial nesse site de exemplo... pelo que eu entendi, você queria isso (cole em um arquivo .html e rode):
<body scroll="no"> <div style="text-align: center; height: 100%"><div style="text-align: left; margin: 0px auto; width: 500px; height: 100%; overflow: auto;"> The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved. New visitors can find help in Finding Your Way at W3C. We encourage you to read the Prospectus and learn more about W3C.The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved. New visitors can find help in Finding Your Way at W3C. We encourage you to read the Prospectus and learn more about W3C.The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved. New visitors can find help in Finding Your Way at W3C. We encourage you to read the Prospectus and learn more about W3C.The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved. New visitors can find help in Finding Your Way at W3C. We encourage you to read the Prospectus and learn more about W3C.The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved. New visitors can find help in Finding Your Way at W3C. We encourage you to read the Prospectus and learn more about W3C.The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved. New visitors can find help in Finding Your Way at W3C. We encourage you to read the Prospectus and learn more about W3C.The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved. New visitors can find help in Finding Your Way at W3C. We encourage you to read the Prospectus and learn more about W3C.The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved. New visitors can find help in Finding Your Way at W3C. We encourage you to read the Prospectus and learn more about W3C.The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find W3C news, links to W3C technologies and ways to get involved. New visitors can find help in Finding Your Way at W3C. We encourage you to read the Prospectus and learn more about W3C. </div></div></body>
Alexandre Gomes Gaigalas
http://alexandre.gaigalas.net
http://alexandre.gaigalas.net
#13
Alex Hiroshi
-
- Ex-Admins
-
- 4923 posts
Super Veterano
- Sexo:Masculino
- Localidade:São Paulo - SP
Posted 23/01/2005, 21:27
. . onde tem barra de rolagem nesse site? alem da barra do navegador padrao??vou dar um exemplo de um site....por favor me ajudem
site
fiquei olhando aqui e não achei nada com rolagem...mais pra não complicar .. leia
http://forum.wmonlin...?showtopic=2651
... quer dizer . . leia e teste . .
ou procure pelo forum por overflow.. que é o estilo que vai colocar a barra na div (do tutorial)...
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#14
kelme
-
- Usuários
-
- 262 posts
12 Horas
- Sexo:Não informado
Posted 23/01/2005, 23:32
Galera, todos mandaram boas ajudas, mas sem considerar que o colega é muito novato, e tentar entender o que ele realmente precisa.
DigaoX o que você precisa são FRAMES (molduras). Vou lhe explicar o funcionamento, mas você provavelmente não vai entender de cara, porisso procure pela internet (site wmonline.com.br e outros) apostilas ou tutoriais de HTML báscio.
Frames funciona assim: você tem um arquivo principal, onde você determina como será dividido seu site. Por exemplo, vamos fazer um site que tenha um topo com 200 pixels de altura e um menu lateral direito, com 250 pixels de largura, e a parte central no espaço que sobrar.
O topo não terá barra de rolagem, e o menu direito também não. A parte central, se precisar, terá. Veja como fica o código desse arquivo principal, chamado index.html:
index.html
Lendo o código acima, você verá "topo.html", "centro.html" e "direito.html"... esses são 3 outros arquivos, que terão os conteúdos (links, textos, imagens, etc). O arquivo principal não tem nada disso, só a indicação das divisões da tela, entendeu?
Dessa forma do meu exemplo, você terá uma barra de rolagem no meio do site, como o site de exemplo que você postou. Espero ter ajduado, não deixe de ler as apostilas e tentar evoluir e mlehorar sempre.
Abraços, Saulo.
DigaoX o que você precisa são FRAMES (molduras). Vou lhe explicar o funcionamento, mas você provavelmente não vai entender de cara, porisso procure pela internet (site wmonline.com.br e outros) apostilas ou tutoriais de HTML báscio.
Frames funciona assim: você tem um arquivo principal, onde você determina como será dividido seu site. Por exemplo, vamos fazer um site que tenha um topo com 200 pixels de altura e um menu lateral direito, com 250 pixels de largura, e a parte central no espaço que sobrar.
O topo não terá barra de rolagem, e o menu direito também não. A parte central, se precisar, terá. Veja como fica o código desse arquivo principal, chamado index.html:
index.html
<html> <head> <title>Título</title> </head> <frameset rows="200,*" frameborder="NO" border="0" framespacing="0"> <frame src="topo.html" name="topo" frameborder="no" scrolling="NO" noresize id="topo" > <frameset cols="*,250" frameborder="NO" border="0" framespacing="0"> <frame src="centro.html" name="centro" frameborder="no" scrolling="auto" noresize id="centro"> <frame src="direito.html" name="direita" scrolling="no" noresize id="direito"> </frameset> </frameset> <noframes><body> </body></noframes> </html>
Lendo o código acima, você verá "topo.html", "centro.html" e "direito.html"... esses são 3 outros arquivos, que terão os conteúdos (links, textos, imagens, etc). O arquivo principal não tem nada disso, só a indicação das divisões da tela, entendeu?
Dessa forma do meu exemplo, você terá uma barra de rolagem no meio do site, como o site de exemplo que você postou. Espero ter ajduado, não deixe de ler as apostilas e tentar evoluir e mlehorar sempre.
Abraços, Saulo.
2 user(s) are reading this topic
0 membro(s), 2 visitante(s) e 0 membros anônimo(s)
