Ir para conteúdo
Fórum Script Brasil

Jeff123

Membros
  • Total de itens

    7
  • Registro em

  • Última visita

Sobre Jeff123

Jeff123's Achievements

0

Reputação

  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. Só para complementar, o "index.html" que é a parte azul da esquerda, está parcialmente 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. 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. 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
  5. Conteúdo Repetido. Post original situado em outro link com o mesmo nome, ou seja : Target no CSS
  6. <script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script> Olá, A página não carrega nenhuma imagem. Pelo que pude ver, o endereço : http://j.maxmind.com/app/geoip.js está resultando em : 404 Not Found Poderia ajudar? Grato!
  7. Olá pessoal, Sou novo por aqui. Tenho conhecimentos bem rudimentares em javascript, mas passeando por alguns Fóruns e Sites de Webmasters, copiei e adaptei alguns scripts, e assim consegui fazer um Form que funciona razoavelmente. Gostaria de uma ajuda no meu formulário do Livro de Visitas do meu site. Quem quiser dar uma conferida, é só acessar : http://jefferson.freetzi.com/Guestb302.shtml Tem um sujeito que está sempre postando propagandas de remédios no meu "Guestbook" e sempre usa o mesmo nome com algumas vaiações. Então a idéia é, assim que ele clicar no botão "Enviar" ( Botão que finaliza a postagem no livro ) apareça uma janela de alerta dizendo a esse ....sujeito.... que, naquela página, ele não pode fazer isso. À parte, Já tenho a página em PHP que capta o nome, e-mail, cidade e mensagem. Também já tenho os scripts que criticam campos vazios, e-mails incorretos, etc, além de já ter também uma função que só deixa entrar na página se o javacript do Navegador estiver ativado, ou seja, o velho e bom "<noscript>" Resumindo a parte que interessa, em javascript, o código está assim : function validar() { .... ........ if(document.FORM.NOME.value == "Smith") { alert("Your IP has been identified ! \n\nYou are not welcome here !! \n\nOur providers located the address of your Internet Protocol to request measures to specialized Police Crackdown on cyber crimes in Brazil !!! \n\n") return false } .............. ......... Bom, o que Eu gostaria de saber é se há uma maneira de fazer o script, além de identificar o nome "Smith" ( seja começando por letra maiúscula ou minúscula -> Smith ou smith ), identificar também qualquer coisa que varie a partir da palavra "Smith", ou seja, "Smith123" ; "Smithabc" ; e por aí vai. É como se fosse possível fazer um script assim : if(document.FORM.NOME.value == "Smith + qualquer coisa") { alert ........................ Já li sobre "Expressões Regulares", mas não consegui adaptar aos scripts do Form que já tenho e que deram um trabalhão danado para fazer as adaptações que preciso. Agradeço desde já por qualquer ajuda. Jeff123
×
×
  • Criar Novo...