botão Drop Down no Widgets

Detalhes da questão

Endereço do fórum: http://tailsoffate.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Boas. Antes de perguntar como se faz, gostava de saber se é possível fazer com que apenas um dos botões que tenho num widget seja drop down ( como os daqui do forum no aceso rapido. )

https://i.servimg.com/u/f62/19/78/35/54/captur10.jpg

Como podem ver, tenho varios botões num widget, mas queria que apenas o botão " Guilds " fosse Drop Down.

Por isso, gostava de saber se é possivel e se sim, como é que se faz? :S

up?

Olá,

O senhor pode me passar as imagens dos menus? E me dar uma lista dos links, por exemplo:

Código:

 | Submenu 1
 |
 | Submenu 2 /
 | -- Submenu 2.1
 | -- Submenu 2.2
 | -- Submenu 2.1
 |
 | Submenu 3

o/

Posso sim senhora. XD


Queria assim:

Código:


| Submenu 1 <a href="http://tailsoffate.forumeiros.com/f2-prologo"><img src="https://i62.servimg.com/u/f62/19/78/35/54/prolog11.jpg" /></a>
 |
 | Submenu 2 <a href="http://tailsoffate.forumeiros.com/f12-regras-e-sistemas"><img src="https://i62.servimg.com/u/f62/19/78/35/54/regras11.jpg" /></a>
 |
 | Submenu 3 <a href="http://tailsoffate.forumeiros.com/f14-ficha-de-personagem"><img src="https://i62.servimg.com/u/f62/19/78/35/54/person11.jpg" /></a>
 |
 | Submenu 4  <img src="https://i62.servimg.com/u/f62/19/78/35/54/guilds10.jpg" />
 | -- Submenu 4.1 <a href="http://tailsoffate.forumeiros.com/t67-eternal-hope#67"><img src="https://i62.servimg.com/u/f62/19/78/35/54/eterna11.png" /></a>
 | -- Submenu 4.2<a href="http://tailsoffate.forumeiros.com/t68-brave-shine"><img src="https://i62.servimg.com/u/f62/19/78/35/54/brave_11.png" /></a>
 | -- Submenu 4.3 <a href="http://tailsoffate.forumeiros.com/t69-miracle-dawn#69"><img src="https://i62.servimg.com/u/f62/19/78/35/54/miracl10.png" /></a>
 | -- Submenu 4.4 <a href="http://tailsoffate.forumeiros.com/t70-dark-night#70"><img src="https://i62.servimg.com/u/f62/19/78/35/54/dark_n10.png" /></a>
 |
 | Submenu 5
 |
 | Submenu 6



Aqui está. Estão as imagens e os links. Como dá para ver, só o botão 4 é que teria submenus. Obrigado.

Não é senhora. >.>

---

Essas imagens estão corretas?
-> http://prntscr.com/gzhc7o

Acho que os menus escondidos ficariam melhores com textos ao invés de imagens, não?

Luiz escreveu:Não é senhora. >.>

---

Essas imagens estão corretas?
-> http://prntscr.com/gzhc7o

Acho que os menus escondidos ficariam melhores com textos ao invés de imagens, não?

Eu até pensei em por os nomes por baixo das imagens, mas tem mesmo de ser imagens pk são os logos das Guilds. :S
Por isso, sim. São essas imagens. XD

uhm, o " Sim senhora " é uma expressão de portugal que se usa, independentemente de estar-se a falar com um homem ou mulher. XD Sorry, se causei confusão. XD

Tudo bem, sem problemas.

---

Aqui está o código HTML para o widget:

Código:

<div class="menu-widget">
   <style>
      .menu-widget-inner {
         border: solid 1px #ddd;
         display: table;
      }
      
      .menu-widget-inner .widget-sumenu {
         display: block;
         margin: 0;
         padding: 0;
      }
      
      .menu-widget-inner .widget-sumenu > a {
         display: block;
         margin-bottom: -4px;
      }
      
      .menu-widget-inner .widget-sumenu .hidden-content {
         max-height: 0px;
         overflow: hidden;
         -webkit-transition: all 250ms linear;
         transition: all 250ms linear;
      }
      
      .menu-widget-inner .widget-sumenu .hidden-content > a {
         display: block;
         text-align: center;
      }
      
      .menu-widget-inner .widget-sumenu .hidden-content > a > img {
         height: 70px;
         width: 70px;
      }
      
      .menu-widget-inner .widget-sumenu:hover .hidden-content {
         max-height: 500px;
      }
   </style>
  <div class="menu-widget-inner">
    <div class="widget-sumenu">
         <a href="/f2-prologo">
            <img src="https://i62.servimg.com/u/f62/19/78/35/54/prolog11.jpg"/>
         </a>
      </div>
    <div class="widget-sumenu" id="submenu-2">
         <a href="/f12-regras-e-sistemas">
            <img src="https://i62.servimg.com/u/f62/19/78/35/54/regras11.jpg"/>
         </a>
      </div>
    <div class="widget-sumenu" id="submenu-3">
         <a href="/f14-ficha-de-personagem">
            <img src="https://i62.servimg.com/u/f62/19/78/35/54/person11.jpg"/>
         </a>
      </div>
    <div class="widget-sumenu" id="submenu-4">
         <a href="javascript:void(0);">
            <img src="https://i62.servimg.com/u/f62/19/78/35/54/prolog11.jpg"/>
         </a>
      <div class="hidden-content">
            <a href="/t67-eternal-hope#67">
               <img src="https://i62.servimg.com/u/f62/19/78/35/54/eterna11.png"/>
            </a>
            <a href="/t67-eternal-hope#67">
               <img src="https://i62.servimg.com/u/f62/19/78/35/54/eterna11.png"/>
            </a>
            <a href="/t67-eternal-hope#67">
               <img src="https://i62.servimg.com/u/f62/19/78/35/54/eterna11.png"/>
            </a>
            <a href="/t67-eternal-hope#67">
               <img src="https://i62.servimg.com/u/f62/19/78/35/54/eterna11.png"/>
            </a>
         </div>
    </div>
  </div>
</div>

Lembre-se que não podemos fazer igual pois vai contra nossas regras. o/

Tá perfeito. Apenas tive de mexer um pouco nos valores para as imagens ficarem um pouco maiores e tirar a borda cinzenta, mas já está. XD Ta perfeito. XD

Eu não queria igual, apenas querias que as imagens saíssem em scrol down sem fundos e bordas, basicamente como já está. XD


Obrigado.

Às ordens. o/