Ir para conteúdo
Renan Leite

Como fazer esse menu: HTML5 + CSS / Devo usar algo a mais?

Recommended Posts

Fala galera, de boas?

 

Eu fiz um menu no photoshop e estou tentando passar para HTML5 e CSS, mas estou enfrentando problemas =(

Esse é o link de como ficou no photoshop: https://ibb.co/kyY03G

--------------------------------------------------------------------------------------------

Esse é o link de como está ficando no HTML5 e CSS: https://ibb.co/daff3G

Eu até conseguiria centralizar esse input(buscar no site) mas teria que usar margin negativa...

Eu queria que tudo ficasse dentro do meu Header que será meu menu Horizontal... (Estou fazendo da forma mais correta?)

Meu código html está assim:

<!DOCTYPE html>
<html>
<head>
	<title>WorLoc</title>
	<link rel="stylesheet" type="text/css" href="_css/style.css">
</head>
<body>
	<header>
		<img src="_img/logo.png" id="logo">
		<div id="divBusca">
			<input type="text" id="textoBusca" placeholder="Buscar no site">
		</div>	
	</header>
</body>
</html>

E o meu css: 

body {
	margin: 0;	
	padding: 0;
}

header {
	position: absolute;
	width: 1600px;
	height: 58px;
	background: #1884e0;
}

header img#logo {
	margin-left: 170px;
	margin-top: 10px;
}

#divBusca{
  position: relative;
  background-color:white;
  border:solid .5px;
  border-radius:15px;
  width:150px;
  height: 30px;
  margin-top: 0px;
  margin-left: 340px;
}

#textoBusca{
  float:center;
  background-color:transparent;
  padding-left:5px;
  font-style:italic;
  font-size:15px;
  border:none;
  height:32px;
  width:150px;
}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por matheusmacias
      Alguém sabe resolver isso?

    • Por fabioseco
      Ola pessoal, meu dw cs6 não tem as tags de css flexbox.
      Alguém sabe como adiciona-las no dw cs6???
    • Por Solo
      Boa noite  pessoal, estou com um problema, sou iniciante me php e estou em duvida com como posso fazer uma paginacao de produtos do banco de dados...... alguem poderia me ajudar ou me indicar um tutorial ???
       
      <?php
      error_reporting(0);
      ini_set(“display_errors”, 0 );
      require_once("conexao.php"); 
         $produtos = "SELECT produto_ID, nome_produto, imagem_produto, valor ";
          $produtos .= "FROM produto ";
          $resultado = mysqli_query($conecta, $produtos);
          if(!$resultado) {
              die("Falha na consulta ao banco");   
          }
      ?> 
       
       
       
      AONDE LISTA OS PRODUTOS 
       
       
       
          <div class="rowproducts">
          <div id="listagem_produtos2" class="">
            <?php while($linha=mysqli_fetch_assoc($resultado)) {   ?>
                       
                      <ul>
                          <div class="class22">
                          
                          <li>
                              
                              <img  class="img-responsive"  height="200" width="200" src="<?php echo $linha["imagem_produto"]?> "  >
                              </li>
                              
                              <li class="nproduto"><?php echo $linha["nome_produto"]?></li>
                               <li class="nproduto">R$ <?php echo $linha["valor"]?></li>
                          </div>
                          </ul>
                          
                          
                          
                          
                          
                          
                          
                      
                  <?php } ?>
                      
                      
                      
                    </div>
                    </div>
       
       
       
       
    • Por lindomar55
      ola amigos preciso de uma ajudinha, estou montando uma aplicaçao usando vb.net windows forms. nela tenho um botao onde chamo uma url no chrome com o seguinte comando.
      Private Sub Btn_abrir_site_Click(sender As Object, e As EventArgs) Handles Btn_abrir_site.Click
              Dim url As String = “https://www.rico.com.você/dashboard/tesouro-direto/“
              Process.Start(url)
          End Sub
      no google entao eu acesso com meu logim manualmente(prefiro assim). e em realizo uma serie de operaçoes, chega um determinado momento que preciso passar passar os dados que o site me apresenta entao(apos as operaçoes) para o aplicativo. ai é que esta o problema. neste ponto estou boiando.
      no codigo abaixo por exemplo: precisava obter os valores 12,36 e 8806,84 de forma automatica e colocar em textbox.
      vi exemplos na net que mostram com webbrowser porem eu prefiro que seja com o chrome. e nesses exemplos ele abre a pagina e ja obtem os dados. eu preciso trabalhar na pagina muiiiito e so depois baixar os dados programaticamente.
      qualquer ajuda sera bem vinda....
       

×

Informação importante

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