Jump to content

Aphrodi

Members
  • Content count

    60
  • Joined

  • Last visited

  • Days Won

    2

Aphrodi last won the day on December 2 2017

Aphrodi had the most liked content!

Community Reputation

10 Levemente Bom

About Aphrodi

Informações Pessoais

  • Sexo
    Feminino

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Eu estou usando a função onclick no javascript dessa forma: $("#items").append(` <div onclick="selectItem(this)" data-name="${element.name}" data-amount="${element.amount}" data-idname="${element.idname}" style="background-image: url('assets/icons/${element.icon}'); background-size: 80px 80px;"> <span class="fan_item_topo"> <p class="amount">${element.amount}x</p> <p class="peso">${element.peso} kg</p> </span> <p class="name">${element.name}</p> </div> `); e a função: function selectItem(element) { itemName = element.dataset.name; itemAmount = element.dataset.amount; itemIdname = element.dataset.idname; $("#items div").css("background-color", "rgba(0,0,0,0.5)"); $("#items div").css("border", "1px solid rgba(0, 0, 0, 0.2)"); $("#items div").css("animation", "none"); $(element).css("animation", "shadow-pulse 1s infinite"); $(element).css("background-color", "rgba(59, 43, 97, 0.8)"); $(element).css("border", "1px solid rgb(59, 43, 97)"); } meu problema é, quando o element atualiza ele reseta o que foi "selecionado", teria alguma forma de não resetar?
  2. Aphrodi

    Como colocar uma imagem sem alterar a qualidade dela?

    Você pode usar max-height no lugar de height assim determina um máximo apenas da imagem e ela não ficará esticada.
  3. Aphrodi

    Tenho um problema com meu código HTML

    Se for usar HTML puro você teria que usar a tag center, (<center></center>): <html> <head> Teste HTML </head> <body bgcolor="pink"> <center><h1 aling="middle"><b> Teste 1 </b></h1></center> <br/> <hr/> <br/> <a href="reddit.com" target="blank"> Click Here </a> </body> </html>
  4. Aphrodi

    Procuro Web Design para contratar

    me mande sua ideia por mensagem privada :)
  5. Aphrodi

    Dúvida com imagem e link

    Não entendi direito a duvida, mas seria tipo um texto dentro de uma imagem com Link? depende. Explica um pouco melhor.
  6. Aphrodi

    "justify-self: " "; " Não funciona.

    Você vai ter que fazer dois "NAV" e adicionar o menu de cada lado ai determina um float left e outro float right.
  7. Aphrodi

    Background não funcionando com a imagem

    É porque não entendi a duvida.
  8. Aphrodi

    Background não funcionando com a imagem

    Assim?, tem jeitos melhores de trabalhar dessa forma. <!DOCTYPE html> <html> <head> <!-- Font Awesome --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- CSS --> <link rel="stylesheet" href="css/style.css"> <!-- Site Titulo --> <title>BuildTeam</title> <!-- Meta Info --> <meta charset="UTF-8"> <meta name="author" content="TequilAxBr"> <meta name="description" content="Descrição do seu site."> <meta name="keywords" content="Minecraft, Server, Servidor, Multiplayer, Game"> <style type="text/css"> /* RESET */ * {margin: 0; padding: 0; font-size: 100%; font-family: 'Open Sans', sans-serif; font-weight: normal; box-sizing: border-box; border: none; outline: none;} body, html {margin: 0; padding: 0; width: 100%; height: 100%; font-size: 100%; font-family: 'Open Sans', sans-serif; font-weight: normal; box-sizing: border-box; outline: none;} img {max-width: 100%;} ul {list-style: none;} a {text-decoration: none; padding: 0; margin: 0;} /* CABECALHO */ header .imagem{ background-image: url(https://imgur.com/RSHad7X.jpg); background-attachment: fixed; background-size: 100%; height: 500px; } header .imagem h1{ text-align: center; color: #F5F5F5; padding: 17% 0; font-size: 50px; } header .imagem h1 .slogan{ font-weight: bold; } /* MENU */ header nav ul{ position: fixed; top: 0; width: 100%; background: transparent; /**background: linear-gradient(to right, #E0E0E0, #F5F5F5);**/ } header nav ul li{ padding: 13px 0 13px 2.5%; float: left; } header nav ul li:first-child{ padding-left: 36%; } header nav ul li a{ color: white; } header nav ul li a:hover{ border-left-style: solid; border-left-width: 2px; border-left-color: white; } /* SOBRE */ .sobre { width: 70%; margin: auto; } .sobre img { max-width: 100%; float: left; } .sobre h1 { float: right; } </style> </head> <body> <!-- Header --> <header> <div class="imagem"> <h1>Seja Bem-Vindo<br> <div class="slogan">Você pede a mágica acontece!</div></h1> </div> <!-- Menu --> <nav> <ul> <li><a href="#sobre"><i class="fa fa-info" aria-hidden="true"> Sobre</i></a></li> <li><a href="#construtores"><i class="fa fa-graduation-cap" aria-hidden="true"> Construtores</i></a></li> <li><a href="#clientes"><i class="fa fa-users" aria-hidden="true"> Clientes</i></a></a></li> <li><a href="#depoimentos"><i class="fa fa-comments" aria-hidden="true"> Depoimentos</i></a></li> </ul> </nav> <!-- / Menu --> </header> <!-- / Header --> <!-- Principal --> <div class="principal"> <!-- Sobre --> <div class="sobre"> <img src="img/stone-block.png"> <h1>O que é a BuildTeam?</h1> </div> <!-- / Sobre --> </div> <!-- / Principal --> </body> </html>
  9. Aphrodi

    Logo com gif no site

    É só editar no código fonte da pagina, se não for possível entre em contato com a empresa que hospeda sua loja integrada.
  10. Aphrodi

    Ajuda css

    Fico bugado o código e impossível visualizar o menu, irei instruir os códigos para fazer o menu: você precisa adicionar no css do menu; position: fixed; width:100%; height: 90px;
  11. Aphrodi

    Ajuda css

    Passe o código completo da pagina, apenas o css é complicado de ajustar o código.
  12. me adiciona no skype: gta.replay
  13. Eu não entendi como você quer fazer o site por isso não opinei nada, prefiro fazer manual do que usar código de terceiros, igual o reset e o outro. Se quiser mais alguma ajuda só avisar rs.
  14. É o padding do .header que está interferindo.
  15. me envie o código completo da pagina para avaliar.
×

Important Information

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