phpBB Italia chiude!
phpBB Italia ringrazia tutti gli utenti che hanno dato fiducia al nostro progetto per ben 9 anni, e che, grazie al grande lavoro fatto da tutto lo Staff (rigorosamente a titolo gratuito), hanno portato il portale a diventare il principale punto di riferimento italiano alla piattaforma phpBB.

Purtroppo, causa motivi personali, non ho più modo di gestirlo e portarlo avanti. Il forum viene ora posto in uno stato di sola lettura, nonché un archivio storico per permettere a chiunque di fruire di tutte le discussioni trattate.

Il nuovo portale di assistenza per l'Italia di phpBB diventa phpBB-Store.it, cui ringrazio per aver deciso di portare avanti questo grande progetto.

Grazie ancora,
Carlo - Amministratore di phpBB Italia

[Guida Christian Bullock]Agg. Sfondo Multiplo in prosilver

Modifiche allo stile (template e tema).
Bloccato
Avatar utente
NintendoEvoClan
Utente
Utente
Messaggi: 68
Iscritto il: 11/08/2011, 2:17
Sesso: Maschio
Versione: 3.0.8
Server: UNIX/Linux
PHP: PHP 5.2.17
Database: MySQL(i) 5.1.49-community-log
Località: Pordenone
Contatta:

[Guida Christian Bullock]Agg. Sfondo Multiplo in prosilver

Messaggio da NintendoEvoClan » 17/11/2011, 2:55

Questa guida serve per avere una navbar sopra sotto il titolo, e da lì poter selezionare lo sfondo che si vuole.

Servono un editor di testo, tipo notepad++ e l'archivio alleagato che trovere a fine argomento.

Incominciamo con caricare i seguenti file che trovere nell'archivio, nei rispettivi percorsi elencati qui sotto:
Copia: /stylesheet-switcher/jquery.cookie.js in /styles/prosilver/template/
Copia: /stylesheet-switcher/blank.css in /styles/prosilver/theme/
Copia: /stylesheet-switcher/colours in /styles/prosilver/theme/
PASSO1
Apri il file: /styles/prosilver/template/overall_header.html

Cerca:

Codice: Seleziona tutto

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
Aggiungi dopo:

Codice: Seleziona tutto

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<!-- If the above line is already present, don't add it again -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.cookie.js"></script>
Cerca:

Codice: Seleziona tutto

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
    <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
Aggiungi dopo:

Codice: Seleziona tutto

<link rel="stylesheet" href="{T_THEME_PATH}/blank.css" type="text/css" class="colour-switcher" />
Cerca:

Codice: Seleziona tutto

<a name="start_here"></a>
Aggiungi dopo:

Codice: Seleziona tutto

<br /><br />
<div class="navbar">
    <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="linklist rightside">
            <li><strong>Colour:</strong></li>
            <li><a href="#" rel="{T_THEME_PATH}/colours/red.css" class="switch">Red</a> &bull; </li>
            <li><a href="#" rel="{T_THEME_PATH}/colours/green.css" class="switch">Green</a> &bull; </li>
            <li><a href="#" rel="{T_THEME_PATH}/colours/yellow.css" class="switch">Yellow</a> &bull; </li>
            <li><a href="#" rel="{T_STYLESHEET_LINK}" class="switch">Default</a></li>
        </ul>
    <span class="corners-bottom"><span></span></span></div>
</div>
Salva le modifiche.

PASSO2

Questo è un codice del file di css.

Codice: Seleziona tutto

/* Green stylesheet. Override everything here.
This is called after phpBB's stylesheet, so !important shouldn't be required in most cases */
html, body {
    background-color: #009900;
}
Potete cambiare il colore oppure modificarlo così per avere un'immagine da mettere al posto del colore:

Codice: Seleziona tutto

/* Green stylesheet. Override everything here.
This is called after phpBB's stylesheet, so !important shouldn't be required in most cases */
    html, body {
        background-image:url("{T_THEME_PATH}/images/prova.jpg");
       background-color: #A0A0A0;
       background-position: top center;
       background-attachment: fixed;
       background-repeat: no-repeat ;
    }
PASSO3

Riapri: /styles/prosilver/template/overall_header.html

Cerca:

Codice: Seleziona tutto

<link rel="stylesheet" href="{T_THEME_PATH}/blank.css" type="text/css" class="colour-switcher" />
Aggiungi dopo:

Codice: Seleziona tutto

<script type="text/javascript">
      if($.cookie("colour-choice")) {
         $("link.colour-switcher").attr("href",$.cookie("colour-choice"));
      }
   $(document).ready(function() {
      $("a.switch").click(function() {
         $("link.colour-switcher").attr("href",$(this).attr('rel'));
         $.cookie("colour-choice",$(this).attr('rel'), {expires: 365, path: '/'});
         return false;
      });
   });
</script>
Salva le modifiche, fai un aggiorna template, temi, set-immagini e ripulisci le cache. Ora dovresti vedere la navbar e cambiare colore o immagine a seconda della tua impostazione.

NB: Se si vuole aggiungere un immagine invece della scritta colore, fare come descritto qui sotto:

Cerca:

Codice: Seleziona tutto

<a href="#" rel="{T_THEME_PATH}/colours/red.css" class="switch" rel="nofollow">Red</a>
Sostituisci con:

Codice: Seleziona tutto

<a href="#" rel="{T_THEME_PATH}/colours/red.css" class="switch" rel="nofollow"><img src="{T_THEME_PATH}/images/prova.png" width="16" height="16" alt="" /></a>
Un grazie a Christian Bullock per la guida. :mrgreen: ;)
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Ultima modifica di NintendoEvoClan il 10/12/2011, 12:15, modificato 1 volta in totale.

Avatar utente
Lady R
phpBB Expert
phpBB Expert
Messaggi: 900
Iscritto il: 08/11/2011, 13:43
Sesso: Femmina
Versione: 3.0.9
Server: UNIX/Linux
PHP: 5.3.8
Database: MySQLi
Contatta:

Re: Aggiungere Sfondo Multiplo in prosilver

Messaggio da Lady R » 17/11/2011, 13:54

NintendoEvoClan ha scritto:Questa guida serve per avere una navbar sopra sotto il titolo, e da lì poter selezionare lo sfondo che si vuole.
Non ho capito se è sopra o sotto ^.^"

Comunque sembra carino, andrebbe un po sviluppato e semplificato.
Potresti fare in modo che quando si cambia sfondo il passaggio sia graduale e non "di colpo".

Ma non era meglio postare nella sezione MODs?

Avatar utente
NintendoEvoClan
Utente
Utente
Messaggi: 68
Iscritto il: 11/08/2011, 2:17
Sesso: Maschio
Versione: 3.0.8
Server: UNIX/Linux
PHP: PHP 5.2.17
Database: MySQL(i) 5.1.49-community-log
Località: Pordenone
Contatta:

Re: Aggiungere Sfondo Multiplo in prosilver

Messaggio da NintendoEvoClan » 17/11/2011, 15:12

Intendevo zona alta del forum, sotto al titolo. Forse mi sono espresso male io.

Cmq guarda l'esperimento qui sul mio sito di prova:

http://www.experimentfusion.altervista.org

Nb: sarebbe bello farlo in modo che sia a tempo, quello sì ;)

Avatar utente
mk3000
Utente
Utente
Messaggi: 50
Iscritto il: 01/05/2011, 17:36
Sesso: Maschio
Versione: 3.0.8
Server: UNIX/Linux

Re: [Guida Christian Bullock]Agg. Sfondo Multiplo in prosilv

Messaggio da mk3000 » 04/01/2012, 3:03

Ma cosi facendo viene memorizzata la scelta dell utente?

Avatar utente
Carlo
Amministratore
Amministratore
Messaggi: 9957
Iscritto il: 19/04/2009, 10:24
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 7.1.0
Database: MySQL(i) 10.0.27-MariaDB-cll-lve
Località: Puglia
Contatta:

Re: [Guida Christian Bullock]Agg. Sfondo Multiplo in prosilv

Messaggio da Carlo » 04/01/2012, 11:37

Dovrebbe venire memorizzata nei cookie del browser.
MODs | Stili | Traduzioni MOD
Ogni MP contenente una richiesta di supporto verrà ignorato.

Bloccato

Torna a “Stili”

Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti