Pagina 1 di 1
Creare un header personalizzato
Inviato: 11/11/2011, 11:22
da kIMERA
Ciao, vorrei creare un header personalizzato mettendo un'immagine fissa, da me modificata, lasciando in basso a destra il codice per la ricerca. In parole povere vorrei creare un header come quello che avete qui sul forum senza la parte per inserire il banner pubblicitario (o magari se proprio avete voglia mettere entrambe le versioni in caso dovesse servirmi). Ovviamente nel momento in cui inserisco l'header modificato dovrei fare in modo che lo stesso sia clickabile e che porti alla home, togliendo la scritta del nome del forum che compare quando si installa la board.
Re: Creare un header personalizzato
Inviato: 11/11/2011, 13:46
da Tiger
Ciao!
Ascolta la prossima volta fai attenzione(per favore) ad aprire l'argomento nella sezione inerente al problema
In questo caso supporto stili!
Cmq per quanto concerne "aggiungere un immagine fissa nell'header" stile in uso?
Per il prosilver la prassi e' la seguente:
Apri: styles/prosilver/theme/common.css
Cerca:
Codice: Seleziona tutto
.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
Sotto :
Aggiungi:
Modificare l'altezza in base alla Tua immagine.
Apri:Apri: styles/prosilver/theme/colours.css
Cerca:
Codice: Seleziona tutto
.headerbar {
background-color: #12A3EB;
background-image: url("{T_THEME_PATH}/images/nome della tua immagine.estensione che preferisci");
color: #FFFFFF;
}
Apri styles/tuostile/template/overall_header.html
Cerca:
Codice: Seleziona tutto
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
Aggiungi una riga sotto:
Codice: Seleziona tutto
<div style="height: 10px in meno della grandezza in px che hai messo nel common.css;">
Cerca:
Codice: Seleziona tutto
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="get" 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:
refresh temi,template e chache da Pca
Re: Creare un header personalizzato
Inviato: 11/11/2011, 23:11
da kIMERA
Scusate se ho sbagliato sezione, ma supporto mods non si intendono le modifiche? Comunque credo che provero' domani mattina! Comunque utilizzo il se square se non erro, comunque sempre sul prosilver si basa.
Re: Creare un header personalizzato
Inviato: 11/11/2011, 23:15
da Angolo
Le MOD sono una cosa.
Le modifiche agli stili un'altra.
Sposto.
Re: Creare un header personalizzato
Inviato: 27/10/2012, 21:09
da andrexx90
Ciao, ho visto questo post e mi sono interessato..
Ho provato a fare il tutto ma mi esce così..
Ovvero a dx l'immagine si ripete... Come posso fare??
