InícioTarget no CSS
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Target no CSS
por Jeff123 13.07.15 20:51
Olá,
Tenho algum conhecimento em html, o bastante para copiar e colar alguns códigos de Experts dos Vários Fóruns da Net e adaptá-los à minha HP. Desculpe o linguajar, pois sou leigo no assunto.
A minha Página é bem antiga e ainda usa o Frameset, com dois frames :
1) Uma Coluna, com pequena largura, à esquerda com os links de navegação - É fixa.
2) Outra Coluna, com a largura restante e bem maior, com os conteúdos que são chamado pelos links, acima mencionados - Muda os conteúdos de acordo com a URL que o usuário clicar.
Bom, o tal Frameset e também os Iframes estão praticamente em desuso, pelo fato da dificuldade de idexação dos buscadores, HTML5 já não admite isso e por vários outros motivos, e então fui aconselhado a mudar tudo para CSS, que é mais atual e deixa a página com fácil navegação.
Para ser ter uma ideia da minha página ( ainda com Framesets ), é só acessar : http://jefferson.freetzi.com
Muito bem, para abandonar o Frameset de vez, e manter, mais ou menos, o mesmo jeito dessa página antiga, estou tentando adaptar tudo para alguns scripts CSS ( posso chamá-los de scripts? ) que copiei de vários fóruns. O rascunho está assim :
Admito que pode haver algumas linhas de comando desnecessárias ou mesmo erradas, mas o Navegador está mantendo o jeito inicial que Eu quero.
Só que Eu não sei como fazer para jogar as Url's para o lado direito, à medida que vão sendo clicadas, MANTENDO o Menu fixo à esquerda, como mostra a figura :
Vejam, gostaria de não ter que usar o javascript, pois é outro conselho que recebi de usar o mínimo possível pois alguns navegadores tem seu javascript desligado de propósito pelo próprio usuário, por uma questão de segurança.
Pelo pouco que sei, acho que a chave de tudo é o "TARGET", mas não sei configurá-lo, tanto na folha de estilos ( antes da tag </head> ) como também dentro da tag <body>, normalmente após cada link, como tem funcionado na antiga página dos Framesets, ou seja :
<a href="prin.html" target="1">Introdução</a>
O número "1", tem origem em : <frame src="prin.html" name="1" noresize>.
Já tentei várias dicas de configurar o CSS e o Target, mas só DUAS coisas aconteceram até agora :
- OU o link clicado faz abrir uma nova aba ou navegador ;
- OU o link clicado cobre toda a página, inclusive o Menu que deveria ficar fixo à esquerda.
Será que alguém pode me ajudar?
Muito grato desde já.
Jeff
Tenho algum conhecimento em html, o bastante para copiar e colar alguns códigos de Experts dos Vários Fóruns da Net e adaptá-los à minha HP. Desculpe o linguajar, pois sou leigo no assunto.
A minha Página é bem antiga e ainda usa o Frameset, com dois frames :
1) Uma Coluna, com pequena largura, à esquerda com os links de navegação - É fixa.
2) Outra Coluna, com a largura restante e bem maior, com os conteúdos que são chamado pelos links, acima mencionados - Muda os conteúdos de acordo com a URL que o usuário clicar.
Bom, o tal Frameset e também os Iframes estão praticamente em desuso, pelo fato da dificuldade de idexação dos buscadores, HTML5 já não admite isso e por vários outros motivos, e então fui aconselhado a mudar tudo para CSS, que é mais atual e deixa a página com fácil navegação.
Para ser ter uma ideia da minha página ( ainda com Framesets ), é só acessar : http://jefferson.freetzi.com
Muito bem, para abandonar o Frameset de vez, e manter, mais ou menos, o mesmo jeito dessa página antiga, estou tentando adaptar tudo para alguns scripts CSS ( posso chamá-los de scripts? ) que copiei de vários fóruns. O rascunho está assim :
- Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>2 Column Frames Layout — Left Menu</title>
<style type="text/css">
div {
list-style: none;
margin: 0;
padding: 0;
}
body{
margin: 0;
padding: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
font-family:Sans-serif;
line-height: 1.5em;
}
#nav{
position: fixed;
width:16%; /* width of the menu div */
top: 0px; /* distance to the top of the menu div from the top of the
page */
bottom: 0px; /* distance to the Bottom of the menu div from the
Bottom of the page */
margin: 0px;
padding: 5px;
background: #4682B4;
text-decoration: none;
border-right: 10px solid #696969;
}
#nav a{
width: 90%;
font: 15px 'verdana', helvetica, sans-serif;
font-weight:bold;
color: #0000FF;
background: #FF9900;
text-align: center;
text-decoration: none;
padding: 5px 5px;
margin: 5px 5px;
border-radius: 10px; /* border-radius */
float: left;
}
#nav a:hover {color: #FFFFFF}
#Conteudo {
position: rigt;
border-radius: 30px; /* border-radius */
top: 35px; /* distance to the top of the menu div from the top of
the page */
text-align: center;
}
</style>
</head>
<body>
<div id="nav">
<br>
<a href="prin.html">Introdução</a>
<a href="chico-xavier.html">Chico Xavier</a>
<a href="Materias-Especiais.html">Matérias Especiais</a>
<a href="Videos2.html">Vídeos</a>
<a href="Livros.html">Livros para Download</a>
<a href="faq.html">Perguntas Frequentes</a>
<a href="Pesquisa-no-Site.html">Pesquisa no Site</a>
<a href="link.html">Links</a>
<a href="Click-Doe-Gratis.html">Doações Grátis</a>
<a href="Agradec.html">Agradecimentos</a>
<a href="Guestb302.shtml">Livro de Visitas</a>
<a href="Mapa-Site-Extenso.html">Mapa do Site</a>
<a href="noticias.html">Notícias</a>
</div>
<div id="Conteudo" margin: 0px; float:right;">
<br>
<br>
<b>CONTEUDO</b>
</div>
</body>
</html>
Admito que pode haver algumas linhas de comando desnecessárias ou mesmo erradas, mas o Navegador está mantendo o jeito inicial que Eu quero.
Só que Eu não sei como fazer para jogar as Url's para o lado direito, à medida que vão sendo clicadas, MANTENDO o Menu fixo à esquerda, como mostra a figura :
Vejam, gostaria de não ter que usar o javascript, pois é outro conselho que recebi de usar o mínimo possível pois alguns navegadores tem seu javascript desligado de propósito pelo próprio usuário, por uma questão de segurança.
Pelo pouco que sei, acho que a chave de tudo é o "TARGET", mas não sei configurá-lo, tanto na folha de estilos ( antes da tag </head> ) como também dentro da tag <body>, normalmente após cada link, como tem funcionado na antiga página dos Framesets, ou seja :
<a href="prin.html" target="1">Introdução</a>
O número "1", tem origem em : <frame src="prin.html" name="1" noresize>.
Já tentei várias dicas de configurar o CSS e o Target, mas só DUAS coisas aconteceram até agora :
- OU o link clicado faz abrir uma nova aba ou navegador ;
- OU o link clicado cobre toda a página, inclusive o Menu que deveria ficar fixo à esquerda.
Será que alguém pode me ajudar?
Muito grato desde já.
Jeff
Última edição por Jeff123 em 14.07.15 15:07, editado 1 vez(es)
Jeff123- Novo Membro
- Membro desde : 13/07/2015
Mensagens : 3
Pontos : 7 -
Re: Target no CSS
por RafaelS. 13.07.15 20:57
Olá!
Desculpe a indiscrição mas o senhor é proprietário de algum fórum forumeiros?
Pergunto lhe isto porque este fórum é dedicado ao suporte de utilizadores de Forumeiros.
Atenciosamente,
Desculpe a indiscrição mas o senhor é proprietário de algum fórum forumeiros?
Pergunto lhe isto porque este fórum é dedicado ao suporte de utilizadores de Forumeiros.
Atenciosamente,
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Target no CSS
por Jeff123 14.07.15 14:33
Raffy escreveu:Olá!
Desculpe a indiscrição mas o senhor é proprietário de algum fórum forumeiros?
Pergunto lhe isto porque este fórum é dedicado ao suporte de utilizadores de Forumeiros.
Atenciosamente,
Não sou proprietário de um Fórum Forumeiro.
Neste caso, devo preencher outro formulário ou o que devo fazer para regularizar essa situação?
Se postei a minha mensagem em lugar impróprio e, se acharem conveniente, sintam-se à vontade para excluir o meu Post, sem problemas.
Obrigado pelo aviso e queiram me desculpar por este inconveniente.
Atenciosamente,
Jefferson
Jeff123- Novo Membro
- Membro desde : 13/07/2015
Mensagens : 3
Pontos : 7 -
Re: Target no CSS
por RafaelS. 14.07.15 16:11
Olá amigo,
O problema é que este fórum é totalmente dedicado ao suporte de Forumeiros, ou seja não existe uma área para questões que não provenham de usuários Forumeiros.
Resumidamente, só quem tem um fórum pode usufruir dos nossos serviços.
Atenciosamente.
O problema é que este fórum é totalmente dedicado ao suporte de Forumeiros, ou seja não existe uma área para questões que não provenham de usuários Forumeiros.
Resumidamente, só quem tem um fórum pode usufruir dos nossos serviços.
Atenciosamente.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Target no CSS
por Shek 14.07.15 16:53
Bom dia @Jeff123!
Você pode obter suporte na comunidade Imasters: http://forum.imasters.com.br/ Ela atende a maior parte dos usuários que são desenvolvedores.
Atenciosamente,
Shek
Você pode obter suporte na comunidade Imasters: http://forum.imasters.com.br/ Ela atende a maior parte dos usuários que são desenvolvedores.
Atenciosamente,
Shek
Shek- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos