Jump to content

fchagas97

Members
  • Content count

    17
  • Joined

  • Last visited

Community Reputation

2 Comum

About fchagas97

  • Birthday 10/24/1997

Informações Pessoais

  • Sexo
    Masculino

Contato

  1. fchagas97

    CSS LINK Interferindo no restante do site

    Opa amigo que bom que deu certo. Respondendo a sua pergunda, o seletor ">" serve para indicar que o elemento a direita é filho direto do elemento a esquerda. Isso quer dizer que aquele estilo será adicionado exatamente ao último elemento dessa série.
  2. fchagas97

    CSS LINK Interferindo no restante do site

    Amigo, tente isso: #redes > ul > li > a:link, #redes > ul > li > a:visited { ... } #redes > a:hover { ... }
  3. fchagas97

    Carregar DIV - PHP

    Crie uma função em Javascript para abrir a div: <script type="text/javascript"> function abreDiv() { document.getElementById("page-wrapper").style.display="block"; } </script> Agora chama a função com o evento onclick: <a href="" onclick="abreDiv();">Atendimento</a> E a div com display none: <div id="page-wapper" style="display: none"> ... </div> falow!
  4. fchagas97

    Carregar DIV - PHP

    Muito simples: deixe a div com um display none e use o evento onclick no botão para mudar para display block.
  5. fchagas97

    Barra de rolagem(overflow)

    Para impedir o redimensionamento, você pode usar: textarea { resize: none; }
  6. fchagas97

    Imagem dentro de div, sem vazar.

    Você pode usar um max-width: 100%
  7. Olá pessoal, estou tentando resolver um problema: tenho o formulário abaixo e gostaria que o valor de um input fosse preenchido da seguinte forma: Tenho um menu select que designa a idade da pessoa; Gostaria que o value de um input (Ano de nascimento) fosse preenchido conforme a idade escolhida, pegando o ano atual e diminuindo deste a idade escolhida, para encontrar o ano de nascimento. Eu gostaria de realizar esse processo tendo por base o name do select e do input, pois não tenho como adicionar id's a eles. Segue o formulário (compactado): Nome completo: <input type="text" name="pr_var[1]" value=" " /> Idade: <select name="pr_var[3]"> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> Ano de nascimento: <input type="text" name="pr_var[6]" value=" " /> Tentei realizar o processo usando o código abaixo, mas não está funcionando: data = new Date(); ano = data.getFullYear(); opcoes = document.getElementByName("pr_var[3]").value; document.getElementByName("pr_var[6]").value = ano - opcoes; Ou seja, se a pessoa escolher a idade 10 no select, o javascript pega o ano atual (2015) e diminui dele a idade escolhida (2015 - 10) e adiciona o resultado no value do input Ano de nascimento (2005).Espero que possam me ajudar e qualquer dúvida é só perguntar.
  8. fchagas97

    Iframe Atualizar Página Principal

    Não há como você passar a ação de um iframe para a página em que ele está contido.
  9. fchagas97

    Imagem que acompanha a pagina

    Use um "position: fixed" nela.
  10. fchagas97

    Quero fazer que um botão chame um iframe

    Seria algo como abaixo? <script type="text/javascript"> function abreIframe(){ document.getElementById('Iframe').style.display="block"; document.getElementById('buttonAbre').style.display="none"; document.getElementById('buttonFecha').style.display="block"; } function fechaIframe(){ document.getElementById('Iframe').style.display="none"; document.getElementById('buttonAbre').style.display="block"; document.getElementById('buttonFecha').style.display="none"; } </script> <button id="buttonAbre" style="display:block" onclick="abreIframe()">Abrir Iframe</button> <button id="buttonFecha" style="display:none" onclick="fechaIframe()">Fechar Iframe</button> <div id="Iframe" style="display:none"><iframe width='960' height='500' id='iframe' src='https://www.google.com.br' scrolling='no'></iframe></div>
  11. Olá, venho aqui informar que no fórum sobre CSS/XML/XHTML/HTML há vários tópicos duplicados, será que alguém poderia corrigir isso? Quanto à notícia, acho que foi muita burrice da Apple copiar uma patente já existente, ainda mais pelo fato deles afirmarem que tal patente apresentava problemas. Já pensou ganhar US$ 234 milhões, ainda mais agora com a super-valorização do dólar?
  12. fchagas97

    Styles, como salvar?

    Se você estiver falando de folha de estilo css, crie um arquivo css: style.css E dentro desse arquivo coloque: @import url("outro-style.css");
  13. fchagas97

    Freela para css

    Qual o endereço do site para eu analisar e te dar uma resposta?
  14. fchagas97

    menu - HTML (iniciante)

    Ambas são corretas, mas atualmente com o HTML5 o mais recomendado é usar: <nav id="menu"> <ul> <li><a href="#">Inicial</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contato</a></li> </ul> </nav>
  15. Consegui resolver o problema, vai o código completo abaixo: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Teste: Relógio</title> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script> <style> body { font-family: 'Roboto', sans-serif; background-color: #E7EDF0; } .container { overflow:hidden; position: relative; margin: 0 auto; top: 100px; width: 400px; height: 255px; background-color: #fff; border-top: 20px solid #55c49f; -webkit-box-shadow: 6px 6px 33px -8px rgba(0, 0, 0, 0.52); -moz-box-shadow: 6px 6px 33px -8px rgba(0, 0, 0, 0.52); box-shadow: 6px 6px 33px -8px rgba(0, 0, 0, 0.52); } .menu { position: absolute; top: 8px; left: 380px; width: 12px; height: 11px; cursor: pointer; z-index:999; } .menu span { position: absolute; width: 12px; height: 2px; background-color: #333; background-color: #000; } .time { position: relative; top: 20px; } .time h1 { color: black; font-size: 4em; text-align: center; font-weight: 500; transition: all .1s; } .day { position: relative; top: 20px; } .day h1 { color: black; font-size: 1.4em; text-align: center; font-weight: 400; transition: all .3s; } .circle{ border-radius: 50%; width: 0px; height: 0px; position:absolute; top: 12px; left: 390px; background:#333; opacity:.9; z-index:999; -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .circle.expand{ width:1200px; height:1200px; top: -560px; left: -565px; -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .circle ul{ position:absolute; margin: 0 auto; } .circle ul li{ position:absolute; margin: 0 auto; } </style> </head> <body> <div class="container"> <div class="circle"></div> <div class="time"> <h1 id="time_text"></h1></div> <div class="day"> <h1 id="day_text"></h1></div> <div class="menu" id="menu_id"> <span></span> <span style="top:4px"></span> <span style="top:8px"></span> </div> </div> <script> function time() { var date = new Date(); var Hours = date.getHours(); var Minutes = date.getMinutes(); var Seconds = date.getSeconds(); var _day = date.getDay(); var days = ['Domingo', 'Segunda-feira', 'Terça-feira', 'Quarta-feira', 'Quinta-feira', 'Sexta-feira', 'Sábado']; var Day = days[_day]; Hours = (Hours < 10 ? "0" : "") + Hours; Minutes = (Minutes < 10 ? "0" : "") + Minutes; Seconds = (Seconds < 10 ? "0" : "") + Seconds; document.getElementById("time_text").innerHTML = Hours + ":" + Minutes + ":" + Seconds; document.getElementById("day_text").innerHTML = Day; } $("#menu_id").on("click",function(){ if($('div.circle').hasClass("expand")){ $('div.circle').removeClass('expand'); } else{ $('div.circle').addClass('expand'); } } ) setInterval(time, 100); </script> </body> </html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.