1. #1

    Registo
    Jan 2008
    Idade
    49
    Posts
    2

    Thumbs up menu com submenus

    Boas a todos os participantes, vejo que o fórum têm bastantes utilizadores por isso, venho pedir se alguém sabe como fazer um menu com submenus para o blogspot ?
    Como este aqui..

    por favor
    que está com o nome (Categorias).

    Por favor se alguém souber me digam se dá para fazer directo com o blogue ou é com algum programa a parte?

    E sempre que se faça algum poste tem que se actualizar o menu?..
    Obrigado a todos.
    Última edição por galoazul; 31-01-2010 às 19:05.

  2. #2
    Avatar de maar3amt
    Registo
    Sep 2006
    Localização
    Ataíde, Vila Meã
    Idade
    32
    Posts
    7.652
    Boas,

    Vai aqui uma explicação de como se adiciona um menu css/js no blogger e blogspot!

    Aqui fica um exemplo do menu! Glow In Dark !


    Vais ao Dynamic Drive e faz download dos códigos e ficheiros que lá te apresentam, Dynamic Drive CSS Library- jQuery Multi Level CSS Menu #2, faz em seguida o download do seguinte ficheiro .js Free File Hosting & Video Downloads, Free File *******, Online Friends Network - Ziddu e envia todos os ficheiros para um servidor gratuito gratuito mas eficiente por exemplo MyDataNest Registration - DataNest Free Online Collaboration: Online File Storage, FTP Replacement, Team Workspaces, Data Hosting and Backup - 2GB Free! !

    PS:No mydatanest cria uma pasta para os ficheiros e salva a pasta com "hidden" e não como "Private"!

    Depois dos ficheiros enviados para o mydatanest vai até ao teu paine de controle da tua conta no blogger e clica em "Layout", depois clica no separador "Edit Html", neste template pesquisa por "</head>" e antes dessa tag cola o seguinte código:

    <link rel="stylesheet" type="text/css" href="http://mydatanest.com/............/slidemenu_hori.css" />

    <!--[if lte IE 7]>
    <style type="text/css">
    html .jqueryslidemenu{height: 1%;}
    </style>
    <![endif]-->

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <script type="text/javascript" src="http://mydatanest.com/.............../slidemenu_horiz.js"></script>
    Substitui os links a vermelho pelos links para os ficheiros da tua conta mydatanest e salva as alterações no template!


    Agora vai até "Page Elements" do "Layout".
    Add a Gadget of HTML/JavaScript type.

    Dentro do novo gadget adiciona o seguinte código:

    <div id="myslidemenu" class="jqueryslidemenu">
    <ul>
    <li><a href="http://www.dynamicdrive.com">Item 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Folder 1</a>
    <ul>
    <li><a href="#">Sub Item 1.1</a></li>
    <li><a href="#">Sub Item 1.2</a></li>
    <li><a href="#">Sub Item 1.3</a></li>
    <li><a href="#">Sub Item 1.4</a></li>
    </ul>
    </li>
    <li><a href="#">Item 3</a></li>
    <li><a href="#">Folder 2</a>
    <ul>
    <li><a href="#">Sub Item 2.1</a></li>
    <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Folder 3.1.1</a>
    <ul>
    <li><a href="#">Sub Item 3.1.1.1</a></li>
    <li><a href="#">Sub Item 3.1.1.2</a></li>
    <li><a href="#">Sub Item 3.1.1.3</a></li>
    <li><a href="#">Sub Item 3.1.1.4</a></li>
    <li><a href="#">Sub Item 3.1.1.5</a></li>
    </ul>
    </li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href="http://www.gforum.tv/board/">Gforum</a></li>
    </ul>
    <br style="clear: left" />
    </div>
    Altera o conteúdo do menu acima de acordo com as tuas necessidades!

  3. #3
    Citação Postado originalmente por maar3amt Ver Post
    Boas,

    Vai aqui uma explicação de como se adiciona um menu css/js no blogger e blogspot!

    Aqui fica um exemplo do menu! Glow In Dark !


    Vais ao Dynamic Drive e faz download dos códigos e ficheiros que lá te apresentam, Dynamic Drive CSS Library- jQuery Multi Level CSS Menu #2, faz em seguida o download do seguinte ficheiro .js Free File Hosting & Video Downloads, Free File *******, Online Friends Network - Ziddu e envia todos os ficheiros para um servidor gratuito gratuito mas eficiente por exemplo MyDataNest Registration - DataNest Free Online Collaboration: Online File Storage, FTP Replacement, Team Workspaces, Data Hosting and Backup - 2GB Free! !

    PS:No mydatanest cria uma pasta para os ficheiros e salva a pasta com "hidden" e não como "Private"!

    Depois dos ficheiros enviados para o mydatanest vai até ao teu paine de controle da tua conta no blogger e clica em "Layout", depois clica no separador "Edit Html", neste template pesquisa por "</head>" e antes dessa tag cola o seguinte código:



    Substitui os links a vermelho pelos links para os ficheiros da tua conta mydatanest e salva as alterações no template!


    Agora vai até "Page Elements" do "Layout".
    Add a Gadget of HTML/JavaScript type.

    Dentro do novo gadget adiciona o seguinte código:



    Altera o conteúdo do menu acima de acordo com as tuas necessidades!
    Talvez me possas ajudar com uma questão....

    Como eu faço para direccionar os links para paginas fora do "blog raiz" ou seja:

    Ex.

    Menu 1 - direccionar para www.sapo.pt
    Menu 2 - direccionar para IOL - Notícias, empresas e webmail
    Sub menu 1 - direccionar para Welcome to Facebook - Log In, Sign Up or Learn More
    Sub menu 2 - direccionar para www.google.pt

    nesse menu quando tu colocar o link por ex. www.sapo.pt ele colocará no menu o link "http://"blog raiz".blogspot.com/www.sapo.pt"

    Obrigado

  4. #4
    Avatar de maar3amt
    Registo
    Sep 2006
    Localização
    Ataíde, Vila Meã
    Idade
    32
    Posts
    7.652
    Se pretendes redireccionar para um link externo é só: <a href="http://paginadedestino.pt">Link externo</a>

Tópicos Similares

  1. Entrar em submenus
    Por GurKa no fórum Duvidas / Ajuda
    Respostas: 8
    Último Post: 07-04-2008, 10:16
  2. menu
    Por Terran no fórum Duvidas / Ajuda
    Respostas: 2
    Último Post: 19-08-2007, 20:55
  3. menu das keys
    Por sacelso no fórum Duvidas / Ajuda
    Respostas: 2
    Último Post: 18-08-2007, 10:03

Tags para este Tópico

Permissões de Postagem

  • Você não pode iniciar novos tópicos
  • Você não pode enviar respostas
  • Você não pode enviar anexos
  • Você não pode editar suas mensagens
  •  

Conectar

Conectar