Ir para conteúdo

Sara Alves

Members
  • Total de itens

    19
  • Registro em

  • Última visita

Reputação

0 Comum

Sobre Sara Alves

Últimos Visitantes

372 visualizações
  1. Sara Alves

    Hover em 2 espaços

    Muito obrigado, já deu pra ter uma boa ideia, não tava entendendo a lógica, mais a sua ficou muito limpa e simples, obrigado pela ajuda :D
  2. Sara Alves

    Hover em 2 espaços

    Opa, obrigado ;)
  3. Sara Alves

    Hover em 2 espaços

    Olá, estou me matando aqui para entender uma lógica que gostaria que fosse aplicada no meu menu, segue aonde estou parando e não consigo achar uma solução. https://jsfiddle.net/bandey47/ Notem que ao passar o mouse sobre o link do menu, o background do icone muda para um tom verde, até ai blz, eu gostaria que o fundo do texto mudasse para preto quando houvesse um hover, ou seja, ao passar o mouse sobre o link o background do icone ficaria verde (já está ficando) e juntamente com ele o background do texto ficaria preto. Porém já fiz trocentos testes mais não consigo a logica de como aplicar um hover desta forma. Gostaria de sugestões e um auxilio dos colegas, como resolver isso? Obrigado!
  4. Sara Alves

    Hover em 2 elementos

    Isso mesmo amigo, agora como eu poderia fazer para o selecionado se manter assim tb rsrsrs, se puder me dar essa instrução tb rs, obrigado por sua ajuda.
  5. Sara Alves

    Hover em 2 elementos

    Pessoal estou quebrando a cabeça aqui em algo simples rs, não estou conseguindo fazer um hover em 2 elementos, veja o exemplo abaixo https://jsfiddle.net/24dp3czn/1/ Ao passar o mouse sobre o ícone de uma opção, ativa o hover tanto do fundo do ícone quando do lado, fazendo aparecer 2 cores, porém quando eu clico na letra, só aparece o hover da dive da letra não dando hover no fundo do ícone, a mesma coisa acontece quando eu clico em uma das opções ou está como padrão no home... ativa o fundo 2 e não ativa o fundo do icone. Sei que a pergunta é bem simples, mais me desculpe a ignorância, fico no aguardo de um help! obrigado.
  6. Sara Alves

    Conteúdo Responsivo

    Fala galera, tenho o seguinte code https://codepen.io/narrador/pen/mqvvQK Gostaria de colocar esse conteúdo responsivo, estive estudando alguns tutoriais da internet até achei alguns exemplos bacanas como esse aqui http://output.jsbin.com/utupuw/5 Porém não conseguir colocar essa lógica no meu code, por isso peço um suporte de vocês para saber como aplicar. Desde já agraço. Obrigado!
  7. Sara Alves

    Transição Hover Css

    Conseguir pessoal ;)
  8. Sara Alves

    Transição Hover Css

    Amigos, tenho o seguinte code No efeito atual quando eu passo o mouse o efeito hover muda o background e aumenta as proporções da div até ai beleza, porém eu gostaria que o efeito não mexesse com as outras divs, no efeito atual se eu passar o mouse sobre o primeiro elemento os outros da direita se movem. Como arrumar isso? fazendo com que as outras divs não se movam quando eu der um hover nos outros elementos. Seria esse efeito assim, porém não estou conseguindo colocar no meu exemplo acima Obrigado!
  9. Sara Alves

    Resgatar valor query pelo load do jquery

    Billy, boas soluções, gostei do primeiro resultado por ser mais simples, deu certinho aqui pra mim, ajudou bastante, muito obrigado.
  10. Sara Alves

    Resgatar valor query pelo load do jquery

    Olá amigos, Estou tentando chamar uma pagina através do load, essa pagina terá uma querystring que eu quero pega-la na pagina de chamada, porém o valor vem como null quando eu tento através do load, fora dele chamando a pagina sozinha, está tudo ok. São 2 páginas, 1 principal e a 2 que trara um alert de acordo com o valor passado pela query Página Principal (index.html) <div id="content">resultado</div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> function carrega(v) { $("#content").load("/query/video.html?v="+ encodeURIComponent(v), function(response, status, xhr) { if (status == "error") { //alert("ocorreu um erro") } else { //alert("ok") } }); } carrega("social"); </script> Segunda página (video.html) <script> function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, "\\$&"); var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, " ")); } var foo = getParameterByName('v'); alert(foo); </script> Se você fizer o teste chamado já a segunda pagina com a query assim /video.html?v=teste123 um alert de "teste123" vai aparecer, porém quando tento fazer isso pela página principal passando o parametro da query e trazendo o resultado por load, simplesmente da erro e o valor vem como null. Alguém poderia me explicar aonde estou errando?
  11. Sara Alves

    Erro macabro .done is not a function

    Exatamente isso, obrigado por sua ajuda, vou estudar agora o codigo, obrigado :D
  12. Sara Alves

    Erro macabro .done is not a function

    Obrigado amigo, fiz a mudança e o erro no depurador parou, porém o script não esta me mostrando os resultados, poderia me dar um auxilio do porque não estou recebendo os resultados? aonde pode está o erro, obrigado. ficou assim <!doctype html> <html> <head> <meta charset="utf-8"> <title>Xtart</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var url = "http://xt.art.br/br.art.xt.xtart/API/"; $("#news").html(""); var mostrados = 5; $.getJSON(url, function(data) { $.each(data.members, function(i, user) { var tblRow = "<div class='posts' style='background-image: url(" + user.guid + "?zoom=2&resize=640%2C360);'>" + "<input type='hidden' value='" + user.ID + "'/>" + "<div class='post_title'><div>" + user.post_title + "</div></div>" + "</div>"; $(tblRow).hide().appendTo("#news"); }); }).done(function() { var filhos = $('#news').children('.posts'); for (var i = 0; i < mostrados; i++) { filhos[i].className = "posts show"; } $(window).scroll(function() { if($(this).scrollTop() + $(this).height() === $(document).height()) { var mostradosAntes = mostrados; mostrados += 5; var filhos = $('#news').children('.posts'); for (var i = mostradosAntes; i < mostrados; i++) { filhos[i].className = "posts show"; } } }); }); }); </script> <style type="text/css"> #news { float: left; width: 100%; } .posts { float: left; width: 100%; height: 200px; margin-bottom: 10px; background-position: center; background-size: cover; } .post_title { margin-top: 120px; height: 80px; background-image: url(bg_post_title.png); background-repeat: repeat; } .post_title div { color: #FFFFFF !important; padding: 2px; text-transform: uppercase; text-shadow: 1px 1px #444 } .show { display: block; } .hide { display: none; } </style> </head> <body> <div id="news"></div> </body> </html>
  13. Sara Alves

    Erro macabro .done is not a function

    Olá amigos, Tenho o seguinte codigo <!doctype html> <html> <head> <meta charset="utf-8"> <title>Xtart</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var url = "http://xt.art.br/br.art.xt.xtart/API/"; $("#news").html(""); var mostrados = 5; $.getJSON(url, function(data) { $.each(data.members, function(i, user) { var tblRow = "<div class='posts' style='background-image: url(" + user.guid + "?zoom=2&resize=640%2C360);'>" + "<input type='hidden' value='" + user.ID + "'/>" + "<div class='post_title'><div>" + user.post_title + "</div></div>" + "</div>"; $(tblRow).hide().appendTo("#news"); }).done(function() { var filhos = $('#news').children('.posts'); for (var i = 0; i < mostrados; i++) { filhos[i].className = "posts show"; } $(window).scroll(function() { if($(this).scrollTop() + $(this).height() === $(document).height()) { var mostradosAntes = mostrados; mostrados += 5; var filhos = $('#news').children('.posts'); for (var i = mostradosAntes; i < mostrados; i++) { filhos[i].className = "posts show"; } } }); }); }); }); </script> <style type="text/css"> #news { float: left; width: 100%; } .posts { float: left; width: 100%; height: 200px; margin-bottom: 10px; background-position: center; background-size: cover; } .post_title { margin-top: 120px; height: 80px; background-image: url(bg_post_title.png); background-repeat: repeat; } .post_title div { color: #FFFFFF !important; padding: 2px; text-transform: uppercase; text-shadow: 1px 1px #444 } .show { display: block; } .hide { display: none; } </style> </head> <body> <div id="news"></div> </body> </html> Ele tem a funcão de resgatar valores json em uma api e me trazer os resultados, porém está ocorrendo o segi Já verifiquei tudo e simplesmente não consigo ver aonde está o erro, se tiver alguém ai com zoi de águia e puder me ajudar, obrigado.
  14. Sara Alves

    Regex limitar quantidade de caracteres depois do @

    Olá amigos, Tenho a seguinte expressão produto@[a-zA-Z0-9]{10} A principio a expressão me ajuda, porém depois do arroba quando eu digito mais de 10 caracteres, ele continua aceitando, eu gostaria de saber como faço para limitar a quantidade aceitavel de caracteres depois do arroba, não está validando com menos de 10 caracteres, até ai ok, porém se eu colocar mais de 10 ele continua aceitando. Como faço para limitar em 10 o numero de caracteres? Obrigado.
  15. Sara Alves

    Transição mover div suavemente pra cima

    Boa tarde, Tenho o seguinte code https://codepen.io/anon/pen/GmQgJY Oque a principio faz é colocar uma imagem no rodape, e ao diminuir e movimentar a janela, sempre fica na mesma posição, até ai beleza, mas eu queria saber como é feito o efeito de por exemplo ao diminuir e aumentar a janela do browser a imagem fosse para o lugar suavemente, acredito que isso seja feito utilizando -webkit-transform porém não estou conseguindo aplicar de modo que a transição fique bem suave.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.