Jump to content

Guilherme Coveseviski

Members
  • Content count

    5
  • Joined

  • Last visited

Community Reputation

0 Comum

About Guilherme Coveseviski

Recent Profile Visitors

162 profile views
  1. Alguém sabe fazer este código funcionar em mobile <script> $(document).ready(function(){ var receita = window.location.search.replace("?", ""); if (receita != ''){ $('#receitaPrincipal').html($('div[name="'+receita+'"]').html()); $('a[id="'+receita+'"]').hide(); $('div[name="'+receita+'"]').hide(); } }) </script> <div id="linha"> <div id="receitaPrincipal"></div> <a id="receita1" href="http://www.consultorsaudavel.com/p/bolo-de-cenoura-bolo-de-cenoura-04.html?receita1"> <div id="quadro-foto-receita01"> <div id="foto-receita01" style="background-image:url(https://instagram.fcfc2-1.fna.fbcdn.net/t51.2885-15/e35/17333494_698235450337530_9128317706150346752_n.jpg)"> </div> </div> <div id="titulo-receita01">SHAKE CREMOSO NO LIQUIDIFICADOR</div> <div id="conteudo-receita01"> Aprenda a fazer o Shake Herbalife de maneira<br/> deliciosa ficando super cremoso para tomar todos os dias.</div> <div id="botao">VEJA MAIS</div> </a> <div class="container" name="receita1"> <div id="linha02"> <div id="quadro-foto-receita02"> <div id="foto-receita02" style="background-image:url(https://instagram.fcfc2-1.fna.fbcdn.net/t51.2885-15/e35/17333494_698235450337530_9128317706150346752_n.jpg)"> </div> </div> <div id="linha03" > <h30>SHAKE CREMOSO NO LIQUIDIFICADOR</h30> <div class="titulo-preparo02"> <a>INGREDIENTES:</a> </div> <div class="conteudo-receita02"> <a> - 250ml de água;<br/> - 4 pedras médias de gelo;<br/> - 2 colheres leite desnatado em pó;<br/> - 2 colheres de Shake Herbalife;<br/> - Um pedaço de Fruta de sua preferência.</a><br/> <div class="titulo-preparo02"> <a>PREPARO:</a> </div> <a>- Coloque a água, gelo e leite e bata por 20 segundos na velocidade média;<br/> - Coloque o pedaço de fruta picadas de sua preferência e bata durante 30 segundos;<br/> - Por último coloque as duas colheres de Shake e bata mais 20 segundos e está pronto.<br/></a> </div> <div class="titulo-preparo02"> <a>Aqui vai um lista de sabores de frutas para fazer com o SHAKE: </a> </div> <div class="conteudo-receita02"> <a>- Banana, Coco, Figo, Framboesa, Goiaba, Maçã, Mamão, Manga, Melancia, Melão, Morango, Pera e Pêssego.</a> </div> <div class="titulo-preparo02"> <a>Aqui vai a lista dos sabores de SHAKE da Herbalife: </a> </div> <div class="conteudo-receita02"> <a>- Baunilha Cremoso, Paçoca, Chocolate Sensaition, Mousse de Maracujá, Milho Verde, Doce de Leite, Cookies & Cream e Morango.</a> </div> </div> </div> </div> <a id="receita2" href="http://www.consultorsaudavel.com/p/bolo-de-cenoura-bolo-de-cenoura-04.html?receita2"> <div id="quadro-foto-receita01"> <div id="foto-receita01" style="background-image:url(https://instagram.fcfc2-1.fna.fbcdn.net/t51.2885-15/e35/17587105_245865265884702_7685630889979543552_n.jpg)"> </div> </div> <div id="titulo-receita01">SHAKE CREMOSO NA SHAKEIRA</div> <div id="conteudo-receita01"> Saiba de maneira prática como<br/> fazer um SHAKE nutritivo em sua Shakeira.</div> <div id="botao">VEJA MAIS</div> </a> <div class="container" name="receita2"> <div id="linha02"> <div id="quadro-foto-receita02"> <div id="foto-receita02" style="background-image:url(https://instagram.fcfc2-1.fna.fbcdn.net/t51.2885-15/e35/17587105_245865265884702_7685630889979543552_n.jpg)"> </div> </div> <div id="linha03" > <h30>SHAKE CREMOSO NA SHAKEIRA</h30> <div class="titulo-preparo02"> <a>INGREDIENTES:</a> </div> <div class="conteudo-receita02"> <a> - 300ml de água gelada;<br/> - 2 colheres leite desnatado em pó;<br/> - 2 colheres de Shake Herbalife;<br/> - Um pedaço de Fruta de sua preferência.</a><br/> <div class="titulo-preparo02"> <a>PREPARO:</a> </div> <a>- Coloque primeiramente a água depois o leite em pó e as duas colheres de Shake Herbalife agite a Shakeira como preferir e tome;<br/> - Após ter </a> </div> <div class="titulo-preparo02"> <a>Aqui vai um lista de sabores de frutas para comer com o SHAKE: </a> </div> <div class="conteudo-receita02"> <a>- Banana, Coco, Figo, Framboesa, Goiaba, Maçã, Mamão, Manga, Melancia, Melão, Morango, Pera e Pêssego.</a> </div> <div class="titulo-preparo02"> <a>Aqui vai a lista dos sabores de SHAKE da Herbalife: </a> </div> <div class="conteudo-receita02"> <a>- Baunilha Cremoso, Paçoca, Chocolate Sensaition, Mousse de Maracujá, Milho Verde, Doce de Leite, Cookies & Cream e Morango.</a> </div> </div> </div> </div> </div> <style> #linha{ margin: 0 auto; width: 70%;} #receita1, #receita2, #receita3 { height: 180px; border-bottom: 1px solid #f2f2f2; display: block; color: #4d4d4d; margin:0 auto; width: 100%; margin-bottom:7px; padding: 15px;} #titulo-receita01{ float: left; color: #67bc2a; font-weight: 700; font-size: 16px; font-family: Arial; text-transform: uppercase; width: 57%;} #conteudo-receita01{ padding-top: 15px; padding-bottom: 38px; float: left; color: #67bc2a; font-weight: 400; font-size: 14px; font-family: Arial; width: 57%;} #quadro-foto-receita01 { border-right: 1px solid #f2f2f2; margin-right: 20px; padding-right: 20px; float: left; height: 150px; width: 40%;} #foto-receita01 { background-repeat: no-repeat; background-position: center; background-size: 140% auto; overflow: hidden; float: left; display: inline; width: 100%; height: 150px;} #botao{ border-radius: 4px; -moz-border-radius: 4px; font-family: Arial; font-weight: 700; color: #fff; font-size: 14px; padding: 3px 10px; float: right; background-color: #0080ff; width: auto; height: auto;} #linha02{ height: 100%; padding: 15px; border-bottom: 1px solid #f2f2f2; margin: 0 auto; width: 100%; display: inline-block;} #quadro-foto-receita02 { padding-right: 20px; float: left; height: 150px; width: 40%;} #foto-receita02 { background-repeat: no-repeat; background-position: center; background-size: 140% auto; overflow: hidden; float: left; display: inline; width: 100%; height: 150px;} #linha03{ padding-left: 20px; display: inline-block; border-left: 1px solid #f2f2f2; float: left; width: 60%;} h30 { border-left: 0px solid #f2f2f2; float: left; color: #67bc2a; font-weight: 700; font-size: 16px; font-family: Arial; text-transform: uppercase; width: 100%; margin-bottom: 15px; } .titulo-preparo02{ padding-top: 10px; padding-bottom: 10px; font-size: 13px; font-family: Arial; text-transform: uppercase; font-weight: 700; text-transform: uppercase;} .titulo-preparo02 a, .titulo-preparo02 a:hover{ color: #67bc2a;} .conteudo-receita02{ line-height: 15px; text-align: justify; text-transform: lowercase; text-transform: none; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 400;} .conteudo-receita02 a, .conteudo-receita02 a:hover{ color: #67bc2a;} div.container{ margin: 0 0px; display: none; } div.container.show{ display: block; } .receitaPrincipal{ } </style>
  2. Guilherme Coveseviski

    Alguém sabe abrir um Accordion com link externo?

    http://www.herbanutricao.com/info/info/3345/119/shake-herbalife-paçoca-lançamento mais ou menos como este link.
  3. Guilherme Coveseviski

    Alguém sabe abrir um Accordion com link externo?

    tenho um link em uma página. Ex.: RECEITA DE TOMATE. QUANDO CLICO EM RECEITA DE TOMATE. VAI abrir o código acima em outra pagina com o Accordion aberto. Neste explo voce tem que clicar no titulo para abrir a função. eu não quero isso. Digamos que iria aparacer a ceira de tomate inteira na outra pagina.. eu gostaria de colocar as receitas em uma pagina só. com os Accordion fechados.. e com a possibilidade de clicar nos links de acesso para abri-los.
  4. Alguém sabe abrir um Accordion com link externo? segue o código <!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <body> <div class="w3-container"> <a href="#link" ><div class="w3-light-grey w3-section"> <button onclick="myFunction('Demo1')" class="w3-button w3-block"> Default (100%)</button> <div id="Demo1" class="w3-hide w3-container"> <p>Lorem ipsum 100% width</p> </div> </div></a> </div> <script> function myFunction(id) { var x = document.getElementById(id); if (x.className.indexOf("w3-show") == -1) { x.className += " w3-show"; } else { x.className = x.className.replace(" w3-show", ""); } } </script> </body> </html>
  5. Gostaria de ter um link em outra pagina e quando clicado este código abaixo aparecer aberto. tem como fazer isso? segue abaixo: <!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <body> <div class="w3-container"> <a name="abrir-isso-por-link" href="#abrir-isso-por-link" ><div class="w3-light-grey w3-section"> <button onclick="myFunction('Demo1')" class="w3-button w3-block">titutlo da tag</button> <div id="Demo15" class="w3-hide w3-container"><p>conteudo que vai paracecer</p></div> </div></a> </div> <script> function myFunction(id) { var x = document.getElementById(id); if (x.className.indexOf("w3-show") == -1) { x.className += " w3-show"; } else { x.className = x.className.replace(" w3-show", ""); } } </script> </body> </html>
×

Important Information

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