Jump to content

Sara Alves

Members
  • Content count

    19
  • Joined

  • Last visited

Everything posted by Sara Alves

  1. 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!
  2. 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
  3. Sara Alves

    Hover em 2 espaços

    Opa, 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. 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. 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.
  13. 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>
  14. 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. 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.
  16. Sara Alves

    Menu vertical li borda mechendo elementos no hover

    Obrigado pela ajuda pessoal, vou fazer uns testes, prefiro a solução crossbrowser tb, obrigado.
  17. Boa noite, consegui pessoal, utilizei no hover isso e agora funcionou box-sizing: border-box; Dúvida de noob rs, estou com o seguinte code Ao passar o mouse por cima de um link, ele cria uma borda abaixo do link, até ai beleza, meu único problema é que ao clicar essa borda e rodar o efeito, os outros elementos mexem, gostaria de saber como faria para ao passar o mouse ativar o efeito sem mexer com os outros elementos, dá tipo uma tremida, não faço nem ideia de como arrumar isso :) obrigado a quem puder me dar uma luz.
  18. Sara Alves

    Conteúdo responsive

    Obrigado pela ajuda Ezequiel, consegui compreender :D Iskandar, vou ler mais a respeito obrigado pelo conselho.
  19. Sara Alves

    Conteúdo responsive

    Olá, tenho esse script https://codepen.io/anon/pen/JNOePX clique na opção click me e veja que um menu lateral aparece do lado direito, porém quando ele aparece, a imagem da pagina é jogada a esquerda para fora da pagina, eu gostaria de deixar essa imagem responsiva, ou seja... quando clicar para aparecer o menu, ela se ajeite, sem ultrapassar e assim cortando pedaço como está. Sei que isso é uma dúvida de noob, mais já pesquisei de tudo e não achei, por isso venho aqui pedir a ajuda de vocês, como eu poderia resolver isso? obrigado!
×

Important Information

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