×
Ir ao conteúdo
  • Cadastre-se

Jeff54

Membro Pleno
  • Posts

    19
  • Cadastrado em

  • Última visita

Reputação

1

Informações gerais

  • Cidade e Estado
    Rio de Janeiro
  1. Olá, Depois de muito pesquisar, acabei achando a solução para quem, sem muita experiência, acaba usando Iframes. Sabemos que o Crawler do Google tem dado prioridade para dispositivos móveis, em suas indexações. O que o próprio Google recomenda é a inclusão da Meta Tag : <meta name=viewport content="width=device-width, initial-scale=1"> Só que isso só funciona bem para site que NÃO tem Iframes. Após meses de pesquisas achei um complemento BEM SIMPLES e que resolve definitivamente esse problema. É só adicionar, ao final da Meta Tag acima, o seguinte : viewport-fit=cover .... (!!!) Então ficará assim : <meta name=”viewport” content=”width=device-width, initial-scale=1, viewport-fit=cover”> Eu só não entendo porque o Google não avisou sobre isso. Precisou meses de pesquisas, contatos com Fóruns, e-mails para especialistas, etc, etc. E mesmo assim só consegui descobrir num site estrangeiro. Neste site, recomendam até que se coloquem o redimensionamento da altura também : height=device-height E assim, temos a Meta Tag completa com Viewport para Iframes : <meta name=”viewport” content=”width=device-width, initial-scale=1, height=device-height, viewport-fit=cover”> Espero que tanto tempo de procura sirva para outras pessoas que passaram por isso. Obrigado. Jeff
  2. Obrigado Gabriel, vou dar uma olhada nos links. Até que em "html" Eu me viro bem. Eu achava que era só colocar um script na tag head do 'index' que resolvia o problema. Bom, no geral, o "index.html", que contém o Menu azul do lado esquerdo, é assim : <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Ciencia,Reportagens, Kardec</title> <META http-equiv="Content-Language" CONTENT="pt-br"> <meta http-equiv="Content-Type" content="text/html; charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0 maximum-scale=1.0"> (...) <style type="text/css"> html, body { height: 100%; padding: 0; margin: 0; } iframe { top:0; width:auto; left:auto; height:100%; border:none; background:#ffffff; } div { width: 100%; list-style: none; margin: 0; padding: 0; } #navcontainer { position: fixed; top: 2px; bottom: 0px; background: #0000CD; /*Edite a cor de fundo*/ border-right: 10px solid #696969; width: 23.1%; margin: 0; padding: 0.9em 1; font-family: georgia, serif; font-size: 23px; text-align: left; font-weight: bold; overflow-y: auto; .contentFullFixed{ position:fixed; width:100%; top: 0; left:0; } } ul#navlist { text-align: center; list-style: none; padding: 0; margin: 0 auto; width: 90%; } ul#navlist li { display: block; margin: 5; padding: 0; height: 6%; padding-top: 0.1em; } ul#navlist li a { display: block; width: 190px; border-width: 4px; border-color: #fff #8470FF #ccc #fff; border-style: solid; color: #000000; text-decoration: none; background: #1E90FF; /*Edite a cor de fundo*/ } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: ##1E90FF; /*Edite a cor de fundo*/ color: #000000; } .selected { background-color : #fff000; } ul#navlist li a:hover {color: #FFFFFF} ul#navlist li a:active { color: #FFF; background: #B0C4DE; border-color: #000000 #fff #fff #ccc; } #conteudo { width: 75.7%; position: relative; height: 100%; text-align: center; } a:hover { color: green} A:link {text-decoration:none} A:visited {text-decoration:none} A:hover {text-decoration:underline} A:active {text-decoration:underline} iframe { border: none; width: 100%; height: 100%; border: none; } img{ display: block; margin: 30 auto; } </style> </head> <body> (...) <div id="navcontainer" style="border: 5px solid #696969; float: left;"> <ul id="navlist"> <li><a href="prin.html" target="conteudo">Início</a></li> <li><a href="textos.html" target="conteudo">Textos</a></li> (...) (...) </ul> </div> <!-- EU ACHO QUE O PROBLEMA ESTÁ AQUI : --> <div id="conteudo" style="float: right;" class="spaceWrap"> <iframe class="viewPort" name="conteudo" src="prin.html" align="right"></iframe></div> </body> </html>
  3. Olá, Depois de muito pesquisar, acabei fazendo minha HP com um Iframe. Conheço um pouco de Html e só. Já tentei fuçar no PHP, com o famoso "Include", mas acabei desistindo. Tenho muitas páginas e o Menu de um lado facilita o acesso do outro lado. Meu site é composto de uma página "index.html" que fica à esquerda da tela e, à direita, ficam os conteúdos, de acordo com que o usuário clica no Menu. Nos desktops, o site funciona bem. Nos Smartphones, a aparência é bem razoável e é mais ou menos assim : ================================ Só que há pouco tempo, li que o Google anunciou que vai dar prioridade de indexação às páginas adaptadas a dispositivos móveis. Muito bem. Coloquei a meta tag na Head da index.html : <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0 maximum-scale=1.0"> Aí, começaram os problemas. O site ficou assim : A mesma Meta Tag também foi colocada em todos os conteúdos que ficam à direita, mas ... não resolvem os problemas. Poderiam ajudar? Agradeço antecipadamente. Jeff
  4. Jeff54

    Target no CSS

    Ok, Dif, Obrigado por tudo.
  5. Jeff54

    Target no CSS

    Boa tarde Dif, Baixei o CDN da Microsoft. Tinha a opção de baixar de um site do Google, mas vi que os conteúdos eram iguais ( Um monte de comandos, tudo em linha e deve ter umas 200 linhas ), mas foi só copiar, colar no Bloco de Notas e formar o meu arquivo Jquery.js Vou tentar remodelar a página, mas primeiro fazendo-a funcionar de modo que o Menu chame as principais páginas e depois, colocar os sub-Menus nas páginas secundárias, conforme Você disse. Aí me sentirei seguro para dar um upgrade na HP. Grato pela ajuda, paciência e consideração com o meu problema. Um dia Eu aprendo a mexer direito com tudo isso ..rsrsrs... Abs. Jeff
  6. Jeff54

    Target no CSS

    Olá Dif, Apenas para mostrar alguns links escondidos da minha HP, temos no Menu : * No Link Textos > Há 23 páginas, sendo que, no Texto 1, há duas sub-páginas ( Parte 1 e Parte 2 ) e no Texto-12, há 20 sub-páginas. * No Link Matérias Especiais, há 40 sub-páginas. Ou seja, só até aqui, temos Menu ( 15 páginas ) + Textos ( 23 +2 + 20 páginas ) + Matérias Especiais ( 40 Páginas ) = 100 páginas. Isso fora os outros links indicados nessas páginas espalhadas na HP. Daí a minha dificuldade em ter um Menu Fixo no lado esquerdo e mais de 100 páginas ( no post anterior, admito que Eu chutei 94 Páginas, com preguiça de ficar somando tudo ) que, no Menu, vão mudando a cada click do usuário, na parte direita ( Conteúdo ) e maior da tela, que podem ser chamadas não só pelo Menu, mas também pelas páginas Pai, filhos e "netos", escondidas visualmente, conforme comentado acima. Bom, pela sua explicação, tenho que fazer uma outra página com extensão ".js", tipo "Jquery.js" contendo o script que parece ser um comando PHP ( só estou usando essa linguagem porque Você sabe que sou iniciante em tudo ). E a tag <article id="conteudo"></article> deve ficar em cada página que já existe ( as 100 páginas que Eu citei ) ou ficaria na própria Página do Menu, um pouco mais embaixo dos links ? Além disso, Eu teria que adicionar um comando do tipo : <script src="JQuery.js"></script> ? Ou seja, penso que a Página do Menu poderia ficar, resumidamente, assim : <html><body><head><script src="JQuery.js"></script></head><nav><a href="prin10.html">Introdução</a><a href="textos10.html">Textos</a><a href="chico-xavier10.html">Chico Xavier</a><a href="Materias-Especiais10.html">Matérias Especiais</a><a href="Videos10.html">Vídeos</a><a href="Livros10.html">Livros para Download</a><a href="faq10.html">Perguntas Frequentes</a><a href="Pesquisa-no-Site10.html">Pesquisa no Site</a><a href="link10.html">Links</a><a href="Click-Doe-Gratis10.html">Doações Grátis</a><a href="Agradec10.html">Agradecimentos</a><a href="Guestb302-10.shtml">Livro de Visitas</a><a href="Mapa-Site-Extenso10.html">Mapa do Site</a><a href="noticias10.html">Notícias</a> </nav> <article id="conteudo"></article>.........</body></html> Acho que falta bem pouco para Eu conseguir largar os Framesets que vinham funcionando até hoje, mas creio que num futuro breve, até os navegadores deixarão de reconhecê-los. Obrigado pela ajuda e paciência. Jeff
  7. Jeff54

    Target no CSS

    Boa noite Dif, Gostaria de voltar ao assunto, pois estou aprendendo um pouquinho. Suas explicações são claras, ou seja : "...Isto é o resultado da pergunta 4!, os conteúdos de cada "página" na verdade ficam todos na mesma, separados por seções. a técnica consiste em navegar entre os elementos em uma mesma página...." Fiz um teste com o exemplo dado na url que Você deixou aqui, ou seja, copiei e colei num bloco de notas e salvei respectivamente duas páginas com extensão "html" e outra com extensão "css", linkando a página de estilos (css) à página principal ( html ) do Menu, e a cada link chamado, vinha a página correspondente. Tudo ficava na MESMA página, com extensão "html". Mas, no caso sob análise, o meu site tem 94 páginas distintas, BEM extensas e algumas com grandes figuras que ocupariam um espaço considerável ( todas estão no diretório raiz do meu Servidor ). Bom, existiria um método para o CSS codificar UMA página com o "Menu" fixo à esquerda e chamar CADA uma das NOVENTA E QUATRO páginas que ficariam à direita da tela, cada uma sobrepondo-se a outra, a cada vez que for chamada uma página específica, à medida que o usuário quiser ver ou rever a página de sua preferência? Se caso isso não for possível com o CSS, haveria um jeito de colocar um comando do PHP ( Acho que é o include ), na página principal ( html ) que contém o Menu? Se nada disso for possível, então só restaria usar o javascript? Muito grato. Jeff
  8. Jeff54

    Target no CSS

    Bom dia Dif, Foi ótimo o nosso diálogo. Vou ler com atenção a página indicada e adaptar tudo para a minha HP. Continue assim, ajudando os menos experientes. A sua didática ( e paciência também...rsrs ) estimulam a aprender. Abraços, muito sucesso e tudo de bom! Jeff.
  9. Jeff54

    Target no CSS

    Bom dia Dif, Começo agradecendo sua boa intenção em me ajudar e também, quem sabe, ajudar a outros que poderão ler e se beneficiar dos seus conhecimentos. Vi a página que Você indicou. Vou ler depois de novo, aplicando os critérios para a minha página. Aguardo também a sua gentileza de deixar aqui um exemplo funcional parecido com que eu quero fazer, com comentários nos códigos para entender o que está acontecendo em cada parte do código. Valeu Dif! Jeff
  10. Jeff54

    Target no CSS

    Olá Dif, Na hora do almoço, li melhor seus links, mas admito que me ative mais no exemplo deixado por Você, por achar que conseguiria mais rápido atingir meus objetivos. Bom, gostaria que o Menu vertical fique fixo à esquerda e os conteúdos, à direita, mudando a cada click. Substituindo o seu exemplo com o que tenho, fiz vários testes, mas não sei o que não está certo. Sendo bem objetivo, o script ficou, resumidamente, assim : <body> <header> <nav> <a href="#prin.html">Introdução</a> <a href="#textos.html">Textos</a> <a href="#chico-xavier.html">Chico Chavier</a> <a href="#Materias-Especiais.html">Matérias Especiais</a> </nav> </header> <div class="container"> <section id="prin.html"></div> <section id="textos.html"></div> <section id="chico-xavier.html"></div> <section id="Materias-Especiais.html"></div> </div> Como Você sabe que minha experiência é muito pouca, então enumero minhas dúvidas : 1) O que fiz acima tem sentido? 2) A Tag <header> é o mesmo que a tag <head> ? 3) Imagino que depois do fechamento da tag </header>, o conteúdo seguinte que Você colocou DEVE estar dentro da Tag <body> e </body>. Isso tem sentido? 4) Tentei o que está acima, mas sempre que clicava em um link, por exemplo :"prin.html" ( ou "Introdução" ), a página correspondente cobria TODA a tela, fazendo o Menu vertical sumir, pois estava encoberto pela página "Introdução". 5) Como fazer para o conteúdo de cada item ou link obedeça a um comando que deixe o Menu vertical fixo e visível e faça o conteúdo correspondente ficar sempre do lado DIREITO da tela, que tem um espaço maior, conforme a figura que postei no meu primeiro post? 6) Se o Script que eu fiz acima, substituindo as palavras exemplos que Você deixou, estiver errado ( e DEVE estar mesmo ), como seria o Script correto, tendo por base parte dos comandos que postei no meu segundo post? Acho que falta pouco, pois pelas suas palavras, a coisa é simples, Eu é que não substitui certo as palavras do seu exemplo. Desculpe tanta pergunta. Abs. Jeff
  11. Jeff54

    Target no CSS

    Bom dia Dif, Cara, Você deu uma AULA! Estou agora no trabalho, mas quando chegar em casa vou ler tudo com muita atenção e vou aplicar na minha HP. Você explicou com esmero combinado com simplicidade. Até um leigo como Eu entendi tudo e achei fácil migrar o meu velho Html simples para CSS. É de pessoas assim que os demais Fóruns precisam! Explicação simples e direta, pois outras pessoas como Eu poderão se beneficiar com tudo isso. Abraços e tudo de Bom! Jeff
  12. Jeff54

    Target no CSS

    Olá Dif, Valeu pela ajuda! Massss,,, como sou leigo no assunto ( Só conheço o básico do HTML e...quase nada de PHP ). Então peço sua gentileza de um pouquinho da sua paciência de professor para ensinar esse aluno aqui. Veja, pode corrigir à vontade os termos que usarei, mas sei que vai ser fácil me ajudar, com seus conhecimentos e compreensão. O que tenho de scripts e que dão a aparencia da figura que postei acima são : <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; z-index:999;}#nav a:hover {color: #FFFFFF}#Conteudo { position: rigt; top: 35px; /* distance to the top of the menu div from the top of the page */ text-align: left; } </style><!-- A linha abaixo importa a biblioteca jQuery que facilita muito a execução de requisições AJAX --><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" charset="iso-8859-1"></script> <!-- O código abaixo é o que fará as requisições e preencherá o conteúdo --><script>function carregaPagina(pagina) { $.ajax({ type: 'GET', url: pagina }).done(function(resposta) { $("#Conteudo").html(resposta); });}</script> </head> <body> <div id="nav"> <br><a href="javascript:carregaPagina('prin.html');">Introdução</a><a href="javascript:carregaPagina('textos.html');">Textos</a><a href="javascript:carregaPagina('chico-xavier.html');">Chico Xavier</a><a href="javascript:carregaPagina('Materias-Especiais.html');">Matérias Especiais</a><a href="javascript:carregaPagina('Videos2.html');">Vídeos</a><a href="javascript:carregaPagina('Livros.html');">Livros para Download</a><a href="javascript:carregaPagina('faq.html');">Perguntas Frequentes</a><a href="javascript:carregaPagina('Pesquisa-no-Site.html');">Pesquisa no Site</a><a href="javascript:carregaPagina('link.html');">Links</a><a href="javascript:carregaPagina('Click-Doe-Gratis.html');">Doações Grátis</a><a href="javascript:carregaPagina('Agradec.html');">Agradecimentos</a><a href="javascript:carregaPagina('Guestb302.shtml');">Livro de Visitas</a><a href="javascript:carregaPagina('Mapa-Site-Extenso.html');">Mapa do Site</a><a href="javascript:carregaPagina('noticias.html');">Notícias</a> </div> <div id="Conteudo" margin: 0px; float:right;"></div> </body></html> Bom, dessa forma e, traduzindo para uma linguagem simples e aplicada aos scripts que Eu postei, e conforme Você disse, que agora vai entre aspas, como Eu deveria colocar o ..."jQuery com ajax..." "...fazer requisições assíncronas para carregar o conteúdo no lugar que quersa usar frameset, target.. e etc, basta estruturar ou restruturar com a técnica tableless..." E o que achei mais interessante, no que Você falou, ou seja : "Ou adote a tendência de 2015, que é ter todo o conteúdo em uma única página... e os links do menu apenas utilizam a âncora para ir até o setor onde está o conteúdo desejado." Ou seja, apenas me diga um pequeno exemplo de como e onde devo colocar os scripts indicados por Você no meu código acima. Veja, não precisa ter um trabalhão com as minhas questões, mas achei que, se Eu pudesse aplicar a sua recomendação, tudo ficaria mais fácil, atual e leve na minha página. Desde já e, mais uma vez, agradeço pela colaboração. Abs. Jeff ====== Olá Hedhorse, Mas a minha página é antiga mesmo. Comecei em 2000, na antiga Geocities, depois passou para Yahoo-Geocities até 2009, quando a Yahoo parou de hospedar sites free. Então, pesquisando na net, achei o provedor Freetzi.com, que oferece mais espaço, dá suporte a muita coisa, como PHP ( embora Eu só use PHP no livro de visitas ... isso é bem antigo, mas na época era atual e Eu acabei deixando ficar ). Ou seja, se a minha página tivesse mais 5 anos, teria nascido junto com a internet no Brasil ...rsrsrs. Bom, como Eu disse, para não dizer nada, conheço quase nada de PHP. A única página em PHP do meu site é a do velho e bom "Livro de Visitas". Os Scripts em PHP que estão lá, Eu copiei de vários fóruns, e fui adaptando-os à minha página pelo método de tentativas, erros e acertos. Levei um tempão até deixá-la funcionando razoavelmente. Olha, se Você pudesse me explicar como mudar o CSS que Eu já conseguir montar e me passar os ajustes necessários, creio que a moderação irá entender que Você está também ensinando alguém que quer apenas aprender o mínimo necessário para atualizar a minha página ( que lembra mesmo os anos 90...rs ). Bom é isso. Agradeço a Você também pela boa vontade em me ajudar. Mas como disse antes, peço sua paciência e compreensão, pois não sou versado em nenhuma linguagem e estrututa xml. Na verdade, nem pretendo ser. Gostaria apenas de aprender só o suficiente para dar um upgrade na minha jurássica HP...rsrsrs. Valeu. Abs! Jeff
  13. 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, claro, sou leigo no assunto. Fiz uma busca nos Tópicos CSS, deste Fórum, mas não encontrei algo específico que pudesse eliminar minhas dúvidas. 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, como muitos sabem, o tal Frameset e também os Iframes estão praticamente em desuso, pelo fato da dificuldade de idexação dos buscadores, o 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 : 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
  14. Desculpem levantar esse tópico já há muito não acessado. Neste Fórum houve orientações sobre a maneira mais precisa de trabalhar ( em PHP ) sobre o Post de quem visita um site com permissão de deixar mensagens num site. Justifico a postagem apenas como opção para aqueles que quiserem saber como barrar o Opera 11 que não obedece a TAG 'noscript', e que alguns usuários ainda o usam, justamente para burlar exigências de preenchimento de um 'form' de mensagem, como por ex. um Livro de Visitas, que foi o meu caso. Assim sendo, deixo aqui o Script que um Programador chamado Mauricio fez gratuitamente para mim. Sinto-me na obrigação ( mesmo que não seja relevante para a maioria dos que aqui participam para tirar suas dúvidas ) de também deixar público tal script, pois penso que devemos oferecer aos outros aquilo que de graça recebemos. Se a Moderação achar conveniente tirar o endereço dessa pessoa, entenderei os motivos : ========== <?php // Código enviado pelo Programador Maurício para barrar o Opera 11 // Finalmente esse Script deu certo !!! // mauricioprogramador.com.br $navegador_usado = $_SERVER["HTTP_USER_AGENT"]; if(substr($navegador_usado, 0, 5) == "Opera") { $posicao_inicial = strpos($navegador_usado, "Version") + strlen("Version"); $versao = substr($navegador_usado, $posicao_inicial, 5); if($versao == "/11.0") { header ("Location: A-Página-Que-Você-Quiser.html"); exit; } } ?> ========== Grato pelo oportunidade Jeff.
  15. A vantagem de usar PHP é essa mesma : O Servidor analisa, independente de qualquer artifício que o usuário tente ou navegador que use. Vou ler o Manual indicado - string strip_tags - para aprender mais um pouco, além, é claro, do SQL injection e XSS. Obrigado.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Como ganhar dinheiro montando computadores!

MINICURSO GRÁTIS!

Como ganhar dinheiro montando computadores!

CLIQUE AQUI E INSCREVA-SE AGORA MESMO!