Extra Menu in Header

Snippet & addons per il nostro phpbb 3
Rispondi
Avatar utente
diavoletta
Utente
Utente
Messaggi: 128
Iscritto il: 14/05/2012, 14:32
Link del Forum:
Contatta:

Extra Menu in Header

Messaggio da diavoletta »

Titolo
Extra Menu in Header
Autore
Stoker
Descrizione
Aggiunge un comodissimo menu' in alto a destra nel vostro header!
Dettagli / Versione
n/a
INIZIO GUIDA:

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

Codice: Seleziona tutto

<div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>
Aggiungi dopo:

Codice: Seleziona tutto

<div class="menu-block" style="float: {S_CONTENT_FLOW_END}; width: 19%;">
         <div class="menu-row-first"><a class="left menu-link" href="http://www.phpbb3bbcodes.com/">BBCode Board</a></div>
         <div class="menu-row"><a class="left menu-link" href="http://www.phpbb3bbcodes.com/stokerstyles/index.php">Styles Board</a></div>
         <div class="menu-row-last"><a class="left menu-link" href="http://www.phpbb3bbcodes.com/donate.php">Donate</a></div>
      </div>
      <div style="float: {S_CONTENT_FLOW_BEGIN}; width: 79.5%;">
Cerca:

Codice: Seleziona tutto

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="post" id="search">
            <fieldset>
               <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
               <input class="button2" value="{L_SEARCH}" type="submit" /><br />
               <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->
Aggiungi dopo:

Codice: Seleziona tutto

</div>
Apri:
styles/prosilver/theme/colours.css

Alla fine del .css aggiungi:

Codice: Seleziona tutto

    /* Code taken from flying-bits.org Sorry NV ;) */
    a.menu-link {
       background-image: url("{T_THEME_PATH}/images/arrow_right.gif");
       font-weight: bold;
       padding-top: 4px;
       padding-bottom: 4px;
       color: #FFFFFF;
    }

    a.menu-link:hover {
       background-position: 6px 60%;
       color: #9b0000;
    }

    div.menu-block {
       border-left: #FFFFFF solid 1px;
       padding-left: 6px;
    }

    div.menu-row-first {
       border-bottom: 1px solid #FFFFFF;
       padding-top: 4px;
       padding-left: 4px;
       padding-bottom: 4px;
    }

    div.menu-row {
       border-bottom: 1px solid #FFFFFF;
       padding-top: 4px;
       padding-left: 4px;
       padding-bottom: 4px;
    }

    div.menu-row-last {
       padding-top: 4px;
       padding-left: 4px;
       padding-bottom: 4px;
    }
Aggiorna temi e template da pca nonche' svuotare la chache

Immagine
Spero vi sia stata utile :ciao:
"Se Proprio Devo Andare all'Inferno, Tanto Vale Andarci in Gran Stile..."
Edward (Twilight)


Immagine
Rispondi