Modificare l' Header del Prosilver

Regole del forum
ATTENZIONE! QUESTA SEZIONE E' STATA BLOCCATA !!
Avatar utente
slash
UtenteGold
UtenteGold
Messaggi: 1128
Iscritto il: 02/12/2011, 14:35
Versione: 3.0.10
Seo: Si
Server: UNIX/Linux
Php: 5.3.10
Database: MySQL 5.5.13-enterprise-commercial-advanced-log

Modificare l' Header del Prosilver

Messaggio da slash » 10/02/2012, 12:52

[info]Questa guida è stata scritta da prototech il sottoscritto si è limitato alla traduzioone della stessa[/info]

Aggiungere un immagine all' header:
----------------------------------------------------------------------

Per prima cosa uppa l' immagine che volete inserire nell' header in:

styles/prosilver/theme/images/

Apri: styles/prosilver/theme/common.css

trova:

Codice: Seleziona tutto

.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;
aggiungi dopo:

Codice: Seleziona tutto

height: 100px;
*cambia 100px con l' altezza della tua immagine

apri: styles/prosilver/theme/colours.css

trova:

Codice: Seleziona tutto

.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}
cambia: "bg_header.gif" con il nome e l' estensione della tua immagine.

apri: styles/prosilver/template/overall_header.html

trova:

Codice: Seleziona tutto

<div id="site-description">
aggiungi prima:

Codice: Seleziona tutto

<div style="height: 90px;">
*modifica 90px inserendo un valore di 10px inferiore all' altezza della tua immagine

trova:

Codice: Seleziona tutto

<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>
vuota la cache e aggiorna il tema da PDA



Rimuovere il logo dall' header:
---------------------------------------------------------------

apri: styles/prosilver/template/overall_header.html

trova e cancella:

Codice: Seleziona tutto

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
vuota la cache



Rimuovere site-name e descrizione sito:
------------------------------------------------------------------------

apri: styles/prosilver/template/overall_header.html

trova e cancella:

Codice: Seleziona tutto

<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
vuota la cache


Rimuovere il cerca:
-------------------------------------------------

apri: styles/prosilver/template/overall_header.html

trova e cancella:

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 -->
vuota la cache



Sostituire il tasto dimensione carattere con il cerca:
------------------------------------------------------------------------------------

apri: styles/prosilver/template/overall_header.html

trova:

Codice: Seleziona tutto

<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
sostituisci con:

Codice: Seleziona tutto

            <li class="rightside" style="font-size: 1em;">
          <!-- 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 />
                    {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
             </div>
          <!-- ENDIF -->
        </li>
apri: styles/prosilver/theme/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 */
}
sostituisci con.

Codice: Seleziona tutto

#search-box {
  color: #FFFFFF;
  position: relative;
  display: block;
  text-align: right;
  white-space: nowrap; /* For Opera */
  line-height: 1em;
}
vuota la cache e aggiorna il tema da PDA



Inserire un icona "cerca" a fianco a quella delle FAQ:
--------------------------------------------------------------------------------------

apri: styles/prosilver/template/overall_header.html

trova:

Codice: Seleziona tutto

<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
aggungi dopo:

Codice: Seleziona tutto

<li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li>
vuota la cache
[center]Se ti sono stato utile 1000 euro su paypal o lascia un Grazie!

Immagine[/center]

Avatar utente
CrakingItalia
UtenteExpert
UtenteExpert
Messaggi: 469
Iscritto il: 06/01/2012, 22:47
Versione: 3.0.10
Seo: Si
Server: Windows

Re: Modificare l' Header del Prosilver

Messaggio da CrakingItalia » 15/09/2013, 14:59

il mio header e in png ne vorrei inserire uno in gif che file devo modificare?

Avatar utente
Moloch
UtenteExpert
UtenteExpert
Messaggi: 729
Iscritto il: 03/03/2012, 0:04
Versione: 3.0.12
Seo: Si
Server: UNIX/Linux
Php: 5.3.10
Database: MySQL 5.1.49-community-log

Re: Modificare l' Header del Prosilver

Messaggio da Moloch » 15/09/2013, 18:32

Non sei stato chiaro nel formulare ma dovrebbe essere questa parte

Codice: Seleziona tutto

.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
}

nardino
Utente
Utente
Messaggi: 11
Iscritto il: 23/08/2014, 12:27
Versione: 3.0.8
Seo: No

Re: Modificare l' Header del Prosilver

Messaggio da nardino » 23/08/2014, 12:43

Ciao a Tutti,
Vorrei spostare il pulsante del Login/Logout per esempio lo vorrei mettere in alto a destra perche si trova in basso a sinistra come dovrei fare ??
Il Styles/Theme é in Prosilver.
Grazie.

Avatar utente
Moloch
UtenteExpert
UtenteExpert
Messaggi: 729
Iscritto il: 03/03/2012, 0:04
Versione: 3.0.12
Seo: Si
Server: UNIX/Linux
Php: 5.3.10
Database: MySQL 5.1.49-community-log

Re: Modificare l' Header del Prosilver

Messaggio da Moloch » 23/08/2014, 16:53

nardino ha scritto:Ciao a Tutti,
Vorrei spostare il pulsante del Login/Logout per esempio lo vorrei mettere in alto a destra perche si trova in basso a sinistra come dovrei fare ??
Il Styles/Theme é in Prosilver.
Grazie.
Inserisci nel tuo profilo il link del tuo forum

sul prosilver è già nella parte alta a destra e in basso a sinistra