Nuovo pulsante header Phpbb 3.0.11

[hyperzaki97]

Ciao a tutti, premetto che ho cercato e ricercato ma non trovo nulla che mi aiuti; Forse cerco male io anche perché non so come spiegare ciò che voglio fare per bene.
Allora: Vorrei aggiungere un bottone accanto agli altri che ci sono: Messaggi, iscritti, cerca, l'utente connesso e il logout.
Vorrei metterne uno accanto a messaggi.
Vi allego un'immagine: http://imageshack.us/f/35/screenshotgla.png/
Nel cerchio vorrei mettere questo bottone, ma non so da dove iniziare.
Ho cercato e ho capito che dovrei andare a modificare qualche file css nella cartella /theme per mettere l'immagine per il bottone. Ma per aggiungere la scritta o mettere il href alla pagina che voglio non so come fare.
Uso il tema Absolution modificato da Christian Bullock.
Spero di essere stato chiaro...
Grazie in anticipo!

[alex75]

Non conosco il tema che usi. Ma posso dirti che il file da modificare è:
style/tuo stile/template/overall_header.html
Ti basterà usare un pò di html come questo esempio.

Codice: Seleziona tutto

<a href="http://tuosito.it/tuapaginadaaprire.html"><img src="http://vitara.it/cartella immagini/tuaimmagine.gif"/></a>

cerca dove sia il codice dell'icona messaggi e aggiungi il tuo codice prima.
Fai qualche prova in locale, vedrai che non è difficile...

[hyperzaki97]

Ciao e grazie della risposta. Ho provato e ho cercato in questo modo anche prima che me lo dicessi tu. Il problema è che non c'è nulla del genere. Dato che devo riuscire a inserire un link abbastanza grande e nel preciso punto dove ci sono gli altri bottoni è complicato. Perché riesco solo ad inserirli sotto o sopra. Se lo inserisco in quel punto mi appare errore di sintassi dopo che aggiorno da PCA il template del tema.
Non so come fare. Da quanto ho capito leggendo il codice che si trova dentro overall_header.html è che c'è anche un po' di css o almeno qualcosa che fa riferimento a un altro file. Che non riesco a localizzare ancora...
È un codice tra parentesi graffe (ti incollo quello dei messaggi.) :

Codice: Seleziona tutto

<!-- IF S_DISPLAY_PM -->
                <li class="float-right">
                    <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/nav-pm<!-- IF S_USER_UNREAD_PRIVMSG -->-new<!-- ENDIF -->.png" width="16" height="16" alt="" />{L_MESSAGES}</a>
                </li>
                <li class="divider float-right"></li>  

È di tipo html, l'ho capito questo...ma quel T_THEME_PATH cosa è?
Ho provato a copiare tutto questo per creare un nuovo pulsante ma senza il "IF S_DISPLAY_PM" perché so che è per i messaggi. E se non lo scrivo mi da errore di sintassi.
Grazie per eventuali risposte

[Micogian]

{T_THEME_PATH} è il percorso del tema del tuo style.
L'immagine associata al link è nella cartella "images" del tema.

[hyperzaki97]

Grazie della risposta. Comunque in che file precisamente si trova? (Se ho capito bene.)
Comunque voglio capire anche quell' IF S_DISPLAY_PM cosa significa? So che è per un percorso preciso. Quindi credo che se creo una nuova regola nel file dove si trova IF S_DISPLAY_PM credo di poter creare un nuovo bottone e mettendo l'immagine in THEME.
Grazie per altre eventuali risposte

[alex75]

Come dicevo prima non conosco il tuo stile...
Adesso ho dato un'occhiata ed ho visto che nel tuo overall_heder, la navbar è separata e richiamata con un include.
Questo:

Codice: Seleziona tutto

<!-- INCLUDE navbar.html -->

quindi il file da modificare sarà proprio questo:
styles/absolution/template/navbar.html

[hyperzaki97]

Grazie mille. Ho controllato il file e l'ho trovato. Ho provato a crearlo ma mi da nuovamente errore di sintassi; Ti incollo il file.

Codice: Seleziona tutto

<div style="clear: both;"></div>
<div id="nav-wrap-left"></div>
<div id="nav-wrap-right"></div>

<div id="nav">
    <ul>

            <li<!-- IF SCRIPT_NAME eq 'index' --> class="active"<!-- ENDIF -->>
                <a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/nav-home.png" width="16" height="16" alt="" />{L_INDEX}</a>
            </li>
            <li class="divider"></li>

        
        <!-- IF not S_IS_BOT -->
        
        	<!-- IF S_USER_LOGGED_IN -->
            	<li class="float-right logout">
                	<a href="{U_LOGIN_LOGOUT}" class="tip" title="{L_LOGOUT}"><img src="{T_THEME_PATH}/images/logout.png" width="16" height="16" alt="" /></a>
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
                     	
        	<li class="float-right<!-- IF SCRIPT_NAME eq 'ucp' and $CURRENT_PAGE != 'register' --> active<!-- ENDIF -->">
            	<!-- IF not S_USER_LOGGED_IN -->
            		<a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" />{L_LOGIN_LOGOUT}</a>               
                <!-- ELSE -->
                	<a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/userdrop.png" width="16" height="16" alt="" />{S_USERNAME}</a>
                    <div style="clear: both;"></div>
                    <ul class="drop">
                        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                        <li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
                        <!-- IF U_MCP --><li><a href="{U_MCP}">{L_MCP}</a></li><!-- ENDIF -->
                        <!-- IF U_ACP --><li><a href="{U_ACP}">{L_ACP}</a></li><!-- ENDIF -->
                    </ul>                         
                <!-- ENDIF -->
            </li>
            <li class="divider float-right"></li>
            
            <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not S_SHOW_COPPA -->
            	<li class="float-right<!-- IF $CURRENT_PAGE == 'register' --> active<!-- ENDIF -->">
                	<a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" />{L_REGISTER}</a>
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
            
        	<!-- IF S_DISPLAY_SEARCH -->
                <li class="float-right<!-- IF SCRIPT_NAME eq 'search' --> active<!-- ENDIF -->">
                    <a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/search<!-- IF S_USER_LOGGED_IN -->-drop<!-- ENDIF -->.png" width="16" height="16" alt="" />{L_SEARCH}</a>
                    <!-- IF S_USER_LOGGED_IN -->
                    	<div style="clear: both;"></div>
                    	<ul class="drop">
                            <li><a href="{U_SEARCH}">{L_SEARCH_ADV}</a></li>
                            <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
                            <!-- IF S_LOAD_UNREADS -->
                            	<li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li>
                                <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
                                <li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
                            <!-- ENDIF -->
                    	</ul>
                    <!-- ENDIF -->                    
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF --> 
                
            <!-- IF S_DISPLAY_MEMBERLIST -->
                <li class="float-right<!-- IF SCRIPT_NAME eq 'memberlist' --> active<!-- ENDIF -->">
                    <a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/nav-members.png" width="16" height="16" alt="" />{L_MEMBERLIST}</a>
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
            
            <!-- IF S_DISPLAY_PM -->
                <li class="float-right">
                    <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/nav-pm<!-- IF S_USER_UNREAD_PRIVMSG -->-new<!-- ENDIF -->.png" width="16" height="16" alt="" />{L_MESSAGES}</a>
                </li>
                <li class="divider float-right"></li>  

            <!-- ENDIF -->
                
                                                  
        <!-- ENDIF -->      

    </ul>
</div>

Questo è navbar.html
Non so come creare l'eccezione in modo da poter creare il pulsante. Grazie mille per il supporto, grandissimo!

[alex75]

Come già detto ti serve del semplice html...
apri: styles/absolution/template/navbar.html
a fine pagina trova:

Codice: Seleziona tutto

    </ul>
</div>

Aggiungi prima:

Codice: Seleziona tutto

            <li class="divider"></li>
<li class="float-right">
            		<a href="http://www.tuolink.it"><img src="{T_THEME_PATH}/images/nav-home.png" width="16" height="16" alt="" />Testo che verrà mostrato di fianco l'icona</a>
            </li>
            <li class="divider float-right"></li>	

correggi il codice con il tuo link e con il nome ed il percorso dell'icona.
Ricordati di aggiornare il template dopo la modifica.

[hyperzaki97]

Grazie mille! Ce l'ho fatta. Grandissimo.
Grazie davvero. Il fatto è che ero arrivato fino a questo punto però non pensavo ci bastasse solo semplice html, perché quei T_THEME_PATH mi spaventavano e pensavo che ci fosse qualcosa di più fa fare. Invece era solo un collegamento alla cartella. Grazie ancora!