botão Drop Down no Widgets

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

Atendido / Resolvido botão Drop Down no Widgets

Mensagem por Lancer91 em 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
Nível 5

Masculino
Inscrito dia : 01/10/2017
Mensagens : 35
Pontos Ativos : 51

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Atendido / Resolvido Re: botão Drop Down no Widgets

Mensagem por Lancer91 em 19.10.17 14:57

up?
Lancer91

Lancer91
Nível 5

Masculino
Inscrito dia : 01/10/2017
Mensagens : 35
Pontos Ativos : 51

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Atendido / Resolvido Re: botão Drop Down no Widgets

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6622
Pontos Ativos : 7517

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: botão Drop Down no Widgets

Mensagem por Lancer91 em 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
Nível 5

Masculino
Inscrito dia : 01/10/2017
Mensagens : 35
Pontos Ativos : 51

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Atendido / Resolvido Re: botão Drop Down no Widgets

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6622
Pontos Ativos : 7517

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: botão Drop Down no Widgets

Mensagem por Lancer91 em 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
Nível 5

Masculino
Inscrito dia : 01/10/2017
Mensagens : 35
Pontos Ativos : 51

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Atendido / Resolvido Re: botão Drop Down no Widgets

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6622
Pontos Ativos : 7517

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: botão Drop Down no Widgets

Mensagem por Lancer91 em 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
Nível 5

Masculino
Inscrito dia : 01/10/2017
Mensagens : 35
Pontos Ativos : 51

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Atendido / Resolvido Re: botão Drop Down no Widgets

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6622
Pontos Ativos : 7517

Ver perfil do usuário https://luizfelipe.dev

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum