Nuova linea di navigazione

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:

Nuova linea di navigazione

Messaggio da Galandas » 13 dic 2012, 16:49

Nuova linea di navigazione

Autore: Jaymie1989
Descrizione: Verrà aggiunta una nuova linea di navigazione per la barra di navigazione, proprio come sul prosilver di STG
Questo è solo per prosilver. Funziona con tutte le versioni di phpBB3

Apri: styles/prosilver/template/overall_header.html
Cerca:

Codice: Seleziona tutto

<ul class="linklist leftside">
Sostituisci con:

Codice: Seleziona tutto

<ul class="linklist navlinkstwo">
Cerca:

Codice: Seleziona tutto

<ul class="linklist rightside">
           <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
            <!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
                   <!-- IF not S_USER_LOGGED_IN --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
                   <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
           <!-- ENDIF -->
             </ul>
Aggiungi dopo:

Codice: Seleziona tutto

<ul class="linklist leftside">
<li class="icon-ucp"><a href="http://www.startrekguide.com" title="STG Home">STG</a></li>
<li class="icon-ucp"><a href="http://www.phpbb.com" title="phpBB Homepage">phpBB</a></li>
<li class="icon-ucp"><a href="http://phpbb3world.com" title="PhpBB3 World">PhpBB3 World</a></li>
</ul>
Apri styles/prosilver/theme/common.css
Cerca:

Codice: Seleziona tutto

ul.navlinks {
padding-bottom: 1px;
margin-bottom: 1px;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
}
Aggiungi su nuova linea separata:

Codice: Seleziona tutto

ul.navlinkstwo {
padding-bottom: 1px;
margin-bottom: 1px;
border-bottom: 1px solid #FFFFFF;
}
Cerca:

Codice: Seleziona tutto

ul.linklist li.rightside, p.rightside {
float: right;
margin-right: 0;
margin-left: 5px;
text-align: right;
}
Aggiungi su nuova linea separata:

Codice: Seleziona tutto

ul.middle {
float: none;
margin-left: 45%;
text-align: right;
}
Quindi assicuratevi di eliminare la cache per farlo funzionare correttamente.
Jaymie1989 ha scritto:
È possibile modificare il 45% sul margine sinistro per scegliere dove allinearlo.
È anche possibile aggiungere tag di autorizzazione intorno ad esso.

Codice: Seleziona tutto

ul.middle {
float: none;
margin-left: 45%;
text-align: right;
}
header.JPG
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 2 ospiti