Suporte » Temas » Formato do Menu e design

  • Resolvido Hookton

    (@hookton)


    Vamos la. Eu achei a parte do CODIGO q fala sobre o MENU q é representado pela Pagina inicial e pelo WAREZ.

    http://i228.photobucket.com/albums/ee85/Hookton/blog/Duvida-02.jpg

    Dai eu copiei todo o codigo q esta´entre o verde e colei onde está em azul. Eu mudei o id da Div, nao sei bem o pq, pq talvez eu achei q iria achar referencias a ESTE ID em outra parte do codigo, más até agora nao achei…

    E dps eu somente colokei o include para determinar quais PAGES iriam aparecer em qual menu.

    Más olhe como ele veio ao mundo..

    http://i228.photobucket.com/albums/ee85/Hookton/blog/Duvida01.jpg

    🙁 más pelo menso fiz o outro menu rsrs.. Más a pergunta:

    [b]1)[/b] Se o código está IGUAL pq que o menu nao fico na horizontal ???

    [b]2)[/b] Onde eu acho os parametros ou codigos (nao sei a palavra correta) para definir a cor de fundo e etc ? pois eu na WP do site eu fucei todos os locais de Ediçao da aparencia, no cabeçalho, rodapá, enfim, tudo, e nao achei nenhuma referencia a esse [b]dev ID = menu[/b] ;(

    E ultima segue a imagem de 1 novo arquivo q eu criei:

    http://i228.photobucket.com/albums/ee85/Hookton/blog/Duvida-03.jpg

    Entao, eu pensei em fazer o Segundo menu e cada item eu criar 1 arquivo novo e faze-lo puchar as TAGS para serem mostra como se fosse 1 seção. Eu consigo isso com os codigos adcionados na imagem acima.

    mas nao to conseguindo pensar direito pois quero 1 menu parecido com este abaixo:

    http://i228.photobucket.com/albums/ee85/Hookton/blog/MENU.jpg

    Onde cada SUB-MENU eu colocaria o codigo para q fosse buscado uma unica TAG. Ex: Cada nome do sub-menu representa 1 tag.

    Alguem pode ajudar ??

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Moderador Leo Baiano

    (@leobaiano)

    Se o código está IGUAL pq que o menu nao fico na horizontal ???

    Porque você mudou o ID do segundo menu, o ID é a identificação do bloco, no CSS deve existir a configuração visual do bloco.

    Abra o arquivo style.css, procure por um código mais ou menos assim:

    #menu{

    }

    Copie tudo, cole em outro lugar e altere o nome de #menu para #menu_sec.

    Onde eu acho os parametros ou codigos (nao sei a palavra correta) para definir a cor de fundo e etc ?

    É no arquivo style.css que você vai encontrar essas definições visuais.

    Pesquise por menu dropdown no google, vai achar muito material ensinando a fazer o menu do jeito que você ta querendo.

    Criador do tópico Hookton

    (@hookton)

    http://www.pipocanosofa.com.br/

    o link é esse.

    segue a baixo onde achei referencias sobre o menu:

    nos arquvivos dentro da pasta CSS do tema:

    ele abriu outro menu e talz, mas parece q está transparente ainda …
    style.css

    #menu_sec
    {
      clear:both;
      width:980px;
      height:36px;
    }
    
    #menu_sec ul
    {
      list-style:none;
    }
    
    #menu_sec li
    {
      float:left;
      display:block;
      position:relative;
      z-index:1 !important;
    }
    
    #menu_sec li a
    {
     float:left;
     height:36px;
     line-height:36px;
     display:block;
     padding:0px 10px;
     text-decoration:none;
     font-size:13px !important;
     font-weight:bold;
    }
    
    #menu_sec li li a
    {
     float:left;
     height:36px;
     line-height:36px;
     display:block;
     padding:0px 10px;
     text-decoration:none;
     font-size:12px !important;
     font-weight:normal !important;
    }
    
    #menu_sec li ul
    {
      top:36px;
      left:0px;
      z-index:10;
      position:absolute;
      display:none;
    }
    
    #menu_sec li li
    {
      clear:left;
      float:left;
    }
    
    #menu_sec li li a
    {
      width:180px;
      height:30px;
      line-height:30px;
      display:block;
      padding:0px 10px;
      border-top:1px solid;
    }
    
    #menu_sec .parent{
      background:url(../img/bg/arrow-down.gif) no-repeat center right;
    }

    e achei no outro arquivo tbm:

    #menu
    {
      display:none;
    }

    eu ja dupliquei ele mudando a ID, mas nada. nada mudou com ou sem o codigo duplicado.
    agora eles está sem duplicar.

    valw pela ajuda xD

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Formato do Menu e design’ está fechado para novas respostas.