Mostra sub forum in menu a tendina

Forum misto con frammenti di codice
Rispondi
Avatar utente
Galandas
Staff phpBB3World
Staff phpBB3World
Messaggi: 792
Iscritto il: 4 nov 2012, 9:18
Località: phpbb3world
Contatta:

Mostra sub forum in menu a tendina

Messaggio da Galandas » 22 dic 2014, 12:07

Aprire il file styles/prosilver/forumlist_body.html

Trovare ed eliminare:

Codice: Seleziona tutto

<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
Trova:

Codice: Seleziona tutto

</li>
   <!-- ENDIF -->

   <!-- IF forumrow.S_LAST_ROW -->
         </ul>
Aggiungi prima:

Codice: Seleziona tutto

<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS -->
         <ul class="menusubforums">
            <li class="menulabel">{forumrow.L_SUBFORUM_STR}<span>&raquo;</span>
               <ul>
               <!-- BEGIN subforum -->
                  <li>
                     <a class="subforum <!-- IF subforum.S_UNREAD -->unread<!-- ELSE -->read<!-- ENDIF -->" href="{subforum.U_SUBFORUM}">{subforum.SUBFORUM_NAME}</a>
                  </li>
               <!-- END subforum -->
               </ul>
            </li>
         </ul>
         <div class="clear"></div>
         <!-- ENDIF -->
Aprire il file styles/prosilver/theme/common.css

Aggiungere alla fine:

Codice: Seleziona tutto

.menusubforums  li {
   font-size: 12px;
}

.menulabel {
   cursor: pointer;
}

.menulabel:hover span {
   margin-left: -8px;
}

.menusubforums ul {
   position: absolute;
   z-index: 99;
   left: -999em;
   padding-left: 85px;
   list-style: none;
   opacity: 0;
   transition: opacity 0.7s;
}

.menusubforums li:hover ul {
   left: 4px;
   bottom: -3px;
   opacity: 1;
}

.menusubforums ul li {
   min-width: 120px;
   border-top: 1px solid transparent;
}

.menusubforums ul li:first-child {
   border: 0;
}

.menusubforums ul li a {
   background: white url("{T_IMAGESET_PATH}/subforum_read.gif") no-repeat 3px 50%;
   text-align: center;
   padding: 2px 0 2px 14px;
   border: 1px solid #39C;
   text-decoration: none;
   display: block;
   border-radius: 3px;
}

.menusubforums ul li a.unread {
   background-image: url("{T_IMAGESET_PATH}/subforum_unread.gif");
}

.menusubforums ul li:last-child a {
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}      

.menusubforums ul li a:hover {
   color: #fff;
   background-color: #39C;
}

.menusubforums + .clear {
   margin-bottom: 4px;
}
Visualizzazione sub-forum:
8VTb0.png
Visualizzazione nella panoramica forum:
5PBx.png
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Menu Forum ha scritto:

Rispondi

Torna a “Snippets”

Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti