botão Drop Down no Widgets

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido botão Drop Down no Widgets

Mensagem por Lancer91 15.10.17 1:05

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
Lancer91

Lancer91
*

Membro desde : 01/10/2017
Mensagens : 35
Pontos : 51

http://tailsofdestiny.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: botão Drop Down no Widgets

Mensagem por Lancer91 19.10.17 14:57

up?
Lancer91

Lancer91
*

Membro desde : 01/10/2017
Mensagens : 35
Pontos : 51

http://tailsofdestiny.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: botão Drop Down no Widgets

Mensagem por Luiz 19.10.17 16:31

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/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: botão Drop Down no Widgets

Mensagem por Lancer91 19.10.17 19:02

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. Piscada
Lancer91

Lancer91
*

Membro desde : 01/10/2017
Mensagens : 35
Pontos : 51

http://tailsofdestiny.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: botão Drop Down no Widgets

Mensagem por Luiz 19.10.17 19:16

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: botão Drop Down no Widgets

Mensagem por Lancer91 19.10.17 19:42

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
Lancer91

Lancer91
*

Membro desde : 01/10/2017
Mensagens : 35
Pontos : 51

http://tailsofdestiny.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: botão Drop Down no Widgets

Mensagem por Luiz 19.10.17 22:07

Tudo bem, sem problemas. Feliz

---

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/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: botão Drop Down no Widgets

Mensagem por Lancer91 19.10.17 23:05

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. Piscada
Lancer91

Lancer91
*

Membro desde : 01/10/2017
Mensagens : 35
Pontos : 51

http://tailsofdestiny.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: botão Drop Down no Widgets

Mensagem por Luiz 19.10.17 23:16

Às ordens. o/

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos