Pagina 1 di 1
Modifica posizione search box nell'header
Inviato: 20/07/2011, 18:51
da Ravenloft
Salve a tutti!
Ho installato ieri uno stile nuovo per il mio forum phpbb, tuttavia vi è un piccolo problema estetico che non riesco a risolvere, e non ho trovato soluzioni sgooglano qua e là.
Al momento, questo è l'header del forum:
http://img143.imageshack.us/img143/4375 ... icerca.png
Lo stile è "
Weapons_and_Adventures"
Vorrei sostanzialmente spostare le voci "messaggi privati; pcu" ecc ecc allineandole a sinistra, e abbassare la barra di ricerca pareggiandole.
Non sono un esperto però e non so dove mettere mano nei temi, c'è qualche guida?
Grazie in anticipo
Re: Modifica posizione search box nell'header
Inviato: 20/07/2011, 19:05
da pegasus81
Un bel link al forum nel profilo non guasterebbe!
Re: Modifica posizione search box nell'header
Inviato: 20/07/2011, 19:44
da Ravenloft
pegasus81 ha scritto:Un bel link al forum nel profilo non guasterebbe!
uhm.. nel profilo c'è il link al forum
è di un gruppo di gioco on line
Re: Modifica posizione search box nell'header
Inviato: 20/07/2011, 19:50
da pegasus81
Il link nel profilo non l'avevo notato in quanto non è evidenziato come link. Correggilo inserendo questo link:
Re: Modifica posizione search box nell'header
Inviato: 20/07/2011, 19:54
da Ravenloft
pegasus81 ha scritto:Il link nel profilo non l'avevo notato in quanto non è evidenziato come link. Correggilo inserendo questo link:[####!
Fatto! Scusa ancora
*scusate ho rimosso il link del forum perché veniva trovato su google e sono bersagliato dagli spammer :S *
Re: Modifica posizione search box nell'header
Inviato: 20/07/2011, 20:06
da pegasus81
Ecco le modifiche al tuo codice:
apri il file overall_header.html, trova il seguente codice
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 -->
modificalo come segue, taglialo e mettilo da parte (servirà successivamente)
Codice: Seleziona tutto
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<li 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>
</li>
<!-- ENDIF -->
trova
Codice: Seleziona tutto
<ul class="linklist rightside">
<li class="icon-ucp">
<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH --> •
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --> •
<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
<!-- ENDIF -->
</li>
<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 and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><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="x">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
</ul>
e sostituisci <ul class="linklist rightside"> con <ul class="linklist leftside">
Ora prendi il pezzo di codice tagliato e incollalo subito dopo questo codice:
Codice: Seleziona tutto
<ul class="linklist leftside">
<li class="icon-ucp">
<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH --> •
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --> •
<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
<!-- ENDIF -->
</li>
<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 and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><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="x">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
Salva il file e aggiorna il template tramite PCA->STILI->Template.
Poi apri il file common.css e trova
Codice: Seleziona tutto
ul.leftside {
float: left;
margin-left: 0;
margin-right: 5px;
text-align: left;
}
modificalo come segue:
Codice: Seleziona tutto
ul.leftside {
float: left;
margin-left: 0;
margin-right: 5px;
text-align: left;
width: 100%;
}
Ora aggiorna lo stile tramite PCA->STILE->Temi. Fammi sapere!
Re: Modifica posizione search box nell'header
Inviato: 20/07/2011, 20:14
da pegasus81
Dimenticavo... in common.css trova
Codice: Seleziona tutto
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
sostituiscilo con
Codice: Seleziona tutto
#search-box {
color: #FFFFFF;
position: relative;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
Re: Modifica posizione search box nell'header
Inviato: 20/07/2011, 20:21
da pegasus81
Ho notato che hai fatto un errore in questo passaggio:
pegasus81 ha scritto:Ora prendi il pezzo di codice tagliato e incollalo subito dopo questo codice:
Codice: Seleziona tutto
<ul class="linklist leftside">
<li class="icon-ucp">
<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH --> •
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --> •
<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
<!-- ENDIF -->
</li>
<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 and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><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="x">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
Salva il file e aggiorna il template tramite PCA->STILI->Template.
Come puoi vedere devi incollare prima di </ul> non dopo. E modifica il common.css così:
pegasus81 ha scritto:Dimenticavo... in common.css trova
Codice: Seleziona tutto
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
sostituiscilo con
Codice: Seleziona tutto
#search-box {
color: #FFFFFF;
position: relative;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
Re: Modifica posizione search box nell'header
Inviato: 20/07/2011, 20:58
da Ravenloft
Perfetto!!!
Grazie mille!
